SWR/SSG対応の下地作り

[kei615ykhm]

説明

このIssueでは、#12 の実装後に将来的なSWRとSSGの実装に向けた下地作りを行います。

ディレクトリ構成

src/
├── app/
│   ├── dashboard/
│   │   ├── @list/
│   │   │   └── page.tsx
│   │   ├── @form/
│   │   │   └── page.tsx
│   │   └── layout.tsx
│   ├── page.tsx
│   └── layout.tsx
├── components/
│   ├── memos/
│   │   ├── MemoList.tsx
│   │   └── MemoForm.tsx
│   └── ui/ # 新規追加（今後のモーダル実装用）
│       └── Modal.tsx
├── hooks/
│   ├── useMemos.ts
│   └── useSWRMemos.ts  # 新規追加（今後のSWR実装用）
└── types/
    └── index.ts

タスク

1. SWRの下地作り

• [ ] hooks/useSWRMemos.ts ファイルを作成
• [ ] SWRを使用したデータフェッチの基本構造を実装

2. モーダルコンポーネントの作成（将来のSSG実装用）

• [ ] components/ui/ ディレクトリを作成
• [ ] components/ui/Modal.tsx を作成
• [ ] モーダルの基本的な機能（開閉、子要素の表示）を実装

受け入れ基準

• useSWRMemos フックが作成され、基本構造が正しく実装されている（実際のAPI連携は後の実装で行う）
• モーダルコンポーネントが作成され、基本機能が実装されている（実際の使用は後の実装で行う）

技術的な注意点

• 将来的なSSGとSWRの実装を見据えて、コンポーネントとフックの設計を行う
• 現段階ではモーダルとSWRの実際の使用は行わず、下地のみを作成する

関連リソース

• SWR ドキュメント
• Next.js SSG ドキュメント