クロードのアーティファクトを試す理由

Claude のプレビューウィンドウ (Artifacts とも呼ばれます) は単なるアドオンではなく、AI によって生成されたコンテンツをより効果的に操作するのに役立つ強力なツールです。

Artifact を使用すると、これまでは不可能だった方法で、Claude が作成したコンテンツを表示、操作、対話することができます。まだ試したことがないなら、今すぐ試してみてください。

Claude のプレビューウィンドウはどのように機能しますか?

Claude のプレビューウィンドウは、Claude AI が特定の種類の複雑なコンテンツを生成するときに表示される別のスペースです。この機能を有効にするのは簡単です。クロードさんを登録してチャットを始めると、アーティファクトを有効化するためのポップアップが表示されます。

進行中の会話がない場合（最近のチャットに何かがある場合）、ポップアップは表示されません。「試してみる」をクリックすると、アーティファクトを有効にできる新しいウィンドウが表示されます。

スイッチをオンにすると、新しい設定が今後の会話に適用されます。たとえば、記事の著者は、Claude に Web サイトのデザインを手伝うように依頼しました。このリクエストにより、設計された Web サイトをプレビューできるウィンドウがトリガーされました。

サイトの外観をプレビューするだけでなく、プレビューウィンドウの上部にある[コード]をクリックして、アーティファクト (この場合はポートフォリオサイト) の基礎となるコードを表示することもできます。

ドキュメント以外のすべてのアーティファクトコンテンツ (画像、コードスニペットなど) に対して、プレビューとコードのオプションが提供されます。

すべてのプロンプトでアーティファクトのプレビューが自動的に有効になるわけではないことに注意してください。 Claude は、コンテンツのアーティファクトを頻繁に作成します。

少なくとも15行の長さ
コードスニペット、1 ページの HTML ウェブサイト、図、完全に構造化されたドキュメントなど、単独で機能するほど複雑または詳細なもの。
プレビューウィンドウをアクティブにするには、コンテンツが複雑かつ独立している必要があります。たとえば、著者はインタビューの質問の候補リストを要求しましたが、テキストが 15 行を超えていたにもかかわらず、プレビューウィンドウは表示されませんでした。

ただし、追加のコンテンツを使用して、より構造化されたインタビューの質問を調整するように要求されると、プレビューウィンドウが表示されました。

アーティファクトは、Claude とのやり取りがよりアクセスしやすく、実行可能になる場合にのみ作成されます。

なぜ Claude のプレビューウィンドウは画期的なのでしょうか?

Claude のプレビューウィンドウが AI 生成コンテンツの操作方法を変える 3 つの方法を以下に示します。

1. 他者とのコラボレーション方法を改善する

Claude のプレビューウィンドウを使用すると、会話の特定の実行可能な部分を簡単に共有できます。いくつかのオプションがあります:

コピー: ドキュメントの場合、このオプションを使用すると、Markdown またはプレーンテキストのコンテンツをクリップボードにすばやく転送できます。その他のアーティファクトコンテンツの場合、このオプションを使用すると、基礎となるコードをクリップボードにコピーできます。
ダウンロード: 会話以外で簡単に再利用できるように、アーティファクトをファイル (.md、.tsx など) として保存します。
公開: コードではなくプレビューのみを表示して、リンクを誰とでも (アカウントのない人でも) 共有します。

Artifact の右下隅にあるこれらのオプションを使用すると、Claude の出力を簡単に共有したり、プロジェクトに統合したりすることができます。

アーティファクトを表示するためのリンクを共有すると、閲覧者はアーティファクトをカスタマイズするオプションが提供されます。Claude.ai アカウントでRemix Artifactをクリックすると、 Artifact を新しい会話に統合し、必要に応じてカスタマイズできます。

2. 1つのチャットで複数のアーティファクトを開いて管理できます

会話ごとに使用できるアーティファクトは 1 つに限定されません。会話の中で、記事の著者はクロードにインタビューガイドと関連する電子メールキャンペーンメトリックチャートの両方を設計するように依頼しました。

アーティファクト間の切り替えは、ページの右上隅にある会話コントロールアイコンをクリックするだけで簡単に行えます。