Feature/game2 UI

backend/docs/ANALYSIS_GUIDE.md

@@ -117,7 +117,7 @@ src/analysis/
       "speechDurationMs": 8500,
       "silenceDurationMs": 500,
       "volumeDb": -25.3,
-      "transcribedText": "ログイン画面でパスワードを入力しても弾かれます"
+      "transcribedText": "ログインして移動したのに、ダッシュボードが真っ白で何も表示されません"
     },
     {
       "turnIndex": 2,
@@ -126,7 +126,7 @@ src/analysis/
       "speechDurationMs": 12000,
       "silenceDurationMs": 300,
       "volumeDb": -22.1,
-      "transcribedText": "いや、それは違います。なぜならパスワードリセットのリンクが表示されないんです"
+      "transcribedText": "いや、キャッシュの問題ではないと思います。なぜなら別のブラウザで試しても画面が出ないんです"
     },
     {
       "turnIndex": 3,
@@ -135,7 +135,7 @@ src/analysis/
       "speechDurationMs": null,
       "silenceDurationMs": null,
       "volumeDb": null,
-      "transcribedText": "もういいです、別の方法を試します"
+      "transcribedText": "もう解決しそうにないので、エンジニアの方に確認してもらえますか"
     }
   ]
 }

backend/src/services/fallbackData.ts

@@ -17,24 +17,24 @@ export interface FallbackEntry {
 export const FALLBACK_TABLE: FallbackEntry[] = [
   // ===== ラリー1系: 状況説明キーワード =====
   {
-    keywords: ['ログイン', 'パスワード', 'サインイン', 'ログアウト', '認証', 'アカウント'],
-    responses: [
-      { response: 'パスワードは半角英数字で入力していただく必要がございます。たぶん。', emotion: 'confident' },
-      { response: 'ブラウザのCookieをクリアしてみてください。それで直ると思います。', emotion: 'confused' },
-      { response: 'ブラウザを変えてみるのが早いかもしれません。根拠はないですけど。', emotion: 'confused' },
-      { response: 'ログイン画面を一度閉じて、もう一度開いてみてください。', emotion: 'confident' },
-      { response: 'パスワードの大文字小文字は区別されますので、ご確認いただけますでしょうか。', emotion: 'neutral' },
-    ],
-  },
-  {
-    keywords: ['ダッシュボード', '画面', '表示されない', '見えない', '出ない', '真っ白', '白い'],
+    keywords: ['ダッシュボード', 'メイン画面', 'ログイン後', '表示されない', '見えない', '出ない', '真っ白', '白い', '画面移行'],
     responses: [
       { response: 'ページを更新してみてください。F5キーを押すと更新できます。', emotion: 'confident' },
       { response: 'キャッシュが原因の可能性がございます。コントロールとシフトとデリートで削除できます。', emotion: 'confused' },
       { response: 'こちらの環境では正常に表示されておりますので、お客様の環境の問題かと思われます。', emotion: 'apologetic' },
       { response: '別のタブで開き直してみるとうまくいくかもしれません。', emotion: 'neutral' },
     ],
   },
+  {
+    keywords: ['ログイン', 'パスワード', 'サインイン', 'ログアウト', '認証', 'アカウント', '入れない'],
+    responses: [
+      { response: 'パスワードは半角英数字で入力していただく必要がございます。たぶん。', emotion: 'confident' },
+      { response: 'ログイン画面を一度閉じて、もう一度開いてみてください。', emotion: 'confident' },
+      { response: 'パスワードの大文字小文字は区別されますので、ご確認いただけますでしょうか。', emotion: 'neutral' },
+      { response: 'ブラウザのCookieをクリアしてみてください。それで直ると思います。', emotion: 'confused' },
+      { response: 'ブラウザを変えてみるのが早いかもしれません。根拠はないですけど。', emotion: 'confused' },
+    ],
+  },
   {
     keywords: ['エラー', 'エラーコード', '500', '404', '403', '不具合', 'バグ', 'おかしい'],
     responses: [

frontend/src/app/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import type { CSSProperties } from 'react';
@@ -62,7 +63,7 @@ export default function TopPage() {
   const handleStartClick = () => {
     setShowExplosion(true);
 
-    const audio = new Audio('/start-se.mp3');
+    const audio = new Audio('/sounds/start-se.mp3');
     audio.play().catch(() => {});
 
     setTimeout(() => {
@@ -88,31 +89,25 @@ export default function TopPage() {
       }}
     >
       <div className="flex flex-col items-center gap-[2vh] w-full">
-        <img
-          src="/RealYouLogo.png"
+        <Image
+          src="/images/RealYouLogo.png"
           alt="Real You -本当の私じゃだめですか？-"
-          className="
-          max-h-[65vh]
-          w-auto
-          object-contain
-          drop-shadow-2xl
-        "
+          width={800}
+          height={500}
+          className="max-h-[65vh] w-auto object-contain drop-shadow-2xl"
         />
 
         <div className="relative">
           <button
             onClick={handleStartClick}
             className="transition-all duration-100 ease-out hover:scale-110 active:scale-95 active:opacity-50"
           >
-            <img
-              src="/StartButton.png"
+            <Image
+              src="/images/StartButton.png"
               alt="診断スタート"
-              className="
-              w-[40vw]
-              max-w-xs
-              min-w-[180px]
-              drop-shadow-md
-            "
+              width={320}
+              height={120}
+              className="w-[40vw] max-w-xs min-w-[180px] drop-shadow-md"
             />
           </button>