ボイスコーチ・ラボ - 声のトーン・話速・滑舌をリアルタイム解析するスピーキング上達ツール

【目的・対象】プレゼン・面接・電話対応・朝礼・営業トークなど『人前で話す』機会がある社会人・学生・就活生向けに、自分の話し方の癖(早口・単調・声量不足・間延び)をマイク解析で客観的に把握し、練習で改善できるセルフトレーニングツール。外部APIキー不要(Web Audio API+ブラウザ標準Web Speech APIのみ使用)。

【主要機能】
1. クイック診断: マイク録音した1分間のスピーチを解析し、音量安定性・話速(WPM)・ピッチ変動・間(無音区間)の4指標をスコア化。
2. シーン別練習モード: プレゼン/面接/電話応対/朝礼/雑談の5シーン×内蔵お題スクリプト(各10本、計50本)を読み上げ、目標WPM・抑揚と比較。
3. 滑舌チャレンジ: 早口言葉50種を録音し、Web Speech APIのテキスト化結果と原文の一致率で滑舌スコアを算出。
4. 結果ダッシュボード: 波形とピッチカーブをCanvasで可視化、5軸レーダーチャート、コーチキャラクターが得意/苦手をコメント。
5. 練習履歴: 7日/30日の推移グラフ、ヒートマップカレンダー、ベストスコア更新時に達成演出。
6. 結果カードのPNG共有(SNS投稿用)。

【画面構成】(1)トップ: コーチキャラ登場、4モード選択カード (2)練習画面: お題文表示・録音ボタン・リアルタイム音量メーター/波形 (3)結果画面: スコアカード・レーダーチャート・ピッチカーブ・コーチコメント・共有ボタン (4)履歴画面: カレンダーヒートマップ・推移グラフ・ベスト記録一覧。

【データ構造(MySQL)】scripts(id, category, difficulty, text, target_wpm), practice_logs(id, device_key, mode, script_id, duration_sec, wpm, pitch_avg, pitch_variance, volume_avg, pause_count, score_total, created_at)。device_keyは初回発行のランダムトークンをLocalStorage保存し、任意で履歴を同期。

【音響設計】BGM/SEはWeb Audio APIで生成しMP3等の外部素材は使わない。達成時ファンファーレ: 約4秒、BPM128、C→F→G→Cの明るいコード進行を矩形波+三角波の2声で重ね、末尾にグロッケン風の高音アルペジオを1小節フィル。練習待機中BGM: BPM70の4拍子Lo-fi風、ピアノ風パッド和音(Bb→F→Gm→Eb)8小節ループにサイン波ベースと軽いハイハット的ノイズパーカッションを薄く重ね、4小節ごとに1拍休符を挿入して単調さを回避。全音源はAudioContext.currentTime基準で先読みスケジューリングし、BGM/SE個別音量スライダーとミュート、画面遷移時のノード解放(disconnect)を実装。

【デザイン方向性】明るいスタジオ配色(パステルブルー×コーラルピンク)、丸みのあるフラットイラスト、コーチキャラは丸い羽根+マイク型の親しみやすいマスコット。スマホ縦持ち・PC両対応のカード型UI。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

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