JavaScript

プログラミング言語JavaScriptに関する記事です。

2020年9月6日公開

JavaScriptではsetTimeoutという関数を使うことができます。しかし、実はこの関数は言語仕様（ECMAScript）に組み込まれているものではありません。ブラウザ上で動くJavaScriptの場合、setTimeoutはHTMLの仕様によって定義されています…

2020年6月10日公開 / 2020年6月10日更新

SPAを作る際は、URLを変化させたり、URLの変化に反応して画面を変えたりする必要があります。このために使われるのがルーティングライブラリです。Reactにおいては、react-routerが代表格として知られています。 react…

2020年6月7日公開 / 2020年6月7日更新

近頃のJavaScript開発は、モジュールとして書かれた複数のJavaScriptファイルをimport文やexport文を通じて連携させるのが基本です。また、それらのファイルはWebpackに代表されるバンドラによって事前に処理され、import文の解決…

2020年5月30日公開 / 2020年5月31日更新

JavaScriptのややこしい機能としてよく槍玉に挙げられるのがthisです。その特徴のひとつは状況によって意味（thisの値）が違うことであり、これを指して「JavaScriptのthisは4種類」とする説も見られます。そこで、この記事ではthisが何種類あるのか、ECMA…

2020年5月25日公開

Reactにおいて、useEffectなどいくつかのフックは第2引数として依存リストを取ります。例えばuseEffectの場合、レンダリングの度に依存リストのいずれかの値が前回から変化したかどうかがチェックされ、変化していた場合はレンダリング後にコールバック関数が呼び出されます…

2020年5月22日公開

Babelは今どきのJavaScript開発には欠かせないパーツのひとつです。その主な使い道は、新しいJavaScriptの文法を古いJavaScriptに変換するトランスパイラとしてのものでしょう。しかし、Babelをより広範にマクロの機構として使おうという動きもあります…

2020年5月15日公開

昨日、Facebook製のReact用ステート管理ライブラリ**Recoil**が発表されました。Facebook製といってもReact公式のステート管理ライブラリとかそういう位置付けではないようですが、それでも大きな注目を集めているのは間違いありません。そこで…

2020年5月10日公開

Gatsbyは最近流行りの静的サイトジェネレータで、このブログでも使用しています。 Font Awesomeは何か昔から流行っているフリーのアイコン集で、このブログでも使用しています。両者の組み合わせることも非常によくあるらしく、"Gatsby FontAwesome…