ClaudeのArtifactsで、社内の手引きをWebページにした　〜渡したあとも直せて、相手はいつも最新を読む〜

Claudeの「Artifacts」という機能を、知っているだろうか。Claudeで作ったWebページを、そのままClaudeの上に置いておける機能だ。最初は自分しか見られず、共有メニューから人にリンクで渡せる。直しても、リンクは変わらない。

自分はこれを、本社向けの手引きを渡すのに使った。

視察の資料から、本社向けの手引きへ

前に、視察の説明資料をPowerPointではなく動くHTMLにした話を書いた。資料ができたあと、そこで分かったことを本社でも使えるようにしたかった。採用説明会や会社案内のPowerPointにも、同じやり方が効くと思ったからだ。

手引きは、Claude Codeと組んでArtifactsにした。自分の社内のアカウント所有者には全員使用できるようにした。

渡したあとも直せる。相手はいつも最新を読む

ファイルで渡すと、渡した時点で中身が止まる。あとで直しても、相手の手元に残るのは古い版だ。直すたびに送り直し、どれが最新かを伝え直すことになる。

Artifactsで渡すのは、ファイルではなくリンクだ。こちらで直すと、直した分がそのままリンクの先に同期される。相手は同じリンクを開くだけで、いつでも最終版を使える。送り直しも、版の名前の付け替えもいらない。

今回の手引きも何度か直したが、渡したリンクはずっと同じだ。だから、仕上がる前に渡しておいても困らない。

読むだけでなく、ページの上で使える

手引きで伝えたいのは、PowerPointが動きのあるHTMLになる、ということだ。
Artifactsなら、手引きそのものがWebページなので、動きをその場で見せられる。手引きの最初に、箇条書きが1行ずつ出る、数字が数え上がる、棒グラフが伸びる、年表の節目が順に点る、の4つを実際に動く形で並べた。「もう一度動かす」ボタンで、何度でも見直せる。自分のPowerPointがどう変わるのかを、頼む前に目で確かめてもらえる。

載せる前の確認11項目は、チェックを入れると開き直しても残る。頼み方の見本には「写す」ボタンを付けて、押せばそのままClaude Codeに貼れるようにした。

向かないもの

見る人も、Claudeにサインインして開く。アカウントを持っていない人には届かない。視察の本番で映した資料は、Artifactsにしなかった。会場のパソコンで、ネットにつながなくてもダブルクリックで開ける必要があったからだ。紙で配るものはPDFにする。チェックが残るのも、開いたブラウザの中だけだ。

なので線を引いた。社内で読んでもらう、何度も直す、リンクで渡す。この3つがそろうものはArtifactsにする。会場で映すもの、社外に渡すものはファイルで渡す。

現場で分かったことを、部署の外へ

現場で分かったことを別の部署でも使ってもらうには、渡したあとも直し続けられることが効く。読む人が変われば、直したい所も出てくる。リンクで渡しておけば、直した分はそのまま相手に届く。

いまは、人に読んでもらうものを作るとき、ファイルにする前に「これはリンクで渡せないか」を一度考えている。

次はこれをどうぞ（視察の説明資料を、PowerPointではなく動くHTMLにした話）
https://note.com/apt_crane9564/n/n8d7d62bb8664

有料記事（メンバーシップに入っていれば、追加の支払いなしで読める）
・工事の原価管理で、請求書を実行予算項目に振り分ける作業をClaude Codeに任せる方法（980円）https://note.com/apt_crane9564/n/n6c9052bfaf7b
・Claude Codeのスキル3本を配ります（980円）https://note.com/apt_crane9564/n/n1d4a7886e846
メンバーシップ（月500円・はじめての方は1ヶ月無料）https://note.com/apt_crane9564/membership

この後も毎日書いている

現場でClaude Codeに書類仕事をやらせている。うまくいった話も、自分が編集中のExcelを消された話も、そのまま出している。同じことを試している人向けに1日1本。フォローしておくと流れてくる。