AIでブラウザゲームを作る｜実装・素材・テストの開発ガイド

Codex・Claude Code・Geminiの使い方から、AI画像、NPC、ゲームデータ、費用設計まで。ブラウザゲームを完成させるための具体的な手順を、公式情報をもとに紹介します。

10本の開発記事を掲載しています。

Codexでブラウザゲームを作る準備｜AGENTS.mdと最初の実装範囲

Codexにブラウザゲーム開発を依頼する前に、操作・完成条件・既存コードの制約を整理。AGENTS.mdの書き方と、一場面ずつ実装する進め方を紹介します。

AIに「ゲームを作って」と頼んで迷走しないための仕様テンプレート。ブラウザゲームの状態、操作、勝敗、制約を具体例で整理します。

タッチが反応しない、再挑戦で状態が残る。AIに不具合を伝えるための画像・ログ・操作手順の整理と、修正後の確認方法を説明します。

ブラウザゲーム用のAI画像を、用途と寸法から設計。キャラクターの見た目、透過の縁、実際の表示サイズを確認する制作手順をまとめました。

クイズやステージ設定をAIからJSONで受け取る設計。Structured Outputsの役割と、範囲・重複・ゲームの成立条件を検証する方法を解説します。

会話するNPCに何を任せるかを設計。Function callingの流れ、クエスト条件の検証、通信失敗時の会話を具体例で整理します。

AIの台詞・問題・コードを毎回同じ条件で確認する評価セットの作り方。2026年10月時点のOpenAI Evals終了予定と、持ち運べる記録も整理します。

AIの台詞や問題生成をゲームに入れる前に、呼び出し回数と生成時期を整理。制作時の生成、Prompt caching、Batch、再試行の上限を解説します。

既存のブラウザゲームをClaude Codeで変更する前に、入力・状態・描画を調査。CLAUDE.mdの制作ルールと、差分を確かめる手順を紹介します。

Gemini APIのcode executionを、得点やクリア時間の集計に使う設計。CSVの項目、計算の検証、ブラウザでの実プレイとの差を説明します。