Qiita - JavaScriptタグが付けられた新着投稿

Storyblokのdocs翻訳チャレンジその14!!!

SN

9/21 00:30



コンテンツデリバリAPI

コンテンツデリバリAPIはStoryblokのコンテンツにアクセスする最も簡単な方法です。

以下の言語について、コードのスニペットを容易しました。これを見ればどれほどシンプルかが分かる...

適当に継承

SN

9/21 00:29

適当に書いたAnimalクラスを継承して適当に移植したサンプル。


HSP
#runtime "hsp3cl"
#cmpopt varinit 1

#module Animal _name,virtualBark,isGrow
#define super(%1) \
_name=%1 :\
vir...

Storyblokのdocs翻訳チャレンジその13!!!

SN

9/20 23:56



データソースエントリ


複数のデータソースエントリを取得する


エンドポイント

GET /v1/cdn/datasource_entries



パラメータ




名前
説明




token(必須)
publishedだけ欲しければpublicトークン
d...

JAMstack - クライアントサイドJavaScript、再利用可能なAPI、予めビルドされたマークアップによるモダンなWeb開発アーキテクチャ

SN

9/20 23:35

JAMstackの概要を意訳しました。

誤りやより良い表現などがあればご指摘頂けると助かります。

原文: https://jamstack.org/



「スタック」について言及する際、OS、特定のWebサーバ、バックエンドのプロ...

JavaScript Tips: 数値・文字列を固定長にフォーマット

SN

9/20 22:20

固定長にフォーマットしたいことがある。例えばこんな感じ:

" hello"
" world!"


C言語では sprintf, python では string.format が使えるんだけど、JavaScript の場合は多分なくて、外部ライブラリを使...

1週間でNext.js とReact.jsでSPAを作って公開するまで

SN

9/20 22:12



作ったもの

日本人起業家のおすすめされている本は日本語で検索するとよく出てきますが、海外の方がおすすめされている本って日本語で検索してもあまりヒットしませんよね ....

そこで私が海外のサイトで...

Storyblokのdocs翻訳チャレンジその12!!!

SN

9/20 21:26



リンク


全てのリンクを取得


エンドポイント

GET /v1/cdn/links



パラメータ




名前
説明




token(必須)
publishedだけ欲しければpublicトークン
draftも欲しければprivateトークン


starts_with...

「Google Apps Script で始める RPA」のスライド公開します @ Google Cloud Next '18 in Tokyo

SN

9/20 21:03



Cloud Next '18 in Tokyo の概要


1 年に 1 度行われる Google 主催の大型イベント
2018/09/19, 20 の 2 日間で実施
Google Cloud の技術についてのセッション多数
1 万人以上が参加
ハッシュタグ: #GoogleNex...

TypeScript + PEG.jsでデータフロープログラミング専用のDSL言語AsyncFlowを作った

SN

9/20 19:20



概要

最近,自分でAsyncFlowというDSL(Domain Specific Language)を作りました.

https://github.com/kotauchisunsun/AsyncFlow

技術スタックとしては


Typescript v3.0.3
PEG.js v0.10.0
jest v23.5.0


...

二次元配列を一次元配列にする

SN

9/20 19:07

たとえば、[[1,2,3],[5, 6, 7]] という二次元配列があったとして、これを [1, 2, 3, 4, 5, 6, 7] というふうにひとつの配列にまとめたい場合、Array.reduce を使えば簡潔に書くことができる。

const arrayOfArra...

Storyblokのdocs翻訳チャレンジその11!!!

SN

9/20 18:44



ソース

https://www.storyblok.com/docs/Delivery-Api/Tags


タグ


全てのタグを取得


エンドポイント

GET /v1/cdn/tags



パラメータ




名前
説明




token(必須)
プライベートトークン


starts_wi...

Storyblokのdocs翻訳チャレンジその10!!!

SN

9/20 18:39



ソース

https://www.storyblok.com/docs/Delivery-Api/get-a-story


Stories

Storyblokで使われる殆どのエンドポイントは、低レイテンシと最適なアベイラビリティのために調整されています。

世界中で低い...

指定したパラメータの値を取得する

SN

9/20 18:02

指定したパラメータの値を取得するための関数。


