非エンジニアがゲームを
簡単につくる方法
プログラミング知識ゼロでも、AI(Claude Code / Codex)と一緒なら、HTML 1ファイルで完結する自分だけのゲームが作れます。このページの手順をそのまま真似するだけ。
たった3ステップ
AIにお願いする
プロンプトをコピペして送るだけ
動作確認する
出力されたHTMLをブラウザで開く
DEK!TAに公開
アップロードしてみんなに見せる
使うAIツール
どちらか1つで構いません。Codex は ChatGPT 無料プランでも限定的に試せます。本格的に使う場合、Claude Code は Pro プラン以上(月20ドル / 約3,000円)、Codex も ChatGPT Plus 以上(月20ドル / 約3,000円)が必要です。(2026年6月時点)
このページのプロンプトは Claude Code / Codex どちらでもそのまま使えます。
🪄 初回プロンプト(コピペOK)
下記をコピーしてAIに送るだけ。『◯◯』の部分だけ自分の作りたいゲームに置き換えてください。
🐾 そのままコピペできるよ! ◯◯部分だけ書き換えてね
◯◯(例: 横スクロールアクション / シューティング / パズル / ノベル)の ブラウザゲームを作ってください。 以下の制約を守ってください: - 単一のHTMLファイルで完結させてください - CSSは <style> タグ内に書いてください - JavaScriptは <script> タグ内に書いてください - 画像が必要な場合は Base64 データURI(data:image/png;base64,...)として HTML内に埋め込んでください。外部URLは参照しないでください - 外部のCDN・API・ライブラリは使わないでください (React、Vue、jQuery、外部CSS、フォントCDN等は不可) - localStorage、Cookie、外部通信(fetch/XHR/WebSocket)は使わないでください - ファイルサイズは5MB以下にしてください ゲーム仕様: - 操作方法: ◯◯(例: 矢印キー / マウスクリック / タップ) - ゲームの目的: ◯◯(例: 障害物を避けてゴールへ) - スコア表示: あり / なし - スマホでも遊べるように: はい / いいえ
💡コツ:仕様部分はざっくりでもAIが補ってくれます。 「シンプルなクリック ゲーム」だけでも動くものができます。慣れてきたら細かく指示しましょう。
🎮 動作確認の方法
- AIが出力したHTMLコードをコピーして、テキストエディタ(メモ帳でもOK)に貼り付け
- ファイル名を
game.htmlとして保存(拡張子は .html) - そのファイルをダブルクリック → ブラウザで開く
- ゲームが動けば成功!動かない場合は次の「修正プロンプト」へ
🔧 修正プロンプト(バグ・改良時)
動かない・思ったのと違う・もっとこうしたい時は、続けてAIに送るだけ。
🐾 ◆ バグを直してもらう
実行したら次のような状況になりました: ◯◯(例: 画面が真っ白 / キャラクターが動かない / ボタンが反応しない) このバグを直してください。修正版のHTML全文を出力してください。
🐾 ◆ 機能を追加してもらう
次の機能を追加してください: - ◯◯(例: スコアをタイトル画面に戻った時にもリセットしない) - ◯◯(例: 効果音を加える / レベルを増やす) 修正版のHTML全文を出力してください。
🐾 ◆ デザインを変えてもらう
デザインを以下のように変えてください: - 色: ◯◯(例: ダーク基調 / パステル / ネオン) - フォント: ◯◯(システムフォントのみ可。外部Webフォント不可) - レイアウト: ◯◯(例: モバイル縦画面に最適化) 修正版のHTML全文を出力してください。
📦 AIが複数のファイルを出してきたら
DEK!TAゲームスは HTML 1ファイル(最大5MB)のみアップロード可能です。 AIが style.css やscript.js、 画像などを別ファイルで出してきた場合、下記の魔法のプロンプトで1ファイル化できます。
🐾 ◆ 1ファイルにまとめてもらう魔法のプロンプト
複数のファイルを1つのHTMLファイルにまとめてください。 - CSSは <style> タグ内に埋め込み - JavaScriptは <script> タグ内に埋め込み - 画像は Base64 データURI(data:image/png;base64,...)として HTML内に埋め込み 単一のHTMLファイルで完結する形で、修正版を出力してください。
💡コツ:最初の初回プロンプトで 「単一のHTMLファイルで完結」と指示しておけば、最初から1ファイルで出してくれます。 このプロンプトは「念のため後から指示する」用です。
できあがったら、公開しよう
あなたのゲームをDEK!TAゲームスに公開して、みんなに遊んでもらえます。
投稿する →よくある質問
Q.プログラミングが全く分からないですが本当に作れますか?
はい。AIに日本語で指示するだけです。コードを読み書きする必要はありません(理解できると嬉しい場面はありますが、最初は不要)。
Q.AIの料金はどれくらいかかりますか?
Claude Code・Codex とも月20ドル(約3,000円)のサブスクで始められます。ゲームをいくつ作っても料金は変わりません(サブスクの上限内であれば)。
Q.出来上がったゲームを売れますか?
現在DEK!TAゲームスは無料公開のみ対応中です。決済機能の整備は順次進めています。
Q.AIが書いたコードの著作権は誰のものですか?
一般的にAIの出力物は利用者(あなた)に帰属します。詳細はClaude/OpenAIの利用規約をご確認ください。DEK!TAゲームスへの投稿時は、あなたが正当な権利者であることを前提とします。