setTimeoutに大きい数値を与えるとどうなる? 仕様を読んで完全理解2020年9月6日 公開JavaScriptECMAScriptWebIDLHTMLJavaScriptでは setTimeout という関数を使うことができます。 しかし、実はこの関数は言語仕様(ECMAScript)に組み込まれているものではありません。 ブラウザ上で動くJavaScriptの場合、 setTimeout は HTML…全文を見る
react-routerで現在のlocationを取得する2種類の方法の使い分け方2020年6月10日 公開 / 2020年6月10日 更新ReactJavaScriptSPAを作る際は、URLを変化させたり、URLの変化に反応して画面を変えたりする必要があります。このために使われるのがルーティングライブラリです。Reactにおいては、 react-router が代表格として知られています。 react-router…全文を見る
import文で画像やCSSを読み込むのはECMAScript仕様違反か2020年6月7日 公開 / 2020年6月7日 更新JavaScriptECMAScript近頃のJavaScript開発は、モジュールとして書かれた複数のJavaScriptファイルを import 文や export 文を通じて連携させるのが基本です。また、それらのファイルは Webpack に代表されるバンドラによって事前に処理され、 import…全文を見る
JavaScriptのthisは結局何種類あるのか2020年5月30日 公開 / 2020年5月31日 更新JavaScriptECMAScriptJavaScriptのややこしい機能としてよく槍玉に挙げられるのが this です。その特徴のひとつは 状況によって意味(thisの値)が違う ことであり、これを指して「JavaScriptのthisは4種類」とする説も見られます。 そこで、この記事ではthis…全文を見る
useEffectのdeps比較関数をカスタムしたくなったときにやること2020年5月25日 公開ReactJavaScriptReactにおいて、 useEffect などいくつかのフックは第2引数として 依存リスト を取ります。 例えば useEffect…全文を見る
作って理解するBabelマクロ2020年5月22日 公開JavaScriptBabelbabel-plugin-macrosBabelは今どきのJavaScript開発には欠かせないパーツのひとつです。その主な使い道は、新しいJavaScriptの文法を古いJavaScriptに変換するトランスパイラとしてのものでしょう。しかし、Babel…全文を見る
Facebook製の新しいステート管理ライブラリ「Recoil」を最速で理解する2020年5月15日 公開ReactRecoilJavaScript昨日、Facebook製のReact用ステート管理ライブラリ Recoil が発表されました。Facebook製といってもReact公式のステート管理ライブラリとかそういう位置付けではないようですが、それでも大きな注目を集めているのは間違いありません。 そこで、筆者がRecoil…全文を見る
GatsbyでFont Awesomeを使用するとアイコンの表示が一瞬遅れる問題について2020年5月10日 公開GatsbyJavaScriptGatsbyは最近流行りの静的サイトジェネレータで、このブログでも使用しています。 Font Awesomeは何か昔から流行っているフリーのアイコン集で、このブログでも使用しています。 両者の組み合わせることも非常によくあるらしく、"Gatsby FontAwesome…全文を見る