ChoirCraft - 声部パート練習メーカー

## 1. アプリの目的・ターゲットユーザー
合唱・コーラス・ハモリの練習を一人でできるようにするWebアプリ。学校の合唱コンクール参加者、アマチュア合唱団員、カラオケでハモリを練習したい人など、「自分のパート以外の声部も聴きながら練習したい」ニーズに応える。外部APIを使わず、Web Audio APIによる音源生成とプリセット楽曲データで完結する。

## 2. 主要機能
- **パート別ミキサー再生**: ソプラノ・アルト・テノール・バスの4声部を個別にON/OFF・音量調整しながら再生できる。自分が担当するパートをミュートして「抜き練習」が可能。
- **プリセット楽曲バンク20曲**: 「ふるさと」「翼をください」「夏の思い出」など日本の合唱定番曲を中心に20曲を内製MIDIデータ(JSON配列)として収録。Web Audio APIのOscillatorで各声部を音程生成して再生。
- **ピアノロール表示**: 再生中に各声部の音符を色分けしたピアノロール(横スクロール)で視覚表示。現在位置を縦線で示し「今どこを歌っているか」が一目でわかる。
- **テンポ・キー調整**: 再生速度を50〜150%に変更可能。移調(半音±6まで)対応で声域に合わせて練習できる。
- **練習ループ機能**: 小節番号を指定してその区間をループ再生。難しい箇所を繰り返し練習できる。
- **スコア(楽譜)印刷プレビュー**: 選択楽曲のパート譜をシンプルなHTML+Canvas描画で表示し、ブラウザの印刷機能でA4印刷できる。

## 3. 画面構成
### トップ / 楽曲選択画面
- ヘッダー: アプリロゴ「ChoirCraft」、サブタイトル「声部パート練習メーカー」
- 楽曲カード一覧(グリッド): 曲名・難易度(★1〜3)・ジャンル(童謡/唱歌/ポップス/讃美歌)・声部数バッジを表示
- ジャンルタブフィルター + 難易度フィルター

### 練習画面 (メイン)
- 上部: 曲名・作曲者名・BPM表示、テンポスライダー、移調セレクター
- ピアノロールエリア(中段): 4声部を色分け(ソプラノ=ピンク/アルト=オレンジ/テノール=水色/バス=紫)した音符ブロックをCanvas描画。再生ヘッド縦線が左から右へ移動。
- ミキサーパネル(下部): 声部ごとに[ミュートボタン][ソロボタン][音量スライダー]を横並びで配置。各声部の色に合わせたUI。
- 再生コントロール: ▶再生 / ⏸一時停止 / ⏹停止 / ループ区間設定(開始小節・終了小節のnumber input)
- 楽譜プレビューボタン: クリックでモーダルオープン→印刷ボタン

### 楽譜プレビューモーダル
- Canvas描画による簡易五線譜(単声部または全声部切替)
- 印刷 / 閉じるボタン

## 4. データ構造
### DBなし(完全フロントエンド完結)
楽曲データはJSONファイルとしてサーバに設置し、fetchで読み込む。

```json
// songs/furusato.json (例)
{
"id": "furusato",
"title": "ふるさと",
"composer": "岡野貞一",
"bpm": 72,
"key": "F",
"difficulty": 1,
"genre": "唱歌",
"measures": 16,
"parts": {
"soprano": [ {"measure":1,"beat":1,"note":"C5","duration":1}, ... ],
"alto": [ ... ],
"tenor": [ ... ],
"bass": [ ... ]
}
}
```

PHPは楽曲一覧JSONを返すエンドポイント(songs/index.php)として最小限利用。
MySQLは使用しない。

## 5. デザインの方向性
- テーマカラー: 深みのある紺(#1a2744)をベースに、金(#f0c040)をアクセントとした「合唱ホール・舞台」をイメージした上品な配色
- フォント: 見出しにserif系(Noto Serif JP)、UIにsans-serif(Noto Sans JP)
- カード・パネルは角丸+ドロップシャドウで立体感を演出
- ピアノロールは黒背景に色鮮やかな音符ブロックで視認性を確保
- スマホでは縦スクロール対応のシングルカラム。ミキサーは折りたたみ式アコーディオンで省スペース化
- 全体的に「本格的だが親しみやすい」バランスを意識し、初心者でも迷わない操作フローを優先する