Claude Artifactsでゲーム制作する方法 — 非エンジニアの試作から公開まで

Claude Artifactsとは何か

Claude Artifactsは、Claudeが作った成果物を、会話の横の専用ウィンドウに開く機能です。プログラミングの知識がなくても、「〇〇なゲームを作って」と日本語で頼むだけで、Claudeがコードを書き、その場で動く形で表示します。

Artifactsとして作られやすいのは、通常15行を超える分量で、単体で完結し、後から編集・再利用したくなる内容です。ゲームのような小さなインタラクティブなツールも、この基準に当てはまります。Claude Design・Claude Slides・Claude Docsのテンプレートはベータを終え、Freeを含む全プランで使えます。ゲームはテンプレートを使わず、通常のチャットで頼むだけで作れます。プランごとの使える範囲はアーティファクトのテンプレートを無料プランで使えるかで確かめられます。

本記事は、Web版・デスクトップ版のClaudeのチャットでゲームを作る手順を扱います。Claude Codeにも同名の機能がありますが、セッションの出力を非公開のURLのページとして出す別の仕組みです。Robloxのゲームを作るなら、ClaudeからRoblox Studio MCPを使う手順も参考になります。

ゲーム制作を始める前に有効化しておく設定

Artifactsを使うには、設定の「Capabilities」で「Cloud code execution and file creation」を有効にします。Free・Pro・Maxプランは、「Settings > Capabilities」から自分で切り替えます。

Team・Enterpriseプランは、Ownerが「Organization settings > Capabilities」で同じ項目を先にオンにします。そのうえで「Organization settings > Artifacts」を開いて「Artifacts」をオンにしないと、組織内での共有やチャットで作った成果物の公開が使えません。メンバー側の画面に項目が見当たらないときは、この2段階が前提になっています。Enterpriseではカスタムロールの設定も関わる場合があります。

手順1: プロンプトだけで簡易ゲームを試作する

作りたいゲームの内容を、日本語の文章でClaudeに伝えます。ルール・見た目・操作方法まで具体的に書くほど、初回で近い形のものができます。

1〜100のあいだの数字を当てるゲームを作ってください。
プレイヤーが数字を入力すると「もっと大きい」「もっと小さい」
「正解」のいずれかを表示し、何回で当てたかも記録してください。
背景は淡い青系の配色で、スマートフォンでも操作しやすい
大きめのボタンにしてください。

送信すると、Claudeがコードを書いてArtifactsのウィンドウに表示します。その場でクリックやタップを試し、意図した動きになっているかを見ます。

手順2: 動かしながら修正する

出来上がったゲームは、会話を続けるだけで直せます。「難易度を選べるようにして」「音のオン・オフボタンを付けて」のように変更したい点を伝えると、Claudeがその部分を直します。

別の方向を試したいときは、以前のメッセージを編集します。編集すると、そのメッセージから分かれた別バージョンの会話ができ、それぞれが自分のアーティファクトを持ちます。元の作業は消えないので、うまくいかない変更も気軽に試せます。

エラーが出たときは、エラーメッセージの近くにある「Try fixing with Claude」ボタンを押します。エラーの詳細が新しいメッセージにコピーされるので、それをClaudeに送って原因を調べてもらいます。この修正が必ず成功するとは限らず、追加のやり取りが必要になることもあります。作ったものはサイドバーの「Artifacts」タブに保存されるため、別の会話からでも見つけられます。

手順3: ゲームの中でClaudeを動かす

クイズの問題を自動で生成する、プレイヤーの入力に応じてストーリーを分岐させるといった仕組みは、ゲームの中でClaudeを呼び出すことで作れます。コードを書くClaudeに「AIによる採点機能を組み込んで」のように頼めば実装され、アプリはAnthropicのインフラ上で動きます。

遊ぶ人はClaudeアカウントでサインインし、自分のインスタンスを操作します。APIキーは不要で、作った側に追加の費用もかかりません。遊ぶ人数が増えても、利用量はそれぞれのプレイヤー自身のプランの上限に数えられ、作者の上限は減りません。旧アーティファクトにはこの機能をオフにする「AI-powered artifacts」設定があり、新しいアーティファクトは初めてClaudeを使うときに許可を求めます。

ただし配り方には制限があります。Claudeを使う、またはコネクタで外部アプリにつなぐ新しいアーティファクトは、プランを問わず「Anyone with the link」を選べません。AIを組み込んだゲームは、組織内の共有かメール招待で渡します。

手順4: スコアを保存できるようにする

ハイスコアやプレイ履歴を残したい場合は、アーティファクトのデータ保存機能(Persistent storage)を使います。データの持ち方は「個人用」と「共有用」の2種類です。日記のように自分だけに見せたいものは個人用、リーダーボードのように全員に同じ順位表を見せたいものは共有用にします。

ストレージには1つのアーティファクトあたり20MBの上限があり、保存できるのはテキストだけです。画像・ファイル・バイナリは入りません。どのデータを個人用・共有用に振り分けるかは、アーティファクトを作った側が決めます。共有用を初めて使うときは、データが他の利用者から見える旨の確認が表示されます。

旧アーティファクトでは、保存は公開後にしか動きません。作成中や動作確認の段階では保存操作が失敗するので、試作中に「スコアが保存されない」と焦る必要はありません。新しいアーティファクトは公開しなくても保存できます。Projectsとの組み合わせ方はClaude Projects完全ガイドにあります。

公開と共有は、いつ作ったかで入口が分かれる

