お手軽チュートリアル：AI に世界をまるごと作ってもらう
前のチュートリアルでは各フィールドを手で埋めました。このページでは、実はその必要がないことを示します —— Yumina の AI アシスタントに任せればいいのです (￣▽￣)ノ
作るのは同じゲーム：「The Imposters」—— 終末ホラーサバイバル、ドアの向こうが人間か怪物かを見極め、14夜を生き延びる。でも今回は、すべてをスタジオの AI アシスタント経由で仕上げます。
スタジオ AI アシスタントとは？
スタジオの AIアシスタント は単なるチャットボットではありません —— あなたの世界を直接編集できる AI アシスタントです。「生命の変数を追加して」と自然言語で伝えれば、本当に作ってくれます。
動作の流れ：
- あなたが必要なものを説明する
- AI が分析し、変更案を提示する（何をするか教えてくれる）
- あなたが 承認 をクリック → 変更が反映される
- 気に入らない？ 却下 をクリックすれば、AI が案を調整する
変更ごとにスナップショットのバックアップがあり、いつでもロールバックできます —— 何かを壊す心配はいりません ∠( ᐛ 」∠)＿
ステップ 1：世界を作る + スタジオに入る
この部分はまだ自分で操作します：
- 左側ナビの 作成 ボタンをクリック
- 空白プロジェクト を選ぶ
- 左上に名前を入力：
The Imposters - エディタ上部の Studioを開く をクリック
スタジオに入ると、左側に AIアシスタント パネルが見えます。これからはそこがメインの作業場です。
ステップ 2：AI に欲しいものを伝える
AIアシスタントの入力欄に、完全なゲーム構想を一度に送ります。提供する詳細が多いほど、産出物は良くなります。
以下をコピペして始めましょう：
《No, I'm not a Human》に似た終末ホラーサバイバルゲームを作って。
設定：終末が始まった。街は「訪問者」—— 人間そっくりの存在 —— に
埋め尽くされている。プレイヤーは家に一人、毎晩誰かがノックしに来る。
プレイヤーは来訪者が人間か怪物かを判断し、ドアを開けるか決める。
ゲームルール：
- ゲームは14日間（14夜）続く
- 夜：毎晩2〜3人の訪問者、プレイヤーはのぞき穴観察とドア越しの会話で判断
- 昼：部屋を自由に探索し、道具を使う
- 訪問者の特徴：不自然に均一な歯、異常な瞳孔、奇妙な肌の質感
- 人間の特徴：正常な欠点 —— 虫歯、くま、傷跡
必要な変数：
- player_hp（生命、0–5、デフォルト3）：訪問者に攻撃されたら -1；蒼白の見知らぬ者が入ったらゼロに
- energy_current（体力、0–8、デフォルト3）：身体検査と発砲は各1ポイント消費；のぞき穴観察と会話は無料；昼間に上限まで回復
- game_day（日数、1–14）：昼夜サイクルが1つ完了するごとに1増やす
- game_phase（フェーズ）："Night" または "Day"
- player_has_gun（武装しているか、デフォルト true）：発砲は体力を1消費
システム設定エントリ、開始メッセージ、そしてキーワードトリガーのロアブックエントリ
（ノックイベント、のぞき穴観察、部屋探索）を書いて。
さらに、外側の `<Chat renderBubble={(msg) => ...} />` シェルを保ったまま
バブルをカスタマイズする CRT モニター風のルートコンポーネント（`index.tsx`）も作って：
- 昼夜フェーズ見出し（AI の返信から「🌑 **第 X 夜**」または「☀️ **第 X 日**」を抽出し、CRT の
緑の発光 / 琥珀色の見出しに走査線エフェクト付きで描画）
- ノックアニメーション（***三つのアスタリスクの文字*** を抽出し、赤い揺れる大文字で描画）
- クリック可能な選択肢ボタン（「選択肢:」の後の A/B/C/D/E を抽出、クリックで自動送信）
- 下部 HUD ステータスバー（等幅フォント、体力/生命/武装状態を表示）
- 全体は黒緑の終末美学ステップ 3：AI の案をレビューする
AI が動き始めます。変更案を考え、計画を提示するのが見えます。あなたの世界を編集するたびに、これから行う操作を列挙した承認カードが表示されます。
例：
create_variable—— 生命の変数を作成create_entry—— システム設定エントリを作成write_root_component—— ルートコンポーネントのコードを記述（index.tsx）
操作リストを確認し、問題なければ 承認 をクリック。AI は次のステップに進みます。
一度では終わりません
AI はすべてを完成させるのに数ラウンドの承認が必要かもしれません。各ラウンドで一括の変更を行い、あなたの承認後に続行します。全体で3〜5ラウンドになることも —— 完成までのんびり待ちましょう (•̀ᴗ•́)و
気に入らないときは？
何かおかしければ（例えば変数のデフォルト値が違う）、却下 をクリックし、何を直すか AI に伝えます：「health のデフォルト値は50ではなく100にして」。AI が調整して再提出します。
ステップ 4：チェックして微調整する
AI が完了したら、スタジオを出てエディタに戻り、何が作られたか見ます。各セクションを確認：
- ロアブック —— システム設定は合っている？ ロアブックのエントリは足りている？
- 変数 —— タイプ、デフォルト値、ビヘイビアルールは妥当？
- 最初のメッセージ —— 開始メッセージの雰囲気は合っている？
- カスタムUI ——
index.tsxのプレビューは思い通り？
調整が必要なら、2つの方法があります：
- スタジオに戻って会話を続ける —— AI に「開始メッセージを短くして」とか「ヘルスバーの色を暗い赤に」と伝える
- 直接編集する —— エディタで自分でフィールドを書き換える、手動チュートリアルと同じ
概要 で公開情報を入力するのも忘れずに：カバー画像、説明、タグ、言語。
ステップ 5：テストして公開する
保存 をクリックし、新しいセッションを開いてテストします。チェックリストは手動チュートリアルと同じ：
| 確認項目 | 確かめ方 |
|---|---|
| 開始メッセージが出る | 入室時に最初のメッセージが自動表示 |
| ステータスパネル | メッセージの上に生命バー、体力バー、日数が見える |
| ディレクティブが効く | 操作後に変数が変化 |
| ロアブックが発火 | 「のぞき穴」と言うと AI がルールに従う |
テスト中に問題が見つかった？ スタジオに戻って AI に伝えましょう：「テスト中、AI が生命を減らさなかった —— health 変数のビヘイビアルールを確認してくれる？」AI が診断して直します。
テストが通ったら、エディタ上部バーの 公開 ボタン（保存 のすぐ隣）をクリックし、ダイアログでコンテンツレーティング（一般向け または センシティブ）と可視性を設定して、公開！
AI アシスタントと話すコツ
1. 最初のメッセージはできるだけ詳しく
AI が持つ背景が多いほど、あなたの修正回数は減ります。最初のメッセージにできるだけ含めましょう：
- ゲームのジャンルとコアな遊び方
- 必要な変数と、それぞれの意味
- スタイルと雰囲気の説明
- どんな UI が欲しいか
2. 一気にやるより段階的に
世界が複雑なら、すべてを1つのメッセージに詰め込もうとしないこと。分けてやりましょう：
ラウンド1：「ホラーサバイバルゲームを作って —— まずシステム設定、変数、開始メッセージから」
→ 確認、承認
ラウンド2：「次にロアブックエントリを追加：ノックイベント、のぞき穴観察、部屋探索」
→ 確認、承認
ラウンド3：「最後に、ダークホラー風でルートコンポーネントの UI を書き直し、生命と日数を表示」
→ 確認、承認3. 具体的なフィードバックを
❌ 「UI が良くない」—— AI はどこが悪いか分からない ✅ 「ヘルスバーが細すぎる、高さを倍に。背景が明るすぎる、真っ黒 #000 に」—— AI は具体的に何を直すか分かる
4. キャンバスプレビューを活用
スタジオ右側の キャンバス パネルがルートコンポーネントのライブプレビューを提供します。AI が index.tsx を編集したら、キャンバスで効果を確認。気に入らなければ会話を続けましょう。
手動 vs. AI アシスタント：比較
| 手動チュートリアル | AI アシスタントチュートリアル | |
|---|---|---|
| 所要時間 | 30〜60分 | 5〜15分 |
| 学べること | 各フィールドの意味と使い方 | AI と効率よく協働する方法 |
| 向いている人 | エンジンを深く理解したい人 | 素早く完成品が欲しい人 |
| コントロール度 | 細部まで完全に掌握 | AI が大半をやり、あなたが微調整 |
| おすすめ | 初回はまず手動で | 慣れたら AI アシスタントで加速 |
ベストプラクティス
まず手動チュートリアルを一度やって、エンジンのコア概念を理解しましょう。それから AI アシスタントを使う —— 「それが何をしているか」を知っていると、より良い指示が出せ、問題にも気づきやすくなります。
次のステップ
これで世界を作る2つの方法が分かりました。次は：
さあ、自分だけの世界を創りに行こう ᕕ( ᐛ )ᕗ