Artifactsを使用すると、Claudeはメインの会話とは別の専用ウィンドウで、実質的で独立したコンテンツをあなたと共有できます。Artifactsにより、修正、構築、または後で参照したい重要なコンテンツを簡単に扱うことができます。
ClaudeはいつArtifactsを使用しますか?
Claudeは、共有するコンテンツが以下の特徴を持つ場合にArtifactを作成します:
重要で自己完結しており、通常15行以上のコンテンツである
編集、反復、または会話外での再利用を希望する可能性が高いもの
追加の会話コンテキストを必要とせずに独立して成り立つ複雑なコンテンツである
後で参照したり使用したりする可能性が高いコンテンツである
Artifactコンテンツの一般的な例には以下があります:
ドキュメント(MarkdownまたはPlain Text)
コードスニペット
ウェブサイト(単一ページHTML)
スケーラブルベクターグラフィックス(SVG)画像
図表とフローチャート
インタラクティブなReactコンポーネント
Artifactsの使用方法は?
ClaudeがArtifactを作成すると、メインチャットの右側に新しい専用ウィンドウでArtifactコンテンツが表示されます。これにより、Artifactコンテンツを簡単に表示、コピー、操作できます。
Artifactsとの相互作用について知っておくべき重要なポイント:
Claudeにコンテンツの編集や反復を依頼でき、これらの更新はArtifactウィンドウに直接表示されます。
これらの編集は、Claudeの元のArtifactコンテンツの記憶を変更せず、Artifactの左下にあるバージョンセレクターを使用して各バージョンを切り替えることができます。
チャットコントロールを使用して、一つの会話で複数のArtifactsを開いて表示できます。これにアクセスするには、右上角のスライダーアイコンをクリックします。Claudeに参照させたいArtifactを選択し、最後に中断した場所から続行します。
Claudeはあなたのメッセージに応じて既存のArtifactを更新する場合があります。Artifactウィンドウは最新のコンテンツを表示するように更新されます。
Artifactの基礎となるコードを表示したり、コンテンツをクリップボードにコピーしたり、ファイルをダウンロードして会話外で簡単に再利用したりできます。これらのオプションはArtifactの右上角にあります。
分析ツールが有効な状態でのArtifactsの編集
分析ツール機能が有効になっている場合、Claudeは全体を書き直すのではなく、Artifactの特定のセクションに対象を絞った変更を行うことができます。Artifactsを編集する方法は2つあります:
1. 対象を絞った更新
特定のセクションへの小さな変更の場合、Claudeは残りの部分を変更せずにその部分のみを更新できます。
変更したい内容と場所を単純に説明するだけです。
例:「ボタンの色を赤から青に変更してもらえますか?」または「最初の段落に問題提起を含めるように更新してください。」
2. 全面書き直し
コンテンツの大部分に影響する大きな変更の場合、Claudeは新しいバージョンを書き直すことができます
これは大幅な再構築や複数のセクションを変更する必要がある場合により適しています
例:「ボタンを代わりにトグルになるように完全に再設計してもらえますか?」または「この技術文書を顧客向けのFAQに書き直してもらえますか?」
どちらの場合も、各編集により新しいバージョンが作成され、バージョンセレクターを通じてアクセスできるため、作業中に変更を追跡できます。
ベストプラクティス:
変更したい部分を具体的に指定する
対象を絞った更新の場合、希望する変更の周辺にある固有の識別テキストを参照する
小さな更新と全面書き直しのどちらがあなたのニーズにより適しているかを検討する