script.js
function getParam(val) {
var p = location.search;
var v = '(?:(?:^|.*\s*)' + val + '\s*\=\s*([^&]*).*$)|^.*$';
return p.replace(ne...

react-native-web, react-primitivesで擬似擬似クラスを実装する

SN

9/20 17:24



はじめに

react-primitives, react-native-webを実務で使う機会があったのですが、そこでwebにおいてweb特有の挙動を再現するのにかなり手こずる箇所がありました。

そのひとつとして、擬似クラスの実装が...

JavaScriptによる右クリックの禁止・禁止を解除する方法

SN

9/20 17:13

Webサイトなどで手軽に右クリックをできないようにする方法と、逆に右クリックを禁止したページで右クリックできるようにする方法を書いていきたいと思います。


右クリックの禁止方法

右クリックされた時のイ...

Matter.jsを使って図形を飛ばす

SN

9/20 16:42

前々回の記事:「JavaScript用物理エンジン、Matter.jsをとりあえず動かす」

前回の記事:「Renderで生成されるcanvasにidをつけたい」

の続きです。

Matter.jsを動かすところまでできて、canvasにidをつ...

JavaScriptでクリーンアーキテクチャはどうすればいいのか(Usecase編)

SN

9/20 15:36



Usecaseもパイプの、とある実装(フィルタ)


以下のコードではrepositoryから得られたデータを直接Presenterに渡している


class usecase {
changeMonth(i, month){
this.filtercond = {month: i < 1...

レスポンシブ時代のイメージマップ(クリッカブルマップ)

SN

9/20 14:39

10年ぶりくらいにイメージマップを使用したのでメモ。


あれ、イメージマップってどうやって作るんだっけ…?

昔はDreamweaverとかでポチポチやってた気がしますが、今持ってないしどうしよう…。

と思ったら...

Prettier で整形した結果の diff があったときに CI を落とす方法

SN

9/20 13:38

よく使い回すのでメモ。

仕事上ほとんど CircleCI なので例は config.yml だけど、どこでも変わらない。


TL;DR

prettier の -l オプションを使う。以下のような package.json がある場合に……


package.j...

Go初学者が学んだことまとめ〜その2〜

SN

9/20 13:34



はじめに

こちらの続きです。

Go初学者が学んだことまとめ〜その1〜

今回は参照型についてです。


参照型


スライス


定義

可変長配列を表現する型。

下記のように定義できる。

var s []int


...

Web上でちょっと本気の3Dアクションゲームを作る

SN

9/20 11:59



動機

Web上で3D表現するにはUnityかWebGLの選択肢に大体落ち着くと思います。

Unityに関してはとても素晴らしいフレームワークなのですが、

Web上で動かすにはプラグインが必要なのと、Unity自体の仕...

javascript libray

SN

9/20 11:41



javascript ライブラリ

Webサイトを制作する際にライブラリを探すのが手間だと思いまとめました。

(独自のライブラリを持ってる方は読んでも特に得るものはないかと思います。)

読んだ方で普段使用...

「Vueコンサルが教えたくない7つの真実」を勉強してみた

SN

9/20 04:35

Vueの便利なテクニック7つ

Youtubeで見つけたので勉強ついでにまとめてみる。


出展

Chris Fritz さん

Youtube

https://www.youtube.com/watch?v=7YZ5DwlLSt8

資料(Github)

https://github.com/c...

JavaScriptでクリーンアーキテクチャはどうすればいいのか(前編)

SN

9/20 00:34



クリーンアーキテクチャとは


まず以下の記事を推す。


持続可能な開発を目指す ~ ドメイン・ユースケース駆動(クリーンアーキテクチャ) + 単方向に制限した処理 + FRP


私なりの要点は次の通り

* 内...

質問箱みたいなテキストを画像化するサービスの作り方 - text2ogp.com

SN

9/19 21:15



質問箱、bosyu、pomeruなど、Twitter OGP画像でシェアして完結するタイプのサービスが流行っていますね!

自分もそのようなサービスを作っているため、テキストからOGP画像ってどう生成するのか?という知見が...

【最終章】HTMLのcanvasとJavaScriptでお絵かきアプリを作る【線の太さ変更・太さインジケーター実装編】

SN

9/19 20:39

お絵かきアプリ実装の最終章となります。

今回の記事は以下の1, 2と順番に実装してきた内容を元に作成しています。


【初心者向け】HTMLのcanvasとJavaScriptでお絵かきアプリ作る【最低限の機能実装編】
HTML...

[HTML]コメントタグを含むコードをコメントアウトする方法(二重コメントアウト)

SN

9/19 19:58



この記事で書くこと

HTMLのコメントタグ <!-- --> を含むコードをコメントアウトする方法


方法

<script>/* */</script> でコメントアウトしたい箇所を囲む。


コード例


sample.html
&...

ErrorUtils caught an error: "

SN

9/19 18:27



WebページにFacebook投稿を埋め込んだ時のエラー



参照jsファイルはこんな感じ。

https://static.xx.fbcdn.net/rsrc.php/v3/yJ/r/XXXXXX.js


エラーをなくす方法

Facebookに未ログインだと、このコンソ...

Haskellの関数をモジュールに頼らずJavascriptで作る頭の体操

SN

9/19 17:41

個人的なメモで分からなかった所や、出来たことを残しておく健忘録です。

直したり、増やしたり、随時更新していきます。

消しちゃったらごめんね。

Haskellっぽさを出すためにfor文ではなく再帰で統一して...

Vue.jsとfirebaseでクラウドメモアプリを作ってみた

SN

9/19 17:14

なんか気づいたら前回の投稿から2年半が過ぎてた。やばい。

そしてあまりに仕事がなくて暇だったので、前々から気になってたVue&firebaseで何か作ってみようと思った次第。

で、何となくメモアプリを選択し...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で