ClaudeのArtifactsは、会話しながら成果物をその場で形にしていける機能です。文書、コード、簡易Webページ、図、インタラクティブなReactコンポーネントなどを、チャットの流れの中で作成・更新できます。さらに現在は、作ったものを共有したり、Claudeの機能を組み込んだAI搭載アプリとして活用したりすることもできます。
皆さんこんにちは。事業構想×生成AI活用アドバイザー(中小企業診断士)の津田です。
今回は、Claudeの代表的な機能のひとつである「Artifacts」について、2026年4月時点で確認できる最新仕様をもとに、分かりやすく整理していきます。単なる「チャットの補助表示」ではなく、今では試作、共有、再利用、AI機能の組み込みまで視野に入る機能になっています。
Artifactsの3つの使い方
- ① チャット中に成果物を右側ウィンドウで作る — ClaudeがArtifactを生成すると、内容はメインチャットとは別の専用ウィンドウに表示されます。文章を直したり、デザインを変更したり、機能を足したりといった修正も、会話で指示するだけで反映されます。やり取りを続けながら成果物を育てていけるのが、Artifactsの基本的な使い方です。
- ② サイドバーのArtifactsスペースから管理・再利用する — 作成したArtifactsは、Claudeのサイドバーにある専用のArtifactsスペースから一覧で管理できます。ここでは自分の成果物をまとめて見返せるだけでなく、Anthropicが用意した作例を見て参考にしたり、既存のArtifactをベースに新しい成果物を作ったりすることもできます。
- ③ AI搭載アプリとして活用する — 現在のArtifactsは、ClaudeのAI機能を組み込んだアプリとして作ることもできます。Claudeがコードを書き、アプリはAnthropicの基盤上で動作します。利用者は自分のClaudeアカウントで認証して使う仕組みで、作成者がAPIキー管理や利用料負担を抱えなくてよいのが大きな特徴です。利用量は、作成者ではなく利用者自身のClaude利用枠に対して計上されます。
ポイント:Artifactsはもはやチャットのおまけではありません。試作・共有・再利用・AI機能の組み込みまで、実用的なワークフローを担える機能に育っています。
Artifactsで作れるもの
公式ヘルプで代表例として挙げられているのは、次のような成果物です。
- Markdownやプレーンテキストの文書
- コードスニペット
- 単一ページのHTMLサイト
- SVG画像
- 図やフローチャート
- インタラクティブなReactコンポーネント
このあたりを見ると、Artifactsは「文書作成機能」でもあり、「軽量なアプリ試作機能」でもあることが分かります。アイデア整理、提案書のたたき台、業務用の簡易ツール、診断コンテンツ、社内向けデモなど、幅広い用途に使えます。
なお、Word・Excel・PowerPoint・PDFの生成や編集もClaudeで可能ですが、これは厳密にはArtifactsそのものというより、Claudeのfile creation機能として案内されています。公式ヘルプでも、ArtifactsはHTMLやReact、Markdown、Mermaid、SVGなどを含む一方、Office系ファイルは別の「ファイル作成」機能として整理されています。
Inspirationでできること
Artifactsには、他の作例を見つけて活用できるInspirationがあります。公式ヘルプでは、Artifacts > Inspiration から、キュレーションされたArtifactを閲覧できると案内されています。そこから実際に触って試したり、そのまま自分用にカスタマイズしたりできます。
Inspirationは、完成済みのサンプル集を見るだけの場所ではありません。気になるArtifactがあれば、その内容をベースに新しい会話を始めて、自分の用途に合わせて作り替えられます。カテゴリ例としては、Learn something、Life hacks、Be creativeなどが挙げられています。
まとめ:Inspirationは「作り方を学ぶ場所」と「試作の出発点」を兼ねています。既存の作例からカスタマイズしていくアプローチは、初めてArtifactsを使う方に特におすすめです。
知っておきたい便利機能
共有と公開
Artifactsは他の人に見せることができます。Free / Pro / Maxプランでは「Publish」によって公開リンクを発行でき、Team / Enterpriseでは「Share」によって組織内共有ができます。Team / Enterpriseで作成したArtifactは、一般公開ではなく組織内限定共有です。
公開済みArtifactは、Claudeアカウントを持っていない人でも基本機能を試すことができます。一方で、カスタマイズやAI搭載機能の利用には、サインアップが求められます。Claudeユーザーであれば、公開Artifactを開いてそのまま Customize し、自分用のコピーとして編集できます。さらに公開後は、埋め込みコードの取得にも対応しています。許可したドメインを指定することで、自社サイトなどにArtifactを埋め込むこともできます。
バージョン切り替えと分岐的な試作
Artifactsは、更新のたびに作り直すだけではありません。バージョンセレクタで過去の版を切り替えながら比較できます。また、過去のチャットメッセージを編集して別方向の会話を作ると、その会話には別系統のArtifact群が紐づくため、複数案を並行して試しやすくなっています。
コード表示・コピー・ダウンロード
Artifactウィンドウの下部からは、元コードの確認、内容のコピー、ファイルのダウンロードができます。簡易プロトタイプを作って終わりではなく、外部で再利用したり、別の開発フローに持ち込んだりしやすい設計です。
エラー修正支援
Artifact実行時にエラーが出た場合は、"Try fixing with Claude" ボタンからエラー内容をClaudeに渡し、修正支援を受けられます。試作を何度も繰り返すときに便利な機能です。
永続ストレージ
Artifactsには永続ストレージもあります。利用できるのはPro / Max / Team / EnterpriseのClaude WebとDesktopで、公開済みArtifactでのみ有効です。ストレージはPersonal storageとShared storageに分かれ、1つのArtifactあたり20MBまでのテキストデータを保存できます。画像やバイナリファイルは保存できません。なお、公開を解除すると関連ストレージデータは削除されます。
MCP連携
ArtifactsはMCP(Model Context Protocol)を通じて、外部サービスとも連携できます。公式には、Asana、Google Calendar、Slackなどへの読み書きが例示されています。利用可能なのはPro / Max / Team / EnterpriseのClaude WebとDesktopで、初回利用時にはユーザーごとの認証が必要です。
中小企業での実践的な使い方
Artifactsが特に向いているのは、一度作って終わりではなく、何度も改善しながら使うものです。
- 収支シミュレーター・簡易診断ツール — 月次固定費、変動費、目標売上を入力すると損益分岐点が見えるツールや、ヒアリング内容から提案の方向性を整理する簡易アプリなどは、Artifactsと相性が良い使い方です。HTMLやReactベースで軽量に試作できるため、相談現場や社内検討でも使いやすいです。
- 提案書・研修資料のたたき台 — まずArtifactsで構成案や説明の流れを作り、必要に応じてClaudeのfile creation機能でWordやPowerPointに仕上げていくと、実務ではかなり使いやすくなります。構想整理と試作はArtifacts、納品物の整形はファイル作成機能という役割分担です。
- 顧客向けAI搭載ミニアプリ — FAQ応答、簡易診断、入力内容に応じた提案補助などは、AI搭載Artifactとして実装しやすい領域です。特に、プロトタイプを短時間で形にして反応を見る用途には向いています。
よくある質問
Q. Artifactsは無料プランでも使えますか?
はい。公式ヘルプでは、ArtifactsスペースへのアクセスとClaude-powered artifactsが、Free / Pro / Max / Team / Enterpriseでサポートされていると案内されています。
Q. プログラミング知識がなくても使えますか?
はい。Claudeに「こういうものを作りたい」と自然言語で伝えることで、文書やコード、簡易アプリを会話ベースで作っていけます。修正もチャットで指示できます。
Q. 作ったArtifactを他の人と共有できますか?
できます。Free / Pro / MaxではPublish、Team / EnterpriseではShareが利用できます。公開Artifactは、非ログインユーザーでも基本機能を試せますが、カスタマイズやAI機能の利用にはアカウント作成が求められます。
Q. Word、Excel、PowerPoint、PDFもArtifactsで作れますか?
Claudeでは作れます。ただし、正確にはArtifactsの代表的な出力形式というより、Claudeのfile creation機能として理解する方が整理しやすいです。
Q. CoworkとArtifactsは同じですか?
同じではありません。CoworkはClaude Desktop上の別機能で、長時間タスクや複数ワークストリームの処理など、Claude Code系のエージェント機能を視覚的に使うためのものです。Artifactsの作成・共有機能とは役割が異なります。