面接シアター - リッチなビジュアル模擬面接トレーニングスタジオ

【目的】就職・転職・昇進面接を控えた求職者やビジネスパーソンが、外部AI不要で本番さながらの緊張感を持って面接練習ができる無料Webアプリ。内製の想定質問バンクと採点ロジックにより、いつでも一人で「実践→振り返り」を繰り返せる。

【主要機能】
1. 業種・職種選択（IT/営業/医療/公務員/新卒/中途管理職など）に応じ、内製データベースから想定質問セット(計200問以上)を出題
2. 面接官アバター(圧迫系・温和系・論理派の3タイプ×性別違い)とオフィス背景画像を組み合わせたバーチャル面接室UIで臨場感を演出
3. 質問ごとに制限時間タイマー付きで回答をテキスト入力(ブラウザのWeb Speech APIによる音声入力ボタンも搭載)
4. 回答後、構成・具体性・熱意・簡潔さ・論理性の5軸で自己採点し、模範解答例と比較表示
5. Web Audioで生成した「開始前の落ち着いたアンビエントBGM」「終了後の達成感BGM」を再生し没入感を強化
6. 練習履歴を蓄積し、レーダーチャートとスコア推移グラフで成長を可視化。結果カードはPNG/PDF保存可能

【画面構成】
- トップ画面: 業種・職種・面接官タイプ選択、これまでの実績サマリー
- 面接室画面: 面接官アバター、背景画像、質問文、タイマー、回答入力欄(テキスト/音声)
- 結果画面: 質問別スコア一覧、模範解答比較、総合レーダーチャート、講評コメント
- 履歴画面: セッション一覧、スコア推移グラフ、フィルター(業種/期間)

【データ構造(MySQL)】
- questions(id, industry, role, question_text, model_answer, category)
- interview_sessions(id, user_token, industry, role, interviewer_type, total_score, created_at)
- interview_answers(id, session_id, question_id, answer_text, score_json, created_at)
ユーザー登録なし・ブラウザのトークン(cookie/localStorage)で履歴を紐付け。

【デザイン方向性】
落ち着いたネイビー×ゴールドのプロフェッショナルなオフィストーン。面接官アバターとオフィス背景はリアル寄りの落ち着いた質感で緊張感と信頼感を演出し、スマホでは縦画面最適化、PCでは面接室風の広いレイアウトで表示する。