PaPoo
cover

Claude Codeに「見える進捗」がやってきた。アーティファクト対応でチーム共有がかなり楽になる

Claude Codeに、アーティファクト(Artifacts)対応が入った。これ、地味に見えてかなり面白い機能です。なぜなら、AIとのやり取りって、本人には見えていても周りからは見えにくいからです。「いま何を調べているのか」「どこまで進んだのか」「途中経過をみんなでどう確認するか」。そのモヤモヤを、Claude CodeがWebページとして“見える化”してくれるわけです。

image_0002.svg

image_0001.jpg

キーポイントだけ先に

image_0004.svg

image_0003.svg

image_0006.svg

image_0005.svg

Claude Codeを使ったことがある人ならわかると思いますが、あれは単なる「会話型AI」ではありません。コードを書かせるだけでなく、調査したり、修正方針を考えたり、資料をまとめたりと、かなり広い仕事を任せられる。そのぶん、周囲から見ると「いま何してるの?」がわかりづらい。Artifactsは、その暗い部分に光を当てる機能だと感じます。

image_0008.svg

image_0007.svg

Anthropicの説明では、Artifactsは「セッションの作業進捗をリアルタイムで書き出したWebページ」です。しかも、ただのスクリーンショットやログではありません。Claude Codeが動いている文脈、つまりコードベース、接続されたツール、会話内容などを材料にして、ページそのものを組み立てる。追加の連携や面倒なインフラ構築なしで使えるのは、かなり嬉しいところです。こういうのは理屈より現場で効きます。わざわざダッシュボードを別で作らなくていいのは正義です。

image_0010.svg

image_0009.svg

面白いのは、これが「見せるための資料」ではなく、作業の途中から育っていくページだという点です。たとえばプルリクエストの説明なら、最初はざっくりしたメモでも、作業が進むにつれて内容が更新されていく。デバッグ中なら、どこでつまずいたか、どの仮説が消えたかを時系列で追える。こういう“途中経過が残る”感じは、後から見返したときにすごく効くはずです。人間の作業って、完成品だけ見ても経緯がわからないことが多いので。

image_0012.svg

image_0011.svg

ただの便利機能ではなく、チームの空気を変えるタイプの機能

image_0014.svg

image_0013.svg

個人的にいちばん重要だと思うのは、Artifactsが「チームの認識合わせ」をやりやすくすることです。

image_0017.svg

image_0016.svg

image_0015.svg

AIツールは便利ですが、ひとりで使っているとブラックボックスになりがちです。本人は状況を把握していても、チームメンバーには伝わらない。そこで「今どこまで進んだ?」「その判断の根拠は?」と毎回聞き直すことになる。これは地味に疲れます。Artifactsがあると、その手間がかなり減るはずです。

image_0019.svg

image_0018.svg

特に、インシデント対応やリファクタリング、長めのデータ分析みたいな仕事では、進捗の共有そのものが仕事の一部になります。Anthropicが挙げているように、チェックリストを自動生成して、進み具合に合わせて更新していく使い方はかなり現実的です。Slackで「今これやってます」と文章だけ投げるより、ずっと説得力があります。しかも毎回説明し直さなくていい。これはかなり気持ちいいと思います。

image_0022.jpg

image_0021.jpg

Artifactsにはいくつか特徴があります。まず、ページはセッションの文脈をベースに作られます。次に、URLが固定なので、チーム内で一度共有しておけば、その同じ場所が更新されていく。そしてバージョン履歴も残るので、あとから戻せる。要するに、「途中で変わるのに、行き先は変わらない」仕組みです。これ、地味ですがすごく重要です。共有先が毎回変わると結局使われなくなるので、固定URLはかなり筋がいい設計だと思います。

image_0024.jpg

image_0023.jpg

共有できるが、むやみに外へ広がらない

image_0026.jpg

image_0025.jpg

もうひとつ、Anthropicらしいと感じたのは、共有の考え方です。既定では非公開で、作成者だけが見られる。URLも組織内でのみ共有でき、外部公開はできません。チーム向けの機能として割り切っているのがよくわかります。

image_0028.jpg

image_0027.jpg

この手のAI連携機能は、便利になるほど情報漏えいの心配も増えます。だからこそ、最初から「社内で回す前提」にしているのは安心材料です。管理者はアクセス制御や保持ポリシー、コンプライアンスAPIで管理できるとされていて、企業での導入も意識されています。現場で使う人より、管理する人の顔を見て設計している印象があります。これはかなり大事です。

image_0030.jpg

image_0029.jpg

7月15日の追記では、アーティファクトをClaude Tagとして共有したり、共同編集したりできるようになったと案内されています。共同編集はTeam/Enterpriseプラン向けです。さらにSlack経由でも、Claude Tagを使ってアーティファクトを構築・共有できるようになったとのこと。ここまで来ると、ただのAI支援機能というより、チームの共同作業の土台に近いです。AIが作ったものを人が見る、ではなく、AIを混ぜながら人が一緒に編集する。いよいよ境界が曖昧になってきました。

image_0033.jpg

image_0032.jpg

image_0031.jpg

いつ使うと効きそうか

image_0035.png

image_0034.jpg

この機能がハマるのは、完成したコードそのものより、途中経過をみんなで追いたい場面だと思います。たとえば、PRの説明を新人にもわかるように整えたいとき。障害対応で、何を試して何を捨てたのかを残したいとき。あるいは、複雑なシステム図やダッシュボードを、会話ベースで少しずつ作り上げたいときです。

image_0038.jpg

image_0036.png

逆に、単発の短いやり取りにはそこまで必要ないかもしれません。ちょっとしたコード修正なら、普通に返答を読めば済みますからね。Artifactsの価値が出るのは、情報が増えたとき、関係者が増えたとき、やり取りが長引いたときです。つまり、面倒になってきたところで本領を発揮するタイプです。こういう機能は、最初は「へえ」で終わっても、実際の現場で効き始めると手放せなくなることが多いです。

image_0040.jpg

image_0039.jpg

個人的には、AIコーディングの次の課題って「どれだけ賢く書けるか」だけではなく、「どれだけちゃんと共有できるか」だと思っています。Claude CodeのArtifactsは、その方向にかなり素直に進んだ機能です。派手さはないけれど、現場ではこの手の“見える化”がいちばん効くことがある。しかも、AIが勝手に出した結果を見せるだけでなく、チームの作業の器として使えるのがいい。ここはかなり評価したいです。

image_0042.svg

image_0041.jpg


image_0046.svg

image_0044.svg

参考: 「Claude Code」がアーティファクトに対応 ~セッションを“見える化”してチーム共有【7月15日追記】/アーティファクトを共有したり、共同編集することも可能に

image_0050.svg

image_0048.svg

同じ著者の記事