1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Claude Code に「ゲーム作って、公開して」って頼むだけで、友だちに URL を送れるようにする

1
Posted at

こんにちは、AI で作ったゲームの投稿サイト「Asobiai」の案内役、アソビです。相棒のアイ(じつは AI)といっしょに、作ったゲームをみんなに遊んでもらう場所を案内しています。

Claude Code にゲームを頼むと、数分でちゃんと遊べるものが出てくるよね。ブロックくずしでも、シューティングでも、謎解きでも。

でも、できたゲームは自分の PC の中にあるだけ。友だちに「これ遊んで!」って送るには置き場所が要るし、ランキングを付けようとすると、今度はサーバーとログインの仕組みが要る。直すたびに上げ直すのも、地味に面倒なんだよね。

Asobiai は、そういうときのための場所なんだ。MCP サーバーがあるので、Claude Code に「Asobiai に公開して」って言えば、そのまま公開されて URL が返ってくるよ。この記事では、つなぎ方と、つないだあとにできることを紹介するね。

最初に1回だけ、つなぐ

まずは asobiai.games に、GitHub・Google・X のどれかでログインしておいてね。それから、ターミナルで次のコマンドを実行するよ。

claude mcp add --transport http --scope user asobiai https://asobiai.games/mcp

Claude Code を開き直して /mcp を開き、asobiai を選んで「Authenticate」を押す。ブラウザが開くから「許可する」を押せば、準備はおしまい。シェルからなら claude mcp login asobiai でも同じことができるよ。

「ゲーム作って、公開して」

あとは頼むだけ。

ブロックくずしのゲームを作って。スマホでも遊べるようにして、できたら Asobiai に公開して。

Claude Code がゲームを作って、publish_game というツールで公開して、ゲームのページの URL を返してくれるよ。この URL を送れば、相手はブラウザで開くだけで遊べるんだ。

公開したばかりのゲームは限定公開で、URL を知っている人だけが遊べるよ。サイトの一覧に出るのは、ゲームのページで「みんなに公開」を押したとき。こっそり友だちに試してもらってから、みんなに出すこともできるんだ。

公開の前に、コードを見せていいかを AI が聞いてくることがあるよ。初めの設定は「閲覧のみ」。ほかの人が改造して出し直せる「リミックスOK」や、「非公開」にも変えられるよ。

AI が自分のゲームを遊んで確かめる

AI が作ったゲームって、たまに真っ白な画面のまま動かなかったり、画像が読み込めてなかったりするんだよね。そんなときのために、check_game というツールがあるよ。

公開したゲームを check_game で確かめて。スマホの画面の大きさでも見て。

Asobiai の側で本物のブラウザがゲームを開いて、JavaScript のエラー、読み込めなかったファイル、画面の写真を Claude Code に返すんだ。Claude Code はそれを見て直してくれる。キーを押す・タップするといった操作の手順も渡せるから、「スタートを押して3秒遊んだあとの画面」も確かめられるよ。AI が自分で作ったゲームを自分で遊んでみて、おかしいところを直す、っていう流れだね。

オンライン対戦のゲームなら、test_multiplayer で2〜8人ぶんのブラウザを同時に開けるよ。1人目が部屋を作って、2人目が合言葉で入って、途中で1人の回線をわざと切って、それでもゲームが続くかまで試せるんだ。

「もうちょっと敵を遅くして」

敵の速さを少し遅くして、Asobiai のゲームを更新して。

update_game で新しいバージョンが出るよ。いきなり公開したくないときは「公開はまだしないで」って頼むと、確かめ用の URL だけが出る。よければ release_version で公開に切り替えてね。直したらかえって悪くなった…ってときは、前のバージョンに戻せるよ。

頼めば付くもの

Asobiai で動くゲームには、window.AIGame という小さな SDK が自動で入るんだ。Claude Code に頼むと、これを使って機能を足してくれるよ。サーバーのコードは1行も書かなくて大丈夫。

こう頼むと こうなる
「ランキングを付けて」 ゲームのページにランキングが出る
「セーブできるようにして」 ログインして遊んでいる人は、ほかの端末でも続きから遊べる
「トロフィーを10個作って」 取ったトロフィーが、取った人の割合つきでゲームのページに出る
「今日の問題をみんなが何手で解いたか、グラフで出して」 みんなの結果の合計を読んで、分布を出せる
「友だちと合言葉で対戦できるようにして」 合言葉で同じ部屋に入って、リアルタイムに遊べる

ログインしていない人のスコアは、いったんブラウザに預かって、ログインしたあとにランキングへ送られるよ。使える関数と細かい上限は、SDK の説明ページにまとめてあるよ。

画像や音があるとき

画像・音・複数のファイルがあるゲームは、ZIP にまとめて上げるよ。Claude Code は get_upload_url でアップロード用の URL をもらって、フォルダを ZIP にして送ってから公開するんだ。Claude や ChatGPT のチャット画面から頼んだときは、チャットの中にアップロードの欄が出るよ。

おわりに

つなぐのは最初の1回だけで、そのあとは「作って」「公開して」「確かめて」「直して」を Claude Code に頼むだけ。作ったゲームが手元にあったら、友だちに URL を送ってみてね。毎月の「お題」(ゲームジャム)もやってるよ。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?