commit 244b497a8677aee1ff3feb073c1797a3dac65195
Author: Claude <noreply@anthropic.com>
Date:   Sat Nov 14 07:50:49 2026 +0900

    TOP：FV のすぐ下に配膳ロボットのブラウザ版（テスト版）の入口を置き、解説動画を4コマの前へ下げた。入口の押された数は TOP と /series8 で分けて数える
    
    Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01LevEXU3Z3M9LXKJxzqN9Ew

diff --git a/src/components/BrowserSimTest.astro b/src/components/BrowserSimTest.astro
index 5315101..df5a16f 100644
--- a/src/components/BrowserSimTest.astro
+++ b/src/components/BrowserSimTest.astro
@@ -2,9 +2,12 @@
 // サービスロボット導入シミュレーション（/series8）の「ブラウザで動かす（テスト版）」（2026-11-14・LOG506）
 // 配膳ロボットのブラウザ版（/sim/serving-robot-3d）への入口。テスト版なので、入口はこの1か所だけ（試算・LP・トップには置かない）。
 // 試算・Unity と答え合わせが済んだら、試算の「平面図／Unity で動かすと」の隣に移す（住所に条件を付けて開ける作りは入れてある）。
+// TOP にも置く（2026-11-14 エイイチの指示「TOPにも置くようにしてください。なるべく上の方」）。FV のすぐ下・解説動画の前。押された数を分けて数えるため、place で data-ev の頭を変える
+const { place = 'series8' } = Astro.props as { place?: 'series8' | 'top' };
 const href = '/sim/serving-robot-3d';
+const ev = (t: string) => (place === 'top' ? `TOP:${t}` : t);
 ---
-<section class="sec s-bt" id="browser-test" data-ev-area="browser-test"><div class="panel">
+<section class="sec s-bt" id="browser-test" data-ev-area={place === 'top' ? 'top-browser-test' : 'browser-test'}><div class="panel">
   <h2 class="sec-h">ブラウザで動かす（テスト版）| Test</h2>
   <div class="bt-grid">
     <div class="bt-text">
@@ -16,10 +19,10 @@ const href = '/sim/serving-robot-3d';
         <li>ロボット3台以上・混雑の日は、ロボットどうしが通路で詰まりやすくなります</li>
         <li>下げ膳（皿をロボットで下げる使い方）は、まだ入っていません</li>
       </ul>
-      <a class="bt-btn" href={href} target="_blank" rel="noopener" data-ev="ブラウザ版のテスト版を開く">テスト版を開く ↗</a>
-      <div><a class="bt-log" href="/record/serving-robot-store-sim-in-the-browser" data-ev="ブラウザ版の記録を開く">作り方とコードの記録（LOG506） →</a></div>
+      <a class="bt-btn" href={href} target="_blank" rel="noopener" data-ev={ev('ブラウザ版のテスト版を開く')}>テスト版を開く ↗</a>
+      <div><a class="bt-log" href="/record/serving-robot-store-sim-in-the-browser" data-ev={ev('ブラウザ版の記録を開く')}>作り方とコードの記録（LOG506） →</a></div>
     </div>
-    <a class="bt-img" href={href} target="_blank" rel="noopener" data-ev="ブラウザ版のテスト版を開く（画像）">
+    <a class="bt-img" href={href} target="_blank" rel="noopener" data-ev={ev('ブラウザ版のテスト版を開く（画像）')}>
       <img src="/site/sim/browser-test.webp" alt="ブラウザ版のテスト版の画面。左は PC のブラウザで、3Dの店の中をスタッフ・お客さん・ロボットが動き、右に操作といまの数字が並ぶ。右はスマホで見た同じ画面" loading="lazy" width="1920" height="1080" />
     </a>
   </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7ed4495..d3db8eb 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,6 +15,7 @@ import GuideCards from '../components/GuideCards.astro';
 import ThinkingBanner from '../components/ThinkingBanner.astro';
 import OneYearBanner from '../components/OneYearBanner.astro';
 import TopAiGuide from '../components/TopAiGuide.astro';
+import BrowserSimTest from '../components/BrowserSimTest.astro';
 import { allManga } from '../lib/records';
 // Studio のトップと同じく、4コマは新しい4話
 const mangaCards = allManga.slice(0, 4);
@@ -120,12 +121,11 @@ const jsonLd = [
     if (fvVideo && matchMedia('(prefers-reduced-motion: reduce)').matches) { fvVideo.removeAttribute('autoplay'); fvVideo.pause(); }
   </script>
 
-  <!-- 解説動画：YouTube の新着を GitHub の videos.json から読む埋め込み（Studio で使っていたものをそのまま） -->
-  <section class="sec"><div class="panel">
-    <div class="embed-wide"><iframe src="/embeds/top-video.html" sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" title="解説動画" data-embed style="height:450px"></iframe></div>
-  </div></section>
+  <!-- 配膳ロボットのブラウザ版（テスト版）への入口。FV のすぐ下・解説動画の前（2026-11-14 エイイチの指示「なるべく上の方」）。中身は /series8 と同じ部品 -->
+  <BrowserSimTest place="top" />
+
 
-  <!-- 1年の LP（/one-year）への入口。動画の次、導入前ガイドの前に置く（2026-10-25）
+  <!-- 1年の LP（/one-year）への入口。導入前ガイドの前に置く（2026-10-25。2026-11-14 に解説動画を4コマの前へ下げたので、ブラウザ版のテスト版の次になった）
        MASTER 2026-10-25：デジタルの AI の土台を記録から示すページは、トップと SNS に出してよい（AI活用の相談の看板にはしない） -->
   <section class="sec"><div class="panel">
     <h2 class="sec-h">Pixels to Motors の1年 | Year One</h2>
@@ -138,6 +138,11 @@ const jsonLd = [
     <GuideCards />
   </div></section>
 
+  <!-- 解説動画（2026-11-14 に FV の下から4コマの前へ下げた・エイイチの指示）：YouTube の新着を GitHub の videos.json から読む埋め込み（Studio で使っていたものをそのまま） -->
+  <section class="sec"><div class="panel">
+    <div class="embed-wide"><iframe src="/embeds/top-video.html" sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" title="解説動画" data-embed style="height:450px"></iframe></div>
+  </div></section>
+
   <section class="sec"><div class="panel">
     <h2 class="sec-h">4コママンガ | Archive</h2>
     <div class="grid4">{mangaCards.map((m) => <MangaCard item={m} />)}</div>
