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

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 つに限定されません。会話の中で、記事の著者はクロードにインタビュー ガイドと関連する電子メール キャンペーン メトリック チャートの両方を設計するように依頼しました。

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

この機能を使用すると、複数の部分を含む複雑なプロジェクトを 1 つの会話で管理できます。

3. アーティファクトのバージョンを簡単に管理

プレビュー ウィンドウを使用すると、以前のバージョンを保持しながら既存のアーティファクトを更新できます。

たとえば、著者はクロードに、Web サイトのポートフォリオ セクションをグリッドとして再設計するように指示しました。もともとはプロジェクトのリストとして設計されました。更新後、作成者はプレビュー ウィンドウの左下隅にあるバージョン ボタンを使用して 2 つのデザインを切り替えることができます。

この機能により、以前のバージョンが失われることがなくなり、好きなだけ実験や調整を行うことができます。

Artifacts のおかげで、Claude は AI 生成コンテンツの作成、編集、共有機能を強化する動的なワークスペースになりました。これは、Web サイトのデザイン、チュートリアルの準備、ロゴのデザインなど、あらゆる作業において画期的なツールです。