React + Vite + TypeScript

# プロジェクト名

React 19 + Vite 6 + TypeScript で構築されたシングルページアプリケーション。

## 技術スタック

- **ライブラリ**: React 19
- **ビルドツール**: Vite 6
- **言語**: TypeScript 5.x (strict mode)
- **スタイリング**: Tailwind CSS v4
- **状態管理**: Zustand + TanStack Query v5
- **テスト**: Vitest + Testing Library
- **パッケージマネージャ**: npm

## コマンド

| コマンド | 用途 |
|---------|------|
| `npm run dev` | 開発サーバー起動 (localhost:5173) |
| `npm run build` | プロダクションビルド |
| `npm run preview` | ビルドプレビュー |
| `npm run lint` | ESLint実行 |
| `npm test` | Vitest実行 |

## ディレクトリ構造

| パス | 役割 |
|-----|------|
| `src/components/` | UIコンポーネント |
| `src/pages/` | ページコンポーネント |
| `src/hooks/` | カスタムフック |
| `src/lib/` | ユーティリティ・API クライアント |
| `src/types/` | TypeScript型定義 |
| `src/stores/` | Zustand ストア |

## コーディング規約

- コンポーネントは関数コンポーネント + hooks
- Props型は `interface` で定義
- ファイル名はkebab-case、コンポーネント名はPascalCase
- カスタムフックは `use` プレフィックス必須
- 副作用は useEffect に集約、依存配列を正確に指定
- Tailwind CSS のユーティリティクラスを直接使用

## Git規約

- ブランチ: `feature/`, `fix/`, `chore/`
- コミットメッセージ: Conventional Commits形式