5歳の娘とAIでゲームを作った方法

娘のマナは5歳です。今月のある夜、新しいおもちゃを買ってあげなかったせいで、すっかり機嫌を損ねていました。ずっと欲しがっていたのはカービィのゲームでしたが、マリオパーティを買ったばかりで、さらに7,000円を使う気にはなれません。そこで、自分たちでゲームを作ることにしました。Claudeに話しかけ始めてから約1時間後には、娘はもうそのゲームで遊んでいました。

その夜の動画はYouTubeにあります。この記事では、その裏側の作り方を書きます。

ネコ版のパウ・パトロール

どんなゲームにしたいか聞くと、娘は「ネコのゲーム」、それから「レスキュー」と答えました。パウ・パトロールみたいな感じかと聞くと、すぐに「犬じゃなくて、ネコ」と訂正されました。キャラクターについて聞いたときの答えは「描く、描く」です。

16分後、娘は鉛筆で描いた6枚の絵を見せながら説明してくれました。Dancing Cat、Cafe Cat、Police Catがネコの悪者を捕まえる話で、ほかに「ネコだけの女の子学校」、キッチン、ネコたちが寝るタオルもあります。私は娘の言ったことを各ページにペンで書き込みました。仕様書はそれで全部です。

Dancing Catを説明するマナ。顔は本人が描いたネコで隠しています。

AIでゲームを作るのにかかった1時間

ページをスキャンして、21:02にClaude Codeへ長い指示を一つ、声で伝えました。Claude Codeは、やりたいことを説明するとAIがコードを書いてくれるツールです。21:41には遊べるゲームができていて、21:50にはテストを頼みました。

最初の箱と最後の箱は、マナの担当です。

その間にClaudeは、GoogleのNano Banana Proという画像モデルを使い、無料のKenneyのゲーム素材に合うように娘の絵をすべて描き直しました。私のイラストのシステムと同じ、参照画像を使うやり方です。Dancing Catのドレスにある「56」のような細かいところも、そのまま残っています。さらにKenneyとOpenGameArtから無料のCC0素材と音楽を集め、娘が描いた場所から3つのステージを作りました（冷蔵庫とオーブンは足場になっています）。5歳向けなので、ゲームオーバーはありません。

娘の鉛筆画と、ゲームの絵。描き直しは1枚あたり数セントでした。

ここには本当に驚かされました。動画でも話しましたが、使えるものを手に入れるのに「完璧なアイデアや完璧なインプットはいらない」んです。

22:07、マナを隣に座らせて「Okay, Claude, launch the game」と言いました。娘の感想は「Whoa. It’s so good.（わあ、すごくいい）」でした。

22:07のお披露目。右下に映っているのが私たちです。

Claudeに実際に話したこと

タイプはしていません。だからこんなにまとまりがないんです。最近はClaude Codeに話しかけるとき、FluidVoiceという無料の音声入力アプリを使っています。自分の場合、タイピングの速さこそが足を引っ張っていると気づいたからです。自然に話すのは楽ですし、多少とりとめがなくても、Claudeはちゃんと意図をくみ取ってくれます。

Claude Codeの入力欄に入った、話したままのプロンプト。

全文を、手を加えずにそのまま載せます（英語のままです）。

Okay Claude, so what I did was I actually scanned a whole bunch of
drawings from my daughter and it should be in my scanner folder that
you always use. And what I want to do is I want to create a new game.
It's going to be the second game that we create, so please organize
this under game two under my GitHub and folder. And what the story is
is, apparently it is a story like Paw Patrol, except for cats, right?
And you'll see in the various drawings over here, and I've handwritten
it, and I apologize if my handwriting is not great. But the main
characters looks like they're dancing cat, cafe cat, police cat, and
cat's friend, as well as they have to catch this cat bad guy. And she
also drew pictures of a cat school and also drew pictures of towels
where the cats actually sleep. Right, she also drew a picture of some
sort of flooring, food, cat food, and a kitchen. And what I want you
to do, Claude, is I want you to go online, whether it's on GitHub or
wherever, and I want you to find open source assets where you can
actually create a side-scrolling game that tries to tie in this
narrative. And what I want you to do is, I also want you to take these
These drawings, and I want you to analyze them. I actually want you to
recreate them in a style that's fit for this game. Now now,
previously, before what you did for me is you actually took similar
drawings and you created game assets out of them in a previous game
that we created. I want you to do the same thing here and let's begin.
Thank you.

ここには、Claudeが推測できないことが全部入っています。ファイルの場所、一行で言える物語、娘が描いたものすべて、そしてお手本にする前日に作ったゲームです。今読んでいるこのウェブサイトも、同じやり方で作りました。

私は今もコードは書けません。ただ、その周りの環境、たとえばIDEとは何か、どのモデルを選ぶか、といったことは知っておく必要があって、そこには少し慣れが要ります。

娘が描いていないマスク

