Next.js / React / TypeScript の実践的なコードサンプル集
複数のサンプルや設計判断を組み合わせた、完成形の実務画面。全 3 件。
タスク一覧、検索・フィルタ・ソート、詳細復帰まで含む、プロジェクト内タスクを確認するための小さな管理画面。
Zustand、React Hook Form、Zod、store間同期をブラウザで試すための外部Playground。
ステータス・優先度・カテゴリで絞り込める問い合わせ一覧。URL クエリで状態を管理し、詳細から元の絞り込み結果へ戻れる実務向けミニシステム。