マガジン

AIゲーム制作の用語集:プロンプト・トークン・デプロイを3行で

遊びをつくる

執筆にClaudeを使用しています。

地形や橋のある小さなゲーム世界を箱に整理し、ブラウザ形のアーチへ運ぶ模型
記事のテーマをもとに制作したAI生成イラスト。

AIを使ってゲームを作り始めると、チュートリアルや解説記事に聞き慣れない言葉が次々と出てきます。「プロンプトを工夫して」「トークンが足りない」「デプロイしてURLを共有」——どれも意味を調べれば短い説明が見つかりますが、ゲーム制作という文脈でどう使えばいいかはなかなか書いてありません。 この記事では、AIゲーム制作でよく出てくる用語を「3行の定義」と「ゲーム制作での具体的な使い方」の二段構えで説明します。辞書として手元に置き、詰まったときに戻れる一本を目指しています。

この記事の目次
  1. プロンプト——AIへの「仕様書」
  2. トークン——AIが「読める量」の単位
  3. デプロイ——「自分のPC」から「誰でも開ける場所」へ
  4. 周辺用語:3行リファレンス
  5. 次の行動
  6. 参考資料

プロンプト——AIへの「仕様書」

3行で言うとプロンプトとは、AIに送るテキストの指示全体を指します。チャット欄に打ち込む一文でも、ファイルに書いた数百行の要件定義でも、AIが受け取るすべての文字列がプロンプトです。「どう書くか」でAIの出力の質が大きく変わります。

ゲーム制作でプロンプトを使う場面は主に二つあります。一つは「コードを生成させる場面」、もう一つは「素材(文章・画像・音楽)を生成させる場面」です。

コード生成では、あいまいな言葉よりも仕様に近い書き方が有効です。たとえば「シューティングゲームを作って」より「HTML・CSS・JavaScriptのみで、canvas要素を使った縦スクロールシューティングを書いて。自機は矢印キーで移動、スペースキーで弾を発射。敵は3種類でランダムに出現し、得点をlocalStorageに保存する」のほうが意図に近いコードが返ってきます。決めていないことを「AIに任せる」のか「後で自分が調整する」のかを最初に整理しておくと、修正の往復が減ります。

素材生成では、ゲームの世界観を一言で表すキーワードを含めると統一感が出やすくなります。「16ビット風ドット絵、海底、ターコイズブルー基調」のようにスタイル・舞台・色調をセットで書くのが基本的な書き方です。

プロンプトを書くときに失敗しやすい点

  • 一度に複数の機能を詰め込むと、どれかが欠けたり矛盾したコードが返ったりしやすくなります。機能ごとに分けて依頼し、動作確認しながら積み上げる方が結果的に早いです。
  • 「なるべく」「できれば」という表現はAIに無視されやすいです。優先順位が高い条件は「必ず〜にする」と断言して書きます。
  • エラー文をそのまま貼り付けて「直して」と伝えるのは有効な使い方です。AIはエラーメッセージを文脈として読み取り、修正案を返してくれます。

トークン——AIが「読める量」の単位

3行で言うとトークンとはAIがテキストを処理するときの内部的な単位です。単語や文字のかたまりに相当しますが、日本語は英語より1文字あたりのトークン数が多くなる傾向があります。一度に送受信できるトークン数には上限(コンテキストウィンドウ)があり、超えると古い部分が切り捨てられます。

ゲーム制作でトークンが問題になるのは、コードが長くなってきた段階です。たとえば1,000行を超えたHTMLファイル全体をチャットに貼り付けて修正を依頼すると、コンテキストウィンドウを圧迫し、AIが前半の内容を参照できなくなることがあります。

この状態になると「さっき作ったscoreDisplay関数を修正して」と言っても、その関数がコンテキストから消えているために的外れな返答が来たり、ないはずの関数を勝手に追加されたりします。

トークン不足への対処

  1. ファイルを機能ごとに分割する — HTMLにすべてを書くのではなく、ゲームロジック・描画・UI操作を別々のJSファイルに分けると、修正時に該当部分だけ貼り付けられます。
  2. コメントで構造を明示する — 長いコードを送るときに「// === 敵の生成ロジック(ここから) ===」のようなコメントを入れておくと、AIが必要な箇所を特定しやすくなります。
  3. 会話を新しく始める — 同じ会話を長く続けるより、「このコードのこの関数だけを直す」という明確な依頼で新しいチャットを開くほうがトークンを節約できます。
  4. AIツールの上限を事前に確認する — 使うツールによってコンテキストウィンドウの大きさが異なります。公式ドキュメントで最新の仕様を確認してください。

