Claude Codeに、また地味にすごい機能が追加されました。2026年6月18日にベータ公開された「Artifacts in Claude Code」です。
一言でいうと、「Claude Codeのセッション作業を、そのまま共有できるライブなWebページとして出力できる」機能です。チームメンバーにURLを渡すだけで、コーディングの進捗やアウトプットをブラウザで確認してもらえるようになります。
この記事でわかること
- Claude Code Artifactsの基本的な仕組み
- 実際のユースケース(PRウォークスルー、ダッシュボード、チェックリストなど)
- バージョン管理と共有の仕組み
- 利用可能なプランと制限事項
Claude Code Artifactsってどんな機能?
Claude Code Artifactsは、コーディングセッションをprivateなライブHTMLページとして`claude.ai`のURLに発行する機能です。デプロイされたアプリではなく、バックエンドもなく、外部リクエストをブロックする厳格なCSP、16MiBのキャップが設けられています。
つまり「本番デプロイ」ではなく、あくまでも作業の共有・可視化ツールとして割り切った設計になっています。これはこれでシンプルで使いやすい。
Claude Codeのセッションはインシデント調査からサービスリファクタリング、データ分析まで多岐にわたりますが、Artifactsはその作業をWebページに変換してくれます。PRのウォークスルー、フィルタリング・ソート可能なダッシュボード、リリースチェックリストなど、誰でも開いて確認できる形にまとめられます。
具体的なユースケース
チームで使えるユースケースとしては、以下のようなものが挙げられています。
- PRウォークスルー:コードレビューの説明をWebページで共有
- インシデントページ:トラブルシューティング結果を可視化
- ダッシュボード:プロジェクトの進捗を動的に表示
- チェックリスト:リリース準備やタスク管理を共有
特に「PRウォークスルー」は実用的です。Slackにテキストで説明するより、ブラウザで動くページを渡すほうが圧倒的に伝わりやすいですよね。エンジニアリングマネージャーなら「今週マージされたPRをプロジェクトごとにグループ化してArtifactにして」と指示するだけで、ページ生成とリンク共有まで完結します。
バージョン管理と共有の仕組み
毎回パブリッシュすると同じURLに新しいバージョンが作成され、Shareコントロールから任意のバージョンに戻せるようです。チームメンバーはリンクを開いているだけで、作業の進化をリアルタイムに確認できます。
共有範囲は組織内のメンバーに限定されており、管理者はロールや保持ポリシーでアクセスを管理できるようです。本番データを扱うページも通常のガバナンス範囲内に収まるのはチームとしてありがたいポイントです。
制限事項と注意点
いくつか押さえておくべき制限があります。
外部のステークホルダーとは共有できない点が挙げられます。org-onlyの仕様のため、組織外のメンバーと共有する場合はエクスポートが必要になります。
また、Claude CodeのArtifactsはセッションの文脈(コードベース・コネクタ・会話など)を使って生成される点も特徴です。あくまでも組織内の可視化ツールという立ち位置ですが、それだけでも十分便利だと思っています。
対象プランと利用方法
Claude TeamとEnterpriseのユーザー向けのベータ機能で、Claude Code CLIとデスクトップアプリから利用できます。生成されたページはどのブラウザでも閲覧可能です。
TeamかEnterpriseプランのユーザーなら、今すぐClaude Code CLIから試せる状態になっています。個人のProプランだと現時点ではまだ使えないっぽいので、そこは少し残念ですが、ベータということで今後の展開に期待したいところです。
※この記事にはプロモーションが含まれます
ちなみに、Aiarty Image Enhancer(AI画像高画質化ツール。ノイズ除去・8倍拡大に対応)も気になっています。Aiarty Image Enhancer![]()
まとめ
Claude Code Artifactsは、セッション作業を共有ページとして一瞬でまとめられるコーディングエージェントの新機能です。チーム開発では、PRレビューの説明やダッシュボード共有、インシデント対応の可視化など、実用的なシーンが多そうです。
コーディングエージェントが「書くだけ」から「共有まで完結」に進化してきた感じがして、個人的にはかなりテンション上がっています。TeamかEnterpriseプランのユーザーはぜひ試してみてください。

