AIは単なる便利ツールなのか。それとも、人類が「言語」「数学」「お金」「宗教」で積み重ねてきた抽象化革命の延長線上にある存在なのか。ライト兄弟、金融工学、宗教、LLM研究などを横断しながら、「AI＝高次元抽象化エンジン」という視点で文明の未来を考…
useEffect の第2引数（依存配列）を空にしていい場面・してはいけない場面を、しまなみ海道ガイドサイトの実装コードをもとに4パターンで整理した記事です。stale closure 問題や ESLint の exhaustive-deps ルールについても解説しています。
複数のバス事業者の時刻表JSONを並列で取得する際、1件が404でも残りのデータは表示したい——という要件を Promise.all の内側 try/catch で null を返す設計で解決した記録です。Promise.allSettled との比較、このパターンを使うべきでない場面、cancelled …
Radix UI や vaul を使わず、React + TypeScript で BottomSheet をゼロから実装しました。CSSトランジションが動かない原因と double rAF による解決、スワイプ速度判定、inert 属性、フォーカス復帰、createPortal まで、実装の中で学んだことをまとめます…
useCallbackは「とりあえず入れとく」が通用しないフックです。不要な場面では可読性の低下とわずかなパフォーマンス悪化を招きます。React.memoとの組み合わせ・useEffectの依存配列・依存チェーンの3パターンを実コードで整理しました。
Next.js App Router の layout.tsx と page.tsx の違いを本サイトの実コードで整理しました。どちらに何を書くか迷ったときの判断基準、metadata・generateStaticParams の使い分けまでまとめています。
本サイトの地図画面開発で生まれた3つのカスタムフックを実コードで整理しました。ブラウザAPIをラップする useIsMobile、コールバックとstateをセットにする useGeolocate、複数storeの横断操作をまとめる useCloseAll——目的が違えばフックの形も変わります…
useHotelDetail.tsで自前実装していたMapキャッシュ・inFlight管理・latestNoRefによる競合制御をTanStack Queryに移行しました。176行あったコードが82行になり、「どうやるか」を全部ライブラリに任せられるようになった過程を実際のコードで整理します。
