JavaScriptのthisは「どこで定義したか」より「どう呼んだか」で決まる
JavaScriptのthisが何を指すのか。通常の関数、メソッド、call・apply・bind、new、アロー関数ごとの違いと、strict mode・ES Modulesで挙動が変わる点を、呼び出し方から読み解く。
Blog
JavaScript posts
JavaScriptで書く前にCSSでできないか考える――パララックスなど6つの実装を比較
パララックスやスクロール連動アニメーション、親要素の状態判定、コンテナークエリなど、JavaScriptで実装しがちな6つの処理をCSSへ移せる場面と注意点を、実装例を交えて紹介します。
ReactフロントエンドはバックエンドAPIを待たない：API層とMockで独立開発する方法
ReactとViteのTodoアプリを題材に、API層、axiosインスタンス、Mock API、React Routerを使って、バックエンド実装を待たずにフロントエンド開発を進める構成を整理します。
JavaScriptで競態（Race Condition）はなぜ起きる？単一スレッドでも発生する理由
JavaScriptは単一スレッドなのに、なぜ非同期処理で競態が起きるのか。検索リクエストを例に、awaitの挙動、requestId、AbortController、loading、debounceとの違いまで整理します。
SPA一択を見直す――2026年にMPAが再評価される理由
SPAが抱えやすい長寿命の状態管理とクライアントルーティングの複雑さを整理し、現代のMPAとアイランド構成を選ぶ基準を考えます。
同じURLでPCとスマホの表示を切り替える設計――UA判定・Media Query・サーバー分岐の使い分け
同じURLからPC向け画面とスマートフォン向け画面を提供する方法を、CSS、JavaScript、サーバー分岐の三段階に分けて整理します。