メインコンテンツにスキップ
すべてのコレクションClaude.ai
アーティファクトとは何か、そしてどのように使用するのですか?
アーティファクトとは何か、そしてどのように使用するのですか?
一週間前以上前にアップデートされました

アーティファクトを使用すると、Claudeはメインの会話とは別の専用ウィンドウで、実質的で独立したコンテンツをあなたと共有することができます。アーティファクトを使えば、後で修正したり、発展させたり、参照したりしたくなるような重要なコンテンツを簡単に扱うことができます。

Claudeはいつアーティファクトを使用しますか?

Claudeは、共有するコンテンツが以下の特徴を持つ場合にアーティファクトを作成します:

  • 重要で自己完結しており、通常15行以上のコンテンツがある

  • 会話の外で編集、反復、または再利用したくなる可能性が高いもの

  • 追加の会話コンテキストを必要とせずに、それ自体で成り立つ複雑なコンテンツを表している

  • 後で参照したり使用したりしたくなる可能性が高いコンテンツ

アーティファクトコンテンツの一般的な例には以下のようなものがあります:

  • ドキュメント(マークダウンまたはプレーンテキスト)

  • コードスニペット

  • ウェブサイト(単一ページのHTML)

  • スケーラブルベクターグラフィックス(SVG)画像

  • 図表やフローチャート

  • インタラクティブなReactコンポーネント

アーティファクトの使い方は?

Claudeがアーティファクトを作成すると、メインチャットの右側に新しい専用ウィンドウでアーティファクトのコンテンツが表示されます。これにより、アーティファクトのコンテンツを簡単に表示、コピー、操作することができます。

アーティファクトとのやり取りについて知っておくべき重要なポイント:

  • Claudeにコンテンツの編集や反復を依頼すると、これらの更新はアーティファクトウィンドウに直接表示されます。

    • これらの編集はClaudeの元のアーティファクトコンテンツの記憶を変更せず、アーティファクトの左下にあるバージョンセレクターを使用して各バージョンを切り替えることができます。

  • チャットコントロールを使用して、1つの会話で複数のアーティファクトを開いて表示することができます。これにアクセスするには、右上隅のスライダーアイコンをクリックします。Claudeに参照してほしいアーティファクトを選択し、最後に中断したところから続けることができます。

  • Claudeはあなたのメッセージに応じて既存のアーティファクトを更新することがあります。アーティファクトウィンドウは最新のコンテンツを表示するように更新されます。

  • アーティファクトの基礎となるコードを表示したり、コンテンツをクリップボードにコピーしたり、ファイルをダウンロードして会話の外で簡単に再利用したりすることができます。これらのオプションはアーティファクトの右下隅にあります。

分析ツールを有効にしてアーティファクトを編集する

この機能には分析ツールのフィーチャープレビューが必要です。このフィーチャープレビューの有効化に関する詳細情報は、こちらのリソースをご覧ください。

分析ツールのフィーチャープレビューを有効にすると、Claudeはアーティファクト全体を書き直すのではなく、特定のセクションに的を絞って変更を加えることができます。このツールを有効にすると、アーティファクトを編集する方法は2つあります:

1. 的を絞った更新

  • 特定のセクションに小さな変更を加える場合、Claudeはその部分だけを更新し、残りは変更しないままにすることができます。

  • 変更したい内容とその場所を単に説明するだけで良いです。

  • 例:「ボタンの色を赤から青に変更できますか?」や「最初の段落に問題提起を含めるように更新してください。」

2. 全面的な書き直し

  • コンテンツの大部分に影響を与える大きな変更の場合、Claudeは新しいバージョンを書き直すことができます

  • これは大幅な再構成や複数のセクションを変更する必要がある場合に適しています

  • 例:「ボタンを完全に再設計してトグルにできますか?」や「この技術文書を顧客向けFAQに書き直せますか?」

どちらの場合も、各編集は新しいバージョンを作成し、バージョンセレクターを通じてアクセスできるため、作業中に変更を追跡することができます。

ベストプラクティス:

  • 変更したい部分を具体的に指定する

  • 的を絞った更新の場合、変更したい箇所の周りにある固有の識別テキストを参照する

  • 小さな更新と全面的な書き直しのどちらがあなたのニーズに適しているかを考慮する

こちらの回答で解決しましたか?