ネコの悪者の最初の描き直しは、泥棒のマスクを着けて戻ってきました。マナはマスクなんて描いていません。画像モデルは「悪者」らしい見た目を知っていて、それで隙間を埋めたわけです。そこでClaudeは、娘が描いたしま模様だけで描き直しました。

娘の絵、不採用の案、そしてゲームに入った悪者。

テストの依頼は一行だけでしたが、これが別の種類のミスを見つけてくれました。

Can you do a QA and see if the game works well. take images to see it actually works

Claudeは、子どもが遊ぶようにゲームを最後までプレイするボットを書き、ネコごとに1回ずつ遊ばせました。悪者は速すぎて捕まらず、スペースキーを軽く叩くだけではほとんどジャンプしません（小さい子は軽く叩くものです）。ネズミもハートをほとんど奪っていました。修正前のボットはキッチンだけでハートを11個失い、修正後は1ステージあたり0個から2個になりました。

どちらの場合も、AIは隙間を娘の答えではなく、平均的な答えで埋めていたことになります。

娘が頼んだレスキュー

娘が頼んだのは「レスキュー」のゲームでしたが、Claudeが作ったのは追いかけっこです。誰を、何を助けるのか、まだ誰も知らないからです。その質問は今もゲームのメモに残っていて、4ページ目にある名前のない丸い形5つと並んでいます。Claudeは推測せずにそれらを外したので、これはまだ完全に娘のゲームとは言えません。

鉛筆の仕様書

鉛筆の仕様書（pencil spec）とは、ラフな絵と、それを描いた本人の口頭説明をセットにしてAIに渡し、3つのルールを守らせるやり方です。描いたものはすべて残すこと、描いていないものは足さないこと、そしてわからないところは推測せずに本人への質問にすることです。絵はAIに何が大事かを伝え、説明はそれぞれが何なのかを伝えます。だから、箱を描ける人なら誰でも書けます。

マネージャーのホワイトボード。 チームが描いたダッシュボードのスケッチを撮影すれば、ITを待たずに動くページが手に入ります。

紙に描いたワークショップ。 ファシリテーターの手書きのアジェンダが、進行表とスライドになります。自分のツールを自分で作ることは、ラルフ ローレンのL&Dチームに私が教えた内容でもあります（AIがL&Dをどう変えているかもどうぞ）。会社のセキュリティのルールは先に確認してください。

お子さんの次のアイデア。 下のブリーフがそのまま使えます。

このブリーフをあなたのAIに渡してください

ストーリー全体を読んでもらえるように、これをあなたのAIに貼り付けてください。

子どもの絵からAIでゲームを作る、この記事を読みました。
https://leadhuman.ai/ja/build/build-a-game-with-ai

エンジニアではない人が、Claude Codeに話しかけて約1時間で作った
ものです。構成は、スキャンした子どもの鉛筆画、それをゲーム用の
絵に描き直す画像モデル（Nano Banana Pro）、KenneyとOpenGameArtの
無料のCC0素材と音楽、Phaserというゲームエンジン、そして子どもより
先にゲームを遊ぶテスト用のボットです。ウェブを閲覧できるなら、
まず記事を読んでください（開けなければ、そのまま進めてください）。
その上で、私自身のバージョンを3つのレベルで一緒に作ってください。

レベル1: 絵を1枚撮った写真をアップロードして、子どもがその絵に
ついて言ったことと、子どもの年齢を伝えます。何かを作る前に、
どんなゲームにするかを私に質問してください。それから、
ダブルクリックで開ける1つの .html ファイルとして（またはチャットの
プレビューで）シンプルなゲームを作ってください。キャラクターは
子どもが実際に描いた線をもとに描き、タブレットで指でも遊べるように
してください。

レベル2: Claude Codeのセットアップを手伝って、すべての絵から
横スクロールのゲームを作ってください。素材は無料のCC0のものを
使い、子どもが描いた場所をステージにしてください。

レベル3: 画像モデルで、それぞれの絵をゲームの絵柄で描き直して
ください。そのあと、うちの子と同じ年齢の子が遊ぶようにテスト用の
ボットにゲーム全体を遊ばせて、見つかった問題を直してください。

すべてのレベル共通のルール: 子どもが描いたものはすべて残し、描いて
いないものは足さないでください（勝手にひげやしっぽ、色を付けない）。
ゲームに子どもが描いていないものが必要なら、シンプルにして、何を
付け足したか教えてください。推測する代わりに、子どもへの質問リストを
作ってください。ゲームオーバーなし、怖いものなし、私が頼むまで音は
なしで。子どものキャラクターの絵は、ゲームに入れる前に必ず全部
見せてください。ゲームに子どもの名前は入れず、子どもに関することは
私の明示的なOKなしに、どこにも公開・共有しないでください。

今夜、冷蔵庫に貼ってある絵でレベル1を試してみてください。