Anthropic が、AIコーディングツール「Claude Code」に新機能「Artifacts(アーティファクト)」を追加しました。Claude Code との一連のやり取り(セッション)から、その場でライブのHTMLページを生成し、チームのメンバーへ共有できる仕組みです。対象は Claude の Team および Enterprise プランの利用者で、ダッシュボードや図解、進捗の確認といった「コードの中身を非エンジニアにも伝える」用途を想定しています。

「Artifacts」とは何か

Artifacts は、Claude Code が進めている作業を、そのままインタラクティブなWebページに変える機能です。利用者が手元のコード(リポジトリ)や接続済みの監視ツール、これまでの会話の文脈をもとに、Claude Code が専用のページを組み立てます。エンジニアが外部のデータ基盤をわざわざ用意したり、一時的なサーバーを立てたりする必要はありません。すでに存在する材料から、AIが画面(UI)を作り上げます。

生成されたページには専用のURLが割り当てられ、チームのメンバーへ送れます。受け取った相手は、Claude Code が自律的に、あるいは指示を受けながら作業を進める様子を、同じページ上でそのまま見られます。

Artifacts という名前自体は新しいものではありません。Anthropic は2024年夏に、消費者向けのチャット画面で同名の機能を先に導入していました。コードの断片やゲームをWeb上に公開できるツールとして広がったこの仕組みを、今回はコマンドラインで操作する開発者向けの Claude Code と、デスクトップアプリに直接組み込んだ形になります。

静的な書き出しではなく「生きた」ページ

Artifacts の特徴は、一度きりの書き出しではない点にあります。AIがセッション内で作業を進めると、開いているページが同じURLのまま、その場で更新されます。グラフや文章がリアルタイムに差し替わり、表示を見ている側は最新の状態を追えます。

更新のたびに版(バージョン)の履歴が残るため、過去の状態へ戻したり、AIがどこまで進めたかを確認したりできます。閲覧はパソコンからでもスマートフォンからでも可能です。会議用のホワイトボード、手作業のバグ説明、定型の進捗報告といった作業を、自動で更新される安全な可視化ツールに置き換えるねらいがあります。

OpenAIの「Codex Sites」との違い

今回の発表は、OpenAI が自社の「Codex」に、よく似た企業向けのホスティング機能「Sites」を追加してからおよそ2週間後のものです。両社は開発者向けの作業画面をめぐって、似た機能を相次いで投入しています。ただし設計思想には明確な差があります。

OpenAI の Sites は、本格的なWebアプリケーションを動かす土台として作られています。データを保存するためのデータベースやファイル保管の仕組みを備え、外部のログイン連携やアクセス権限の細かな設定にも対応します。社内向けの業務ツールそのものを置き換える、いわば常設の実行環境という位置づけです。

一方の Claude Code の Artifacts は、あえて裏側のサーバー機能を持ちません。Anthropic は公式の説明で「アーティファクトはアプリケーションではなく、作業のスナップショット(その時点を切り取ったもの)」と明言しています。各ページは1枚で完結するHTMLで、表示サイズには上限(約16MiB)が設けられています。

さらに、組織の安全性を守るために、生成されたページには厳格な制限(コンテンツセキュリティポリシー)がかけられます。外部への通信は遮断され、外部のスクリプトやフォント、スタイルシートを読み込めません。CSSやJavaScriptはすべてページ内に埋め込み、画像もデータとして直接埋め込む方式です。入力フォームの内容を保存したり、表示時に外部のAPIを呼び出したりもできません。

この制約は弱点ではなく、Anthropic の意図的な立ち位置です。OpenAI が常設のソフトウェア窓口を目指すのに対し、Anthropic は Claude Code を「その場限りで、機密性の高い技術作業」に寄せています。社内の境界の外へライブのデータが漏れない、自己更新型の可視化ツールという考え方です。

セキュリティと権限管理

これらの機能は、企業の独自データや稼働中のコードに触れるため、利用許諾(ライセンス)とアクセス管理が重要になります。Artifacts と Codex の Sites は、いずれも提供元が管理する非公開の方式を採っており、利用企業が中身を自由に複製したり、自前のサーバーで動かしたりはできません。

Anthropic は、各アーティファクトを既定で作成者だけの非公開とし、インターネット全体へは公開できない設計にしています。リンクを共有しても、閲覧できるのは同じ組織で認証されたメンバーに限られます。管理者は組織単位の切り替えや役割ごとの範囲設定、保存期間の方針を通じて統制でき、専用の管理用インターフェース(コンプライアンスAPI)で全体を見渡せます。

OpenAI も Sites を ChatGPT の Business・Enterprise 向けに限定し、管理者が役割に応じて機能を有効化する仕組みを採っています。共有時のアクセス範囲をより細かく指定できるほか、機密情報をソースコードに直接書き込まずに扱うための専用パネルも用意されています。

開発現場での使われ方

Claude Code の責任者で開発者でもある Boris Cherny 氏は、発表に合わせてXへの投稿で、Artifacts を日々の作業のあらゆる場面で使っていると紹介しました。込み入ったコードの視覚的な説明、システムの構成図、複数の動きの素早い比較、データ分析、チームと共有するダッシュボードなどを挙げ、自身の働き方を変える機能だと評価しています。

Anthropic が公開した利用例も具体的です。ある場面では、エンジニアがClaude Code に、直近のリリース以降に利用者の離脱が増えていないかを調べるよう指示します。AIは数秒のうちにデータベースを読み取り、離脱の流れを示すダッシュボードを組み立て、「Proアカウントが書き出し画面で止まっている」と原因を突き止めます。続けて画面の改善案を提示し、コードの修正に合わせてグラフを更新し、管理者がスマートフォンからすぐに開ける安全なリンクを生成します。

ターミナル(文字入力で操作する画面)を、共同作業ができる生きたキャンバスへ変える試みといえます。AIコーディング支援の最も価値ある成果は、コードそのものだけでなく、その背景や判断の理由を、すぐに共有できる形にすることにある、という方向性が見て取れます。

まとめ

Claude Code の Artifacts は、AIとの作業内容を、同じURLのまま自動更新されるライブのHTMLページとして共有できる新機能です。裏側のサーバー機能をあえて持たず、外部通信を遮断する制約を課すことで、機密性の高い技術作業に絞り込んでいる点が特徴です。常設のWebアプリ化を進める OpenAI の Codex Sites とは対照的な設計で、両社の思想の違いがはっきりと表れています。新しいAIモデルの発表に比べれば地味な追加ですが、開発の成果をチーム全体へ素早く伝える土台として、実務での影響は小さくなさそうです。