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

Artifactsとは何ですか?どのように使用しますか?

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

サイドバーでのアーティファクトへのアクセスは、ClaudeのFree、Pro、Maxプランユーザーが利用できます。Claude for Workユーザーは、チャット内でアーティファクトにアクセスできます。

Claude搭載のアーティファクトは、Free、Pro、Maxプランユーザーが利用できます。

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

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

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

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

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

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

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

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

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

  • コードスニペット

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

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

  • 図表とフローチャート

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

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

Claude Free、Pro、Maxプランユーザーの場合:

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

  • すべての作品を整理された一箇所で表示

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

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

  • アーティファクトコレクションの管理と整理

Claude for Workユーザーの場合:

Claudeとチャットするだけでアーティファクトを作成できます。Claude for Workユーザーは現在、Claudeアプリのサイドバーに専用のアーティファクトスペースがありません。

アーティファクトの操作

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

編集と反復:

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

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

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

  • 編集してもClaudeの元のコンテンツの記憶は変わりません

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

表示とエクスポート:

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

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

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

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

複数のアーティファクト:

  • 一つの会話で複数のアーティファクトを開いて作業

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

  • Claudeに更新を参照させたいアーティファクトを選択

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

この機能には分析ツール機能が必要です。この機能の有効化に関する詳細情報については、こちらのリソースをご覧ください。

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

1. 対象を絞った更新

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

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

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

2. 完全な書き直し

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

  • これは大幅な再構築や複数のセクションを変更する必要がある場

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