ガイド
ライブラリ単位で、複数の実装ノートを 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 ページに統合。
データユーティリティ
フォーム
可視化(チャート / 図 / 表)
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 ページに統合した実装ノート。