実践: Webアプリ構築

# Claude Codeへの指示

"SvelteKitでTODOアプリを作成して。
技術スタック: TypeScript, Tailwind CSS, Prisma, SQLite。
プロジェクト名: todo-app
最初にプロジェクトのセットアップをして。"

# 次の指示

"Prismaスキーマを作成して。
Todoモデル: id, title, completed, createdAt, updatedAt。
prisma/schema.prismaに作成して、マイグレーションも実行して。"

# API実装

"TODOのCRUD APIを作成して。
- GET /api/todos: 一覧取得
- POST /api/todos: 新規作成
- PUT /api/todos/[id]: 更新
- DELETE /api/todos/[id]: 削除
src/routes/api/todos/に作成。エラーハンドリングも追加。"

# フロントエンド

"TODOアプリのUIを作成して。
機能:
- TODO一覧表示
- 新規TODO追加フォーム
- 完了/未完了の切り替え（チェックボックス）
- 削除ボタン
Tailwind CSSでモダンなデザインに。ダークモード対応。"

# 追加機能

"以下の機能を追加して:
- フィルター（全て/完了/未完了）
- 完了済みを一括削除
- ドラッグ&ドロップで並び替え
- ローカルストレージでフィルター設定を保持"