GlobalTalk ビジネス英会話ロールプレイ道場 - 商談・会議・雑談を音声で鍛える実践シミュレーター

海外拠点との会議やメール対応が増えたが、英語での「とっさの一言」に自信が持てないビジネスパーソン向けの英会話実践アプリ。外部APIキー不要、Web Speech APIの音声合成・音声認識のみで完結する。

主要機能:
1. 6シーン(会議発言/電話応対/価格交渉/雑談/メール読み上げ返信/プレゼン質疑応答)×3難易度の分岐ロールプレイ。相手キャラのセリフを英語音声で読み上げ、ユーザーは3択の返答からベストな一言を選ぶ。
2. 選択ごとに「丁寧さ」「明確さ」「積極性」の3軸スコアを加算し、シーン終了時にレーダーチャートとS/A/B/Cランクを表示。
3. 使用フレーズを自動でカード化する「フレーズ図鑑」。発音再生ボタン付きで復習できる。
4. 音声認識モードでは実際に声に出して返答し、簡易な発話一致判定でフィードバック。
5. デイリーチャレンジ(日替わりシーン固定)のスコアをニックネーム付きでMySQLへ投稿し、シーン別・難易度別グローバルランキングを表示。
6. 結果画面はPNGシェアカードとして保存・SNS投稿可能。

画面構成: タイトル/シーン選択画面、ロールプレイ画面(キャラ立ち絵+吹き出し+選択肢+スコアバー)、結果画面(レーダーチャート+ランク+フレーズ一覧)、フレーズ図鑑画面、ランキング画面。

データ構造: ranking_scores(id, nickname, scene, difficulty, score, rank, created_at)。会話ツリー・フレーズ・キャラ設定はJSON内製データとしてサーバー配信し、フレーズ収集履歴はLocalStorage保存。ログイン不要。

デザイン: ネイビー×ソフトブルーを基調に、ゴールドをアクセントにしたフラットベクター調のコーポレートデザイン。キャラクターは親しみやすい等身のビジネスイラストで統一。

BGM: 85BPM・4/4拍子のコーポレートLo-fi。ソフトなエレピコード進行+丸みのあるベース+ブラシ音のハイハットで構成し、8小節のA(落ち着いた導入)と8小節のB(ハイハットにアクセント追加、4小節目にフィルを挿入)を交互ループ。Web Audio APIでAudioContext.currentTime基準に先読みスケジューリングし、BGM/SEの音量を別ゲインノードで管理、ミュートボタンと画面遷移時のノード解放(disconnect)を実装。正解選択時に短い上昇アルペジオSE、ランクS達成時にファンファーレSEを鳴らす。

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

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