メインコンテンツにスキップ

アーティファクトとは何ですか?どのように使用しますか?

今週アップデートされました

サイドバーでのアーティファクトへのアクセスとClaude搭載アーティファクトは、無料、Pro、Max、およびClaude for Work(TeamおよびEnterprise)プランでサポートされています。

アーティファクトを使用すると、アイデアを共有可能なアプリ、ツール、またはコンテンツに変換できます。必要なものを説明するだけで、ツール、視覚化、体験を構築できます。Claudeは、メインの会話とは別の専用ウィンドウで、実質的で独立したコンテンツを共有できます。これにより、後で修正、構築、または参照したい重要なコンテンツを簡単に操作できます。

アーティファクトとは何ですか?

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

  • 重要で自己完結型であり、通常15行以上のコンテンツです。

  • 会話の外で編集、反復、または再利用したいと思われるものです。

  • 追加の会話コンテキストを必要とせずに独立して成り立つ複雑なコンテンツです。

  • 後で参照したり使用したりしたいと思われるコンテンツです。

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

  • ドキュメント(MarkdownまたはPlain Text)

  • コードスニペット

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

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

  • 図表とフローチャート

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

アーティファクトの作成と管理方法は?

無料、Pro、Maxプランユーザーの場合

Claudeサイドバーの専用アーティファクトスペースを通じて、すべてのアーティファクトにアクセスできます。このスペースでは以下のことができます:

  • すべての作品を整理された1つの場所で表示する。

  • インスピレーションのためにAnthropic作成のアーティファクトを閲覧する。

  • ゼロから、または既存のものをカスタマイズして新しいアーティファクトを作成する。

  • アーティファクトコレクションを管理・整理する。

Claude for Workユーザーの場合

上記に加えて、TeamおよびEnterpriseユーザーは、同じ組織の他のメンバーとアーティファクトを安全に共有し、仕事に焦点を当てたアーティファクトをインスピレーションのために閲覧できます。

アーティファクトの操作

Claudeがアーティファクトを作成すると、メインチャットの右側の専用ウィンドウにアーティファクトコンテンツが表示されます。以下のことができます:

編集と反復

  • Claudeにアーティファクトコンテンツの修正や更新を依頼する

  • これらの変更はアーティファクトウィンドウに直接表示される

  • バージョンセレクターを使用して異なるバージョン間を切り替える

  • 編集してもClaudeの元のコンテンツの記憶は変わらない

  • 以前のチャットメッセージを編集して、独自のアーティファクトセットを持つ異なるバージョンのチャット履歴を作成する。これにより、以前の作業を失う心配なく、アーティファクトの異なるバージョンを簡単に作成できます。

表示とエクスポート

  • 任意のアーティファクトの基礎となるコードを表示する。

  • コンテンツをクリップボードにコピーする。

  • 会話の外で使用するためにファイルをダウンロードする。

  • これらのオプションはアーティファクトウィンドウの右下隅にあります。

複数のアーティファクト

  • 1つの会話で複数のアーティファクトを開いて操作する。

  • チャットコントロール(右上のスライダーアイコン)を使用してそれらを切り替える。

  • 更新のためにClaudeに参照してもらいたいアーティファクトを選択する。

分析ツールが有効な状態でのアーティファクトの編集

この機能には分析ツール機能が必要です。この機能の有効化について詳しくは、分析ツールの有効化と使用をご覧ください。

分析ツール機能が有効になっている場合、Claudeはアーティファクト全体を書き直すのではなく、アーティファクトの特定のセクションに対象を絞った変更を加えることができます。アーティファクトを編集する方法は2つあります:

対象を絞った更新

  • 特定のセクションへの小さな変更の場合、Claudeは残りの部分を変更せずに、その部分だけを更新できます。

  • 何をどこで変更したいかを説明するだけです。

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

完全な書き直し

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

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

  • 例:「ボタンを代わりにト

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