powered by TechFeed
表示モード
Anthropic

Claude CodeがArtifacts機能を追加 — セッションの調査・分析結果をチーム共有可能なWebページとして出力

6月20日、SD Timesが「Claude Code adds support for artifacts」と題した記事を公開した。この記事では、AnthropicのAIコーディングツール「Claude Code」が新機能「Artifacts」のサポートを追加し、開発作業の成果物を共有可能なWebページとして出力できるようになったことを詳しく紹介している。

6月20日、SD Timesが「Claude Code adds support for artifacts」と題した記事を公開した。この記事では、AnthropicのAIコーディングツール「Claude Code」が新機能「Artifacts」のサポートを追加し、開発作業の成果物を共有可能なWebページとして出力できるようになったことを詳しく紹介している。


Claude CodeのArtifacts機能とは何か

Claude Codeのセッションは、障害調査・サービスのリファクタリング・数ヶ月分のデータ分析など、多岐にわたる作業をカバーする。これまで課題だったのは、その作業内容をチームに共有する際の「伝達コスト」だ。

新機能Artifactsは、Claude Code固有の機能であり、セッションで行った作業をWebページに変換して出力する(なお、claude.ai上にも「Artifacts」と呼ばれる既存機能が存在するが、本稿が扱うのはClaude Code CLIおよびデスクトップアプリで提供される別機能である)。PRのウォークスルー、フィルタ・ソート可能なダッシュボード、作業の進捗に合わせて自動更新されるリリースチェックリストといった形式が例として挙げられている。

ポイントは、データソースの配線やインフラのセットアップが不要な点だ。Claude Codeはセッションのコンテキスト——コードベース、接続済みのコネクタ、会話内容——をそのまま使ってページを生成する。例えば1枚のインシデントページに「失敗したテストとその背後にある関数」「接続済みの監視ツールからのエラースパイク」「セッションで得られた根本原因の分析」を統合できる。

ライブ更新と組織内プライバシー

生成されたArtifactページには「ライブ更新」の仕組みがある。Claude Codeがアーティファクトを更新すると、開いているページがその場でリフレッシュされ、チームメンバーには公開された瞬間に更新内容が届く。URLは同じまま、公開するたびに新バージョンが作られ、バージョン履歴から任意の時点に戻すことも可能だ。また、作成済みアーティファクトをブラウズ・管理するためのギャラリー機能も備える。

記事ではデバッグ作業での活用例が紹介されている。

エンジニアがスタンドアップ前にインシデント調査を開始する。Claude Codeがログを解析し、タイムライン・疑わしいコミット・エラーレートのチャートをまとめたアーティファクトを公開する。エンジニアはページヘッダーからリンクをチームに共有。スタンドアップが始まるころには、調査の進展に合わせてClaudeが2度再公開済みだ。

「エージェントが何を見つけたか説明して」という会話が不要になり、全員が同じビューを同じコンテキストで見られる状態になる——というのが、この機能が解決しようとしている問題だ。

プライバシーの面では、アーティファクトはデフォルトで作成者のみが閲覧可能で、準備ができた段階でチームや組織に共有する設計だ。認証済みの組織メンバーのみが閲覧でき、パブリック公開はできない。管理者は組織レベルのトグルとロールベースのスコーピングでアクセス制御を行い、保持ポリシーの設定やコンプライアンスAPIによる組織全体の可視化も行える。

ロール別のユースケース

記事では職種別のプロンプト例が豊富に列挙されている。主なものを抜粋する。

  • セキュリティ: "Build an artifact of the auth findings from this review, each linked to the code." — 認証レビューの指摘事項を、該当コード行へのリンク付きでまとめる
  • SRE・オンコール: "Turn this incident into an artifact — timeline, suspect commits, error spike from our monitoring — and republish as I work through it." — インシデントページを調査しながら育て、そのままポストモーテムにする
  • デザイナー・フロントエンドエンジニア: "Give me an artifact with 5 UX variations of this signup form, built from our component library." — 実際のコンポーネントライブラリからビルドした5種類のサインアップフォームUIバリエーションを生成
  • エンジニアリングマネージャー: "Build an artifact of what merged on my team this week from the PRs, grouped by project." — 週次でマージされたPRをプロジェクト別にまとめたページを生成

提供状況

ArtifactsはベータとしてClaude TeamおよびEnterpriseプランの組織に提供中で、Claude Code CLIおよびデスクトップアプリから利用できる。生成されたページは任意のブラウザで閲覧可能だ。


詳細はClaude Code adds support for artifactsを参照していただきたい。