2026年9月16日より前にチャットで作ったアーティファクトは「旧アーティファクト(legacy)」と呼ばれます。引き続き動き、公開も共有もできますが、新しく作ることはできません。この区別が、ボタンの名前と、リンクを開く人にアカウントが要るかどうかを決めます。

旧アーティファクトをPublishする(Free・Pro・Max)

「Publish」を押すと公開リンクが発行され、サイドバーの「Artifacts」にも追加されます。リンクを開いた人は、Claudeを使う機能に触れるときだけサインアップを求められます。Free・Pro・Maxでサインインしている人は、そのゲームをコピーして保存でき、Claudeを使う部分は閲覧者自身の利用上限に数えられます。

「Get embed code」を押すと埋め込みコードが出ます。「Allowed domains」に許可するサイトをカンマ区切りで入れれば、自分のブログにゲームを埋め込めます。

「Unpublish」で公開は取り消せますが、同じアーティファクトを公開し直すことはできません。保存データ(個人用・共有用の両方)も完全に削除されます。もう一度公開したいときは、新しく作り直すことになります。

新しいアーティファクトをShareする

共有オプションの表でリンク共有の対象になっているのは、Pro・Max・Team・Enterpriseです。Freeには新規分を共有する手段がありません。「Share」を開き、「Who has access」から範囲を選びます。Pro・Maxの選択肢は「Only you」と「Anyone with the link」です。Team・Enterpriseでは「Only people invited」「Anyone at[組織名]」「Anyone with the link」から選びます。

メールで特定の人を招く方法(ベータ)もあります。招く相手の権限は、閲覧のみの「Can view」、コメントとアーティファクトが提供するファイルのダウンロードができる「Commenter」、編集もできる「Can edit」から選びます。ただし組織外から招かれた人は、Claudeやコネクタを使う部分が動きません。AIを組み込んだゲームを組織外へ渡すときは、この点が効きます。未承諾の招待は30日で失効します(承諾済みの招待は失効しません)。1つのアーティファクトで組織外の50人まで招けます。

共有をやめるときは、「Who has access」でPro・Maxなら「Only you」、Team・Enterpriseなら「Only people invited」を選びます。Team・Enterpriseで組織外へのメール招待を出していた場合、「Only you」にすると招待は失効します(Pro・Maxでは維持されます)。

Team・Enterpriseでの組織外への共有

Team・Enterpriseでは、既定ではアーティファクトは組織内にとどまります。「Anyone with the link」は、Ownerが「Organization settings > Artifacts」の「External sharing」をオンにすると選べます。そのアーティファクトを個別に許可した場合も選べます。グレーアウトしていれば、Ownerに頼みます。

AIに質問する機能や接続したアプリを使うアーティファクトは、Team・Enterpriseでも「Anyone with the link」では共有できません。External sharingをオンにしても同じです。CMEK構成の組織でも、アーティファクトは使えます。HIPAA対応構成は、Ownerが規約に同意すればオンにできますが、BAAの対象外なのでPHIは入れないでください。教育機関・K-12の組織では、メール招待が使えません。組織外の人を呼べるメール招待は別の設定(「Email invitations outside your organization」)で、Teamでは既定でオン、Enterpriseでは既定でオフです。

旧アーティファクトを「Share & copy link」で渡すときは、そのチャットに添付したファイルも閲覧者から見えます。ゲームの試作中に資料を貼っていないか、共有の前に確かめてください。プロジェクト内で作ったものは、閲覧者にそのプロジェクトへのアクセスも必要です。

プラン別にできることの違い

同じ「ゲームを作って渡す」でも、契約しているプランで使える範囲が変わります。

Freeでも試作はできます。ゲーム内でClaudeを呼ぶ機能には、プランごとの制限が書かれていません(表の「—」はこの意味です)。AIを組み込んだゲームは、どのプランでも「Anyone with the link」では渡せません。データ保存と接続したアプリの利用はPro以上が対象です。

他の人が公開したゲームを自分用に改造する

旧アーティファクトとして公開されたゲームは、Free・Pro・Maxなら自分の出発点にできます。改造したものは別物になり、元のゲームには影響しません。

持ち込むのは他人のコードと内容です。信頼できる作者のものだけに限ってください。知らない相手から送られたファイルを開くときと同じ警戒が要ります。

非エンジニアがよく踏むつまずき

• 設定の「Capabilities」を見ないまま試作を始め、Artifactsが表示されずに戸惑う。Team・Enterpriseでは「Organization settings > Artifacts」のオンも必要です。
• 旧アーティファクトの記事や動画を見て「Publish」ボタンを探し、見つからない。新しいアーティファクトは「Share」だけで、リンクの先にはClaudeアカウントが要ります。
• 友人に遊んでもらうつもりで共有したのに、相手がアカウントを持っておらず開けない。アカウントなしで開けるのは、2026年9月16日より前に作り、旧アーティファクトとしてPublish済みのものだけです。
• スマートフォンのClaudeアプリだけで作業を完結させ、共有設定を変えられずに困る。共有設定の変更は、Web版かデスクトップ版で行います。

ゲーム以外にも、Artifactsは業務手順の図解のような非エンジニア向けの使い方に広がっています。手順はClaudeでのフローチャート作成手順で紹介しています。マーケティング業務での活用例はClaudeマーケティング活用にまとめています。作ったゲームの経済バランスをCSVで検算する手順は敵CSVからの資源収支の検算にあります。

まとめ

ゲームの試作と修正は、プランに関わらず日本語の会話だけで進められます(スコア保存はPro以上)。迷いどころは最後の共有で、渡せる範囲はプランと作成時期で決まります。今から作るゲームを開けるのはClaudeアカウントを持つ人だけで、AIを組み込んだなら共有リンクも使えません。