料金がトークン数に連動するAPIを使う場合、長いプロンプトを何度も送るとコストが積み上がります。無料枠の範囲と従量課金の条件は公式サイトで必ず確認してください。

デプロイ——「自分のPC」から「誰でも開ける場所」へ

3行で言うとデプロイとは、ローカル(自分のパソコン)で動いているゲームを、インターネット上の誰でもアクセスできるサーバーへ配置する作業です。URLを発行することでシェアや公開が可能になります。開発中はローカルで十分ですが、他の人に遊んでもらうにはデプロイが必要です。

ブラウザゲームのデプロイには大きく二つの方法があります。

一つは静的ホスティングサービスを使う方法です。HTMLとJavaScriptだけで動くゲームであれば、サーバーサイドの処理が不要なため「静的サイト」として扱えます。GitHub Pages・Netlify・Vercelなどは無料プランで静的ファイルのホスティングができ、ファイルをアップロードするとURLが発行されます(プランや利用条件は公式サイトで最新情報を確認してください)。

もう一つはゲーム投稿プラットフォームを使う方法です。HTMLファイル単体またはZIPファイルをアップロードするだけで公開できるプラットフォームを使えば、サーバーの設定が不要です。アソバースはこの形式に対応しており、HTMLやZIPを投稿するか、外部でホストしたゲームのURLを登録して公開できます。

デプロイで詰まりやすい点

パスの書き方が最もよくある躓きポイントです。ローカルでは./images/player.pngのような相対パスで画像が読み込めても、サーバーに置いたときにフォルダ構成が変わると読み込めなくなることがあります。ファイルを一つのフォルダにまとめ、相対パスで統一しておくと移行がスムーズです。

CORS(クロスオリジンリソースシェアリング)はAPIを呼び出すゲームで問題になりやすい制約です。ローカルでは動いていたAPI呼び出しが、デプロイ後に「blocked by CORS policy」というエラーで止まるケースがあります。これはセキュリティ上の制約で、API提供側の設定に依存するため、使うAPIの公式ドキュメントで許可されているアクセス元の条件を確認してください。

周辺用語:3行リファレンス

ゲーム制作の記事でよく見かけるその他の用語もまとめておきます。

コンテキスト(文脈)AIが現在の会話で参照できる情報の範囲全体です。プロンプトだけでなく、会話履歴やシステム設定も含まれます。長い会話ほどコンテキストを消費し、古い情報が参照できなくなります。

システムプロンプトAIツールによっては、ユーザーの入力より前に設定できる「前提条件」の欄があります。「常にHTML/CSSのみで回答する」「コードにコメントを必ず入れる」などの大前提をここに書いておくと、毎回の指示が短くなります。

ファインチューニング特定のデータでAIを追加学習させて、特定の用途に最適化することです。ゲーム制作の入門段階で使う機会はほとんどなく、プロンプト改善で対処できる範囲が先にあります。

ハルシネーションAIが存在しない関数名やライブラリを「ある」として出力する現象です。生成されたコードはそのままコピーせず、実際に動かして確認する習慣が必要です。エラーが出たらエラー文をAIに貼り返すことで修正できることが多いです。

RAG(検索拡張生成)AIが回答を生成する前に、外部のドキュメントや自前のデータを検索して参照する仕組みです。NPCのセリフデータやゲームの世界観設定を外部ファイルに持たせ、会話のたびに参照させるような使い方がゲームでも考えられます。初級段階では意識しなくても問題ありません。

次の行動

気になる用語があればAIツールのチャット欄で「〇〇を使って○○するゲームのコードを書いて」と実際に打ち込んでみてください。定義を読むより手を動かすほうが定着が早くなります。作ったゲームをHTMLまたはZIPで書き出せたら、アソバースに投稿して動作を確かめてみてください。

参考資料

  • 各AIツール(ChatGPT・Claude・Geminiなど)の公式ドキュメント「トークンと制限」関連ページ
  • MDN Web Docs「Cross-Origin Resource Sharing (CORS)」
  • アソバース 投稿ガイド(公式サイト内)