ガイド
ライブラリ単位で、複数の実装ノートを 1 ページに統合した「完全ガイド」 集。 1 ページに各テーマを縦に並べてあり、サイドバーの目次から該当セクションに直接遷移できます。
言語 / 開発ツール
- 2 セクション統合
Zod v4 スキーマ実装ガイド
Zod v4 でランタイム + 型レベルのバリデーションを書くパターン。基本のスキーマ定義から transform / refinement / discriminated union / メッセージ国際化までを 1 ページに統合。
- 2 セクション統合
TypeScript 上級活用ガイド
TypeScript の踏み込んだ型テクニック(conditional types / template literal types / branded types など)と、v6 → v7 のメジャーアップグレード時に当たる主要な変更点・移行ノートを 1 ページに統合。実コード付き。
- 2 セクション統合
MDX 実装テクニック
MDX でドキュメント / 技術記事を書くための実装ノート。Shiki によるコードハイライト(dual theme / 差分表示 / 行ハイライト)、MDX に外部コンポーネントを注入するパターン(components prop / scope)までを 1 ページに統合。
データユーティリティ
- 2 セクション統合
TanStack Table v9 実装ガイド(v8 からの移行つき)
TanStack Table v9(headless table)で柔軟なテーブル UI を組むパターン。useReactTable から useTable への書き換え、バンドルサイズの実測、列幅 / 列表示 / 行選択、「全選択」が選ぶ行数の実測までを 1 ページに統合。
- 2 セクション統合
date-fns v4 日時処理ガイド
date-fns v4 で日時を扱う実装ノート。immutable な関数 API の扱い方(parseISO / format / addDays / differenceInDays)、ロケール / i18n まわりの実装(日本語ロケール + タイムゾーン考慮)までを 1 ページに統合。
フォーム
可視化(チャート / 図 / 表)
UI / インタラクション
- 2 セクション統合
React Virtuoso 仮想スクロール実装ガイド
React Virtuoso で大量データの仮想スクロールを組む実装ノート。基本の virtual list、グループ化 + sticky header の応用までを 1 ページに統合。
- 2 セクション統合
Framer Motion v12 アニメーション実装ガイド
Framer Motion v12 で UI アニメーションを組むパターン。基本の transition recipe、layoutId による magic move までを 1 ページに統合。
- 2 セクション統合
dnd-kit v6 ドラッグ & ドロップ実装ガイド
dnd-kit v6 でドラッグ&ドロップ UI を組む実装パターン。sortable list の最小実装、複数カラムを跨ぐ Kanban(列移動の状態管理を含む)、useSensor / DragOverlay の細部までを 1 ページに統合した実装ノート。