PitchTune Studio - リアルタイム楽器チューナー＆メトロノーム

【目的・対象】ギター・ベース・ウクレレ・バイオリン・マンドリンなどを弾く初心者〜中級者向けに、マイク入力だけで正確な音程調整と基礎リズム練習ができる実用ツール。外部APIキー不要、Web Audio APIの自己相関法によるピッチ検出で高精度に動作する。

【主要機能】
1. リアルタイムチューナー: マイク音声をAnalyserNodeで解析し、自己相関法で基本周波数を検出。針メーターと数値(Hz/セント)でズレを表示し、±5セント以内で成功エフェクト発光。
2. 楽器プリセット: ギター(6弦)/ベース(4弦)/ウクレレ/バイオリン/クロマチック汎用の5種。弦タップで基準音をオシレーター生成音で試聴可能。
3. メトロノーム: BPM40-240、拍子2/4-7/8対応、アクセント設定、視覚パルス付き。
4. 練習ログ: チューニング回数・平均ズレ・練習日をLocalStorageとサーバーに記録し、週間グラフで可視化。
5. マスコットガイド: 音符妖精がズレの大小に応じて表情・動きを変え、初心者にも直感的にフィードバック。

【画面構成】
(1)ホーム画面: 楽器選択カードとマスコット待機アニメ (2)チューナー画面: 大型メーター・周波数数値・弦選択タブ・成功エフェクト (3)メトロノーム画面: BPMスライダー・拍子選択・視覚パルス (4)練習履歴画面: カレンダーヒートマップと週間グラフ。

【データ構造】tuning_sessions(id, device_id, instrument, avg_cents_off, duration_sec, created_at) / practice_stats(device_id, date, session_count, best_accuracy) をMySQLに保存し、device_idはブラウザ生成の匿名トークンで管理。

【デザイン方向性】暖色系スタジオ照明を模したダークブラウン+アンバー+ティールのネオンアクセント。針メーターはアナログ楽器メーター風に立体的な質感、マスコットは丸みのある音符妖精でセル画調。

【BGM仕様】ホーム/練習履歴画面用に70BPM・4/4拍子のLo-fiジャズアンビエントを1曲。ブラシ系ソフトキック+ハイハットの控えめドラム、ウォーキングベース、Am7-Dm7-G7-Cmaj7進行のジャズ和声、木管系シンセパッドの短いメロディを16小節A/B構成で展開。8小節目にブラシフィル、16小節目でメロディ変化を入れる。Web Audio APIでcurrentTime基準の先読みスケジューリングを行い、BGMとSE(成功音/メトロノーム音)は別GainNodeで音量管理、ミュートボタン設置、画面遷移時は全ノードをdisconnectして解放する。

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する