AIでゲームを作って公開する
プログラミング経験がなくても大丈夫。AIに頼んで、動かして、直して、公開するまでの流れです。
1. AIに頼む
2. 動かして直す
3. 公開する
4. 感想で育てる
1. AIに頼む
Claude、ChatGPT、Gemini など、どのAIでもかまいません。次の指示文をコピーして、「作りたいゲーム」の部分を書き換えて渡してください。
ブラウザで遊べるゲームを作ってください。
# 作りたいゲーム
(ここにアイデアを書く。例:宇宙船を左右に動かして、降ってくる隕石をよけるゲーム。だんだん速くなる)
# 条件
- HTML・CSS・JavaScriptを1つのHTMLファイルにまとめる
- 画像や音のファイルは使わず、Canvasでの描画とWeb Audio APIで作る(ライブラリを使う場合はCDNから読み込む)
- 画面サイズに合わせて自動でリサイズする(iframeの中で表示される)
- キーボード・マウスに加えて、スマホのタッチ操作でも遊べるようにする
- タイトル画面、遊び方の説明、ゲームオーバー画面、リトライを用意する
- スコアがあるゲームなら、ゲームオーバーのときに次のコードを呼ぶ
window.AIGame?.submitScore(score)
- ハイスコアの保存には localStorage を使ってよいポイント:最初は小さく作り、「敵を増やして」「効果音をつけて」のように1つずつ頼むと失敗しにくくなります。
2. 動かして直す
AIが出したコードを公開ページに貼り付けると、右側ですぐに動きます。エラーが出たら、コンソールの「AIに修正を頼む文面をコピー」を押して、そのままAIに貼り付けてください。エラー内容とコードがまとめてコピーされます。
3. 公開する
- 1つのHTMLファイルなら貼り付けるだけ。画像や音声などの素材があるときは、フォルダごと、またはZIPでアップロードできます(最大 50.0 MB)。
- Phaser・three.js・PixiJS などのライブラリは CDN から読み込めます。Unity の WebGL ビルドや Godot の Web 書き出し(スレッド無効)も、フォルダごとアップロードすれば動きます。
- サムネイルはゲーム画面から撮影できます。使ったAIやプロンプトを書いておくと、ほかの人の参考になります。
- Claude Code などのAIエージェントから直接公開することもできます(API / MCP)。
4. 感想で育てる
プレイヤーは「感想」「バグ報告」「アイデア」を送れます。ゲームの設定画面の「フィードバック」タブから、未対応のバグ報告とアイデアをAIへの修正依頼としてまとめてコピーできます。直したら新しいバージョンをアップロードしましょう。更新履歴も残ります。
うまくいかないとき
- 画面が真っ白:コンソールのエラーをAIに渡す
- キー操作が効かない:ゲーム画面を一度クリックしてから操作する
- スマホで遊べない:「タッチ操作に対応して、画面下にボタンを表示して」と頼む
- 音が鳴らない:ブラウザの仕様で、最初のクリック/タップの後でないと音を鳴らせません。「最初のタップで音を有効にして」と頼む
