同じURLでPCとスマホの表示を切り替える設計――UA判定・Media Query・サーバー分岐の使い分け
同じURLからPC向け画面とスマートフォン向け画面を提供する方法を、CSS、JavaScript、サーバー分岐の三段階に分けて整理します。
Blog
Frontend posts
useEffectを乱用しない――不要なEffectを見分ける5つの基準
ReactのuseEffectを派生値、イベント処理、データ取得、初期化へ安易に使わず、外部システムとの同期が必要かで判断する方法を整理します。
Todoアプリで学ぶReactコンポーネント設計――useState・useEffect・propsの基本
小さなTodoアプリを題材に、Reactのコンポーネント分割、useStateの遅延初期化と不変更新、useEffectの依存関係、propsによる単方向データフロー、localStorageへの保存を整理します。
GruntからViteへ、フロントエンドビルドツールの進化
Grunt、Gulp、Webpack、Rollup、Parcel、Viteが、それぞれ何を解決するために登場したのか。フロントエンドビルドツールの変化を時系列で整理します。