Claude Code がアーティファクト機能をサポート

*進行中の作業を、セッション全体の文脈から構築されたライブでインタラクティブな Web ページとしてプレビューし、チームと共有できます。* - カテゴリ - 製品Claude Code - 日付2026年6月18日 - 読了時間5分 - シェアリンクをコピーhttps://claude.com/blog/artifacts-in-claude-code 本日より、Claude Code は作業の進捗をアーティファクトとしてキャプチャできるようになりました。これにより、Claude Code の作業成果が、セッションが進むにつれて自動的に更新されるライブで共有可能なビジュアルページ（プルリクエストのウォークスルー、システム解説、ダッシュボード、リリースチェックリストなど）に変換されます。 Claude Code のセッションは、インシデント調査からサービスのリファクタリング、数ヶ月分のデータ分析まで多岐にわたります。アーティファクトはこの作業を、誰でも開いて探索できる Web ページへと変換します。例えば、プルリクエストのウォークスルーや、フィルタリングやソートが可能なダッシュボード、あるいは作業が進むにつれて自動で埋まっていくリリースチェックリストなどです。アーティファクトにより共有作業でのコラボレーションが容易になり、チームはステータス更新の連絡に費やす時間を減らし、より多くの時間を構築に充てることができます。 ## セッションのコンテキストに基づいて構築 Claude Code は、コードベース、コネクタ、そして会話そのものを含むセッション全体のコンテキストを用いてアーティファクトを構築します。単一のインシデントページには、コード内の失敗したテストとその背後にある関数、接続された監視ツールからのエラースパイク、そして直近で実行したセッションからの根本原因の推論が統合されます。アーティファクトを使用すれば、データソースを配線したりインフラストラクチャを構築したりする必要はありません。ページを要求するだけで、既存のものから Claude Code が構築してくれます。 ## 場所内でリアルタイム更新されるページ Claude Code がアーティファクトを更新すると、開いているページがその場でリフレッシュされ、チームメンバーは公開された瞬間に更新を確認できます。すべての公開は同じリンク先で新しいバージョンとなり、バージョン履歴によりいつでも復元が可能です。またギャラリー機能では、作成したすべてのアーティファクトを閲覧・管理することができます。 社内テストによると、最も一般的なユースケースの一つはデバッグでした。これらは通常、以下のような形になります：エンジニアが朝礼前にインシデント調査を開始します。Claude Code がログを解析し、アーティファクト（成果物）を公開します。それはタイムライン、疑わしいコミット、エラー率チャートです。彼女はページヘッダーからそのリンクをチームに共有します。朝礼が始まる頃には、調査の進展に伴い Claude は情報を最新のものに取り込みながら、2 回も再公開しています。アーティファクトにより、チームメンバーやステークホルダーは「エージェントが見つけたものを説明してもらう」必要がなくなります。全員が同じビューを、同じコンテキストで共有しているからです。 ## 組織内限定 すべてのアーティファクト（成果物）は、デフォルトでは作成者個人にのみ公開されます。準備ができたら、ページから直接チームメイトや組織全体と共有できます。アーティファクトは認証された組織メンバーのみが閲覧可能であり、公開することはできません。管理者は組織レベルのトグルとロールベースのスコーピングでアクセスを管理し、保持ポリシーを設定し、コンプライアンス API を通じて組織全体の可視性を確保します。 ## 始め方 セッションにアーティファクト（成果物）を要求するか、単に視覚的なものを求めてください。以下に役職別のアイデアをいくつか挙げます：* - 法的・オープンソース：リポジトリから直接、すべての依存関係のライセンス監査を行い、コプレフト（Copyleft）をフラグ付けします。「第三者ライブラリの依存関係とそのライセンスを列挙したアーティファクトを作成し、コプレフトに該当するものをすべてフラグ付けしてください。」 - プライバシー：コード全体で個人データが収集・保存・ログ出力される場所のデータフローマップを作成します。「コードベース内で個人データを扱う箇所を追跡し、プライバシーレビュー用のアーティファクトとして作成してください。」 - セキュリティ：修正が明確になるよう、特定の行にリンクした発見事項を提示します。「今回のレビューにおける認証関連の発見事項をアーティファクト化し、それぞれを該当コードとリンクさせてください。」 - FinOps / プラットフォーム財務：インフラストラクチャ・アズ・コードからクラウドリソースとコストドライバーをマッピングします。「Terraform からクラウドリソースをマッピングし、サービスごとにグループ化した上で、主要なコストドライバーをアーティファクトとして作成してください。」 - ソフトウェアエンジニア：レビュー担当者が実際に追跡できる PR やバグのウォークスルーを提供します。これは差分と周囲のコードから抽出されます。「この PR のウォークスルー（差分、理由、私がテストした内容）を含むアーティファクトを作成してください。」 - デザイナー & フロントエンドエンジニア：画面に対する複数の UX 方向性を提示します。それぞれは実際のコンポーネントから構築されるため、選択されたものがすぐにリリース可能です。「このサインアップフォームの 5 つの UX バリエーションを、当社のコンポーネントライブラリから構築したアーティファクトで提供してください。」 - スタッフエンジニア & アーキテクト：ホワイトボード上の推測ではなく、実際のインポートグラフから導き出されたサービスの構成マップを作成します。「コードから導き出したアーティファクトとして、支払いサービスがどのように組み合わされているかをマッピングしてください。」 - SRE & オンコール：調査が進むにつれて成長し、最終的に事後分析（ポストモーテム）となるインシデントページを作成します。「このインシデントをタイムライン、疑わしいコミット、監視システムからのエラー急増を含むアーティファクトに変換し、作業を進めながら随時再公開してください。」 - エンジニアリングマネージャー：実際にリリースされた内容を、マージされた PR から構築したページで提供します。「今週チームにマージされた PR から、プロジェクトごとにグループ化した上で、何が出荷されたかをアーティファクトとして作成してください。」 Claude Code はページを構築し、リンクを提供します。ブラウザまたはデスクトップアプリで開き、ヘッダーから共有できます。更新は自動的に同じ URL に公開されます。 ## 利用可能状況 Artifacts はベータ版として、Claude Team および Enterprise オルガニゼーション向けに提供されており、Claude Code CLI とデスクトップアプリから利用可能です。ページはあらゆるブラウザで閲覧できます。 [今日から Claude Code で始めましょう](http://code.claude.com/docs/en/artifacts?utm_source=tldrai)***。 見つかった項目はありません。 0/5 eBook ![image](https://cdn.prod.website-files.com/6889473510b50328dbb70ae6/6889473610b50328dbb70b58_placeholder.svg)![image](https://cdn.prod.website-files.com/6889473510b50328dbb70ae6/6889473610b50328dbb70b58_placeholder.svg) 見つかった項目はありません。 ## 組織の運用を Claude で変革する 開発者向けニュースレターを購読する 製品アップデート、ハウツー記事、コミュニティ紹介など。毎月あなたのメールボックスにお届けします。 月次の開発者向けニュースレターを受け取りたい場合は、メールアドレスをご入力ください。いつでも登録解除が可能です。 ありがとうございます！登録が完了しました。 申し訳ありませんが、送信に問題が発生しました。後ほどもう一度お試しください。

Claude Code がアーティファクト機能をサポート

背景や根拠まで確認しますか？

調べる

選ぶ

サイト

背景や根拠まで確認しますか？

ニュースの次に確認する

調べる

選ぶ

サイト