📖 この記事で分かること
- Claude Code の Artifacts が Pro/Max で利用可能に
- セッション成果物を即プライベートWebページとして公開
- 対応プランと利用条件、ページ制約の要点
- 共有は Team/Enterprise 限定という違い
💡 知っておきたい用語
- Artifacts(アーティファクト): Claude Code の作業結果を、その場で動く1枚のWebページとして残す機能
最終更新日: 2026年7月3日
▶ 公式ページ
- Artifacts 公式ドキュメント(Claude Code Docs)
- Claude Developers 公式発表(X)
Claude Code の Artifacts が Pro/Max で使えるように
この記事のポイント
- Claude Code の Artifacts(2026年7月時点)が Pro / Max プランでも利用可能になりました。
- セッションの成果物を、claude.ai 上のプライベートURLで動くWebページとして公開できます。
- 利用には claude.ai への
/loginサインインと Anthropic API 経由のセッションが必要です。
Anthropic は Claude Code の Artifacts 機能を、個人向けの Pro / Max プランへ開放しました。直近24時間のXで、AI関連としてもっとも拡散したトピックです(約94万表示)。Artifacts は、これまで Team / Enterprise を含む一部で使われていた機能で、今回の開放で個人ユーザーも自分のセッション成果物をそのままWebページ化できるようになりました。
何ができる機能か
Artifacts は、Claude Code のセッションから、ライブで対話的なWebページを claude.ai 上のプライベートURLとして公開する機能です。ブラウザで開くと、セッションの進行に合わせてページがその場で更新されます。
想定される使い方として、公式ドキュメントは次のような例を挙げています。プルリクエストを注釈付きの差分でレビュー案内する、セッションが集めたデータからダッシュボードを生成する、複数の設計・実装案を並べて比較する、長時間タスクの進捗をタイムラインで追う、といった用途です。ターミナルのテキストでは伝えにくい成果物を、見て触れる形にするのが狙いです。
操作面では、新しいArtifactを公開するときだけ許可を求められ、再公開時は再確認されません。ターミナルで Ctrl+] を押すと直近のArtifactを開き直せます。自動でブラウザが開くのを止めたい場合は、環境変数 CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 を設定します。
利用条件と共有範囲
利用には条件があります。claude.ai に /login でサインインしたセッションであることが前提で、APIキーやゲートウェイトークン、クラウドプロバイダ認証のセッションからは公開できません。モデルプロバイダは Anthropic API のみで、Amazon Bedrock・Google Vertex AI・Microsoft Foundry では利用不可です。使えるサーフェスは Claude Code CLI、または Claude デスクトップアプリ v1.13576.0 以降(2026年7月時点)です。
共有範囲はプランで差があります。Pro / Max では作成したArtifactは本人だけが閲覧でき、組織内で共有する機能は Team / Enterprise に限られます。Team はデフォルトで有効、Enterprise は Owner が管理設定で有効化します。
ページ仕様にも制約があります。Artifactは1つの自己完結したページで、バックエンドを持ちません。フォーム入力の保存や閲覧時のAPI呼び出しはできず、外部リクエストは厳格なCSPでブロックされます(CSSやJSはインライン化、画像はdata URIで埋め込み)。ソースファイルは .html / .htm / .md のみで、レンダリング後のサイズは16 MiB以下です。
編集部の見方
位置づけ: Artifacts は「動くアプリ」ではなく「作業結果のスナップショット」です。バックエンドなし・単一ページ・外部リクエスト不可という制約は、社内ツールのホスティング用途を意図的に切り捨て、レビューや共有のための可視化に絞った設計と読めます。用途を見極めれば軽快です。
誰に効くか: Pro / Max では共有ができないため、当面は個人の作業可視化(差分レビュー、進捗ダッシュボード)が主な使い道になります。チームでの共有前提なら Team / Enterprise が必要という線引きは明確です。
留意点: API キーやゲートウェイ、Bedrock / Vertex 経由のセッションでは動きません。既存の運用が claude.ai サインイン以外の経路なら、そのままでは使えない点に注意が要ります。
まとめ
Claude Code の Artifacts が Pro / Max へ開放され、個人ユーザーもセッション成果物を即座にプライベートWebページ化できるようになりました。共有機能は Team / Enterprise 限定で、利用には claude.ai サインインと Anthropic API 経由のセッションが必要です。まずは差分レビューや進捗の可視化から試せる機能です。
よくある質問
Q: 無料プランでも使えますか?
A: 対応プランは Pro / Max / Team / Enterprise です。公式ドキュメントに Free プランの記載はありません。
Q: 作ったページは他人に見せられますか?
A: Pro / Max では本人のみ閲覧できます。組織内での共有は Team / Enterprise プランの機能です。
Q: APIキーで使っているセッションでも公開できますか?
A: できません。claude.ai に /login でサインインし、Anthropic API 経由のセッションであることが条件です。
まとめ
Artifacts の Pro / Max 開放で、Claude Code は「テキスト出力」から「その場で見せられる成果物」までを個人でカバーできるようになりました。共有可否とセッション条件を確認した上で、可視化用途から取り入れられます。
【用語解説】
- Artifacts(アーティファクト): Claude Code のセッション成果物を、claude.ai 上のプライベートURLで動く1枚のWebページとして公開・更新する機能。
- CSP【シーエスピー】: Content Security Policy の略。Webページが読み込める外部リソースや通信を制限する仕組み。Artifactsは外部リクエストをこれで遮断する。
- サーフェス: 機能を利用できる入り口・環境。Artifactsは Claude Code CLI と対応版デスクトップアプリで使える。
引用元:
- [1] Share session output as artifacts(Claude Code Docs)
- [2] Claude Developers 公式投稿(X)
この記事について: AI 支援で執筆、編集部が事実確認・編集しています。誤りや追加情報があれば Contact よりお知らせください。
Previous Post
Meituan が LongCat-2.0 を公開。1.6兆パラメータを国産チップだけで学習
Next Post
Kimi K2.7 Code が GitHub Copilot で一般提供。ピッカー初のオープンウェイト
15 年以上の開発経験を持つソフトウェアエンジニア / テクノロジーライター。AI エージェントの実務活用を研究し、現場や経営者向けセミナーでその知見を発信。本メディア tech-noisy.com では、一次情報に基づく最新ニュース・解説記事を執筆。また、音楽生成 AI による DJ パフォーマンスを企業イベントで行うなど、テクノロジーと表現の融合も探求している。
