不具合だと思ったら、名前が同じだけの「別物」でした

私は少し前に、コードを書かないままAIと一緒にノートアプリを完成させました（そのときの話はこちら）。今日はその続きで、同じ道具で遊んでいて起きたちょっとしたトラブルの顛末を紹介します。

本題の前に、少しだけ言葉の説明をさせてください。Claudeには「アーティファクト」という仕組みがあります。会話の返事とは別の専用の枠に、文章やアプリの画面といった「成果物」を表示してくれるもので、枠の中身はチャットで頼めばその場で直してもらえます。名前は仰々しいのですが、「AIが作ったものの置き場」くらいの理解で大丈夫です。実は私自身もきちんと調べて使い始めたわけではなく、トライ＆エラーでなんとなく分かったつもりになっていました。その「つもり」が、今回の事件の伏線です。

ある日、ノートアプリづくりに使っていたClaude Code——チャットとは別の、パソコンの中のファイルを直接作ったり直したりしてくれる作業画面です——の中に、「アーティファクト」という項目を見かけました。試しに何か作ろうと思い、Markdownの技法を勉強できるクイズページを作ってみました。ところがiPhoneのClaudeアプリを開くと、様子がおかしい。アーティファクトの一覧に、先ほど作ったクイズページが見当たらないのです。デスクトップアプリで確かめると、こちらには居るのですが、クリックすると編集画面ではなくブラウザが開くだけ。いつものアーティファクトなら、その場で「ここを直して」と頼めるはずなのに、です。

手がかりは、URLにありました

私はClaudeに状況を説明して、一緒に原因を調べてもらいました。転機は、問題のページのURL——ブラウザの上部、アドレスバーに表示されている文字列——を貼ったときです。アドレスが claude.ai/code/artifact/ で始まっている。ここで原因が確定しました。

私が開いていたのは、いつものチャットのアーティファクトではありませんでした。Claude Codeには、作業の途中経過や成果物を「閲覧用のページ」として書き出す機能があり、それも同じ「アーティファクト」と呼ばれています。私のクイズページは、こちらでした。つまり最初から見るためのページであって、ページ上で編集する機能は存在しない。iPhoneの一覧に出てこなかったのも、チャットのアーティファクトとは別の場所に住んでいるからです。壊れたのではなく、壊れようがなかったわけです。

「アーティファクト」は、ひとつではありませんでした

調べてわかったのは、Claudeの中に「アーティファクト」という同じ名前の機能が複数あることでした。ひとつは、チャットの横に表示されて、対話しながらその場で編集できるアーティファクト。もうひとつが今回のClaude Codeのアーティファクトで、こちらは編集する場所ではなく、作業が進むと中身も自動で新しくなる、見るためのページです。ほかにも同名を冠した機能があり、それぞれ仕様が違います。

名前が同じで、中身が違う。私の混乱の正体は、機能の故障ではなく、名前の重複でした。「いつものアーティファクトと同じはず」という思い込みも、正しくは「名前が同じだけの、初めて触る機能だった」というだけの話です。

更新は、「作った場所」からでした

では、この閲覧ページの中身を変えたいときはどうするのか。答えは「ページ側ではなく、作った場所から」でした。このページを作ってもらったときの画面、つまりClaude Codeのアーティファクトの画面に戻って修正を頼み、もう一度ページにしてもらう。すると同じURLのまま、開いているページの中身が新しくなります。作り直すたびに版の履歴が残るので、前の状態に戻すこともできます。

使い分けはこう整理できます。対話しながら手元で直したいものは、チャットのアーティファクトへ。できたものを共有したり、離れた場所から眺めたりしたいなら、Codeのアーティファクトのまま。役割が違うだけで、どちらが上等という話ではありませんでした。なお、Claude Codeのアーティファクトが使えるかどうかはお使いのプランによるようなので、見当たらなければ公式ヘルプを覗いてみてください。

非公開のまま、iPhoneでも見られました

では、iPhoneではもう見られないのかというと、そんなことはありませんでした。ページのURLを自分宛のメモやメッセージに貼ってiPhoneへ送り、SafariでそのURLを開いて、デスクトップと同じアカウントでログインする。それだけです。共有の操作をしない限り、ページは作った本人にしか見えません。「見るために公開する」必要はないのです。ブックマークしておけば、以後はデスクトップ側で更新するたび、iPhoneでは開き直すだけで最新版が見られます。

振り返ると、今回の教訓はひとつです。「不具合かもしれない」と思ったとき、最初に見るべきはURLでした。アドレスバーの文字列には、そのページがどこで作られたものかが書いてあります。出どころが分かれば、それが何者で、何ができて何ができないのかも決まります。

あなたの手元の「動かない」も、もしかすると、名前が同じだけの別物ではありませんか。

今日から真似できる生成AIの実用小ネタと入門記事を、マガジン「生成AIをはじめる小さな一歩」にまとめています。