1. だいじなURL（ずっと変わりません）
| 管理画面（ホーム） | quizbattle-4ih.pages.dev/
ここをブックマーク。全部ここから始める |
|---|
| 編集画面 | 各ゲームカードの「✏️ 編集」から開く |
|---|
| 子どもに配るリンク | 各ゲームカードの「🔗」を押すとコピーされる（例：play.html?theme=sdgs） |
|---|
2. ぜんたいの流れ（いちばん大事）
✏️ 編集 → 💾 保存（このブラウザ内） → ▶ プレビューで確認 → ⬇ ファイルに書き出し → デプロイ（＝公開に反映）
⚠️ 「💾保存」だけでは公開ゲームは変わりません。保存はこのパソコンのブラウザの中だけです。子どもが遊ぶ公開リンクに反映するには「⬇書き出し」したファイルを反映（デプロイ）する必要があります。書き出したファイルの場所をClaudeに伝えれば、置き換えとデプロイまでやってもらえます。
⚠️ ブラウザの履歴・データを消すと下書きも消えます。大事なものはこまめに「⬇書き出し」でファイル保存を。
3. 管理画面（ホーム）のボタン
| ▶ あそぶ | そのゲームをプレイ（編集中ならその内容で） |
|---|
| ✏️ 編集 | 編集画面をひらく |
|---|
| 📦 | 1ファイル書き出し：ダブルクリックで遊べるHTMLを1個作る。ネット無し・USB配布・イベント現場用 |
|---|
| 🔗 | 子どもに配る「あそぶ専用リンク」をコピー |
|---|
| ⧉ | 複製して新しい下書きを作る（恐竜版・宇宙版などの元に） |
|---|
| 🧹 | ローカル編集を破棄して公開ずみの内容に戻す（「✏編集あり」のカードに出る） |
|---|
| ＋ 新規テーマ | まっさらから新しいクイズゲームを作る |
|---|
4. 編集画面のボタン
| 💾 保存 | ブラウザ内に保存（Ctrl+SでもOK）。さらに編集後3秒で自動保存もされるので、保存忘れの心配はほぼ無し（「自動保存しました」と表示） |
|---|
| ⚠ 公開データに戻す | 編集と下書きをすてて公開されているデータに戻す。確認ダイアログあり・元に戻せないので注意 |
|---|
| ▶ プレビュー | 今の編集内容でゲームを起動して確認（右上の🏠で管理画面へ戻れる） |
|---|
| ⬇ ファイルに書き出し | game-data.jsを書き出す。公開反映・バックアップはこれ |
|---|
| ← 一覧へ | 管理画面（ホーム）へ戻る |
|---|
5. キャラクターの画像のしくみ
| キャラの画像（選択画面） | キャラえらび画面に表示される「顔」。いちばん上の欄 |
|---|
| きほんポーズ（バトル中） | 「バトル中の画像」の折りたたみの中。空なら選択画面の画像を代用 |
|---|
| 方向ポーズ 上/左/下 | 答えを選んだ瞬間だけ差し替わる（任意） |
|---|
| ⇄ 入れ替え | 選択画面⇔きほんポーズの画像をワンクリック交換 |
|---|
画像の入れ方は2通り：📁ボタン（PCから選んで埋め込み・手軽）／パス入力（themes/sdgs/images/〇〇.png・正式運用向き。ゲームごとに themes/ゲームID/images/ フォルダで管理）
6. 敵・ステージの調整
- 「👾 敵・ステージ」タブ → 敵ごとのサブタブで1体ずつ編集
- 位置はプレビュー画面の敵を直接ドラッグ（本物のゲーム画面なので見たまま＝実際の位置）
- 大きさ・よこ位置・たて位置はスライダーでも微調整できる（位置は画面に対する％）
- 敵は画面の約7割の大きさなので、縦に動かせる幅は横より狭め。縦を大きく動かしたい時は「大きさ」を少し小さく
- 問題はステージごとに30問。タブ（1〜10 / 11〜20 / 21〜30）で移動。本番はそこからランダム出題
7. こまったとき
| ボタンや欄が見あたらない | まず強制再読み込み：PCは Ctrl+F5（Macは ⌘+Shift+R）、スマホはタブを閉じて開き直す |
|---|
| 編集したのに公開ゲームが変わらない | 正常です。「⬇書き出し→デプロイ」が必要（上の②参照） |
|---|
| 編集をぜんぶ取り消したい | 管理画面のカードの 🧹 で公開ずみの内容に戻す |
|---|
| プレビューが古いまま | プレビューのタブを開き直す |
|---|
8. そのほかのメモ
- ランキング：クリアタイム順・その日かぎり・端末ごと（サーバーには残らない）。名前はスキップで「ゲスト」
- 称号：1位👑クイズマスター／2位🥈たつじん／3位🥉めいじん、圏外はランクに応じた称号
- 右上のボタン（ゲーム画面）：🔊こえ／🎵おんがく／🌱やさしいモード（演出ひかえめ）
- そうさ：タップ・クリック・キーボード↑←↓の3通り
このガイドは help.html。内容が古くなったらClaudeに「ガイドを更新して」と伝えてください。