概要
Claudeは文章だけでは説明が不十分な場合、インタラクティブなビジュアルを自動的に生成します。これらのビジュアルは会話の流れの中に表示され、スライダーの操作、要素のクリック、修正の依頼など、動的なやり取りが可能です。
ビジュアルの特徴
- 会話フロー内に表示 - ビジュアルはチャットの応答の一部として、テキストと一緒に表示されます。別ウィンドウを開く必要はありません。
- インタラクティブ - スライダー、ドラッグ可能なポイント、ボタン、音声再生など、操作可能な要素を含みます。パラメータを変更して結果の変化をリアルタイムで観察できます。
- Web/デスクトップアプリで利用可能 - Claude.aiのWebアプリおよびデスクトップアプリで利用できます。
4つの実践的なユースケース
説明の視覚化
トルコ語の膠着語構造など、複雑なメカニズムをステップバイステップのインタラクティブ図で表現。スライダー操作で段階的に理解を深められます。
概念との対話
加法混色と減法混色の違いをインタラクティブなカラーミキサーで体験。色をドラッグして重ね合わせ、リアルタイムで混色結果を確認。
つながりの可視化
キャッシュフロー計算書の調整過程など、複雑な関係性をフロー図で可視化。各項目をクリックすると詳細な解説が表示されます。
学びながら実践
距離-速度グラフの練習問題など、自分で回答を描画してフィードバックを得る形式。手を動かしながら理解を深められます。
試すべきプロンプト
仕組みや過程の視覚化を促します。例：「DNAの複製メカニズムを見せて」
概念図やダイアグラムの生成を促します。例：「OSI参照モデルの各層の関係を図で描いて」
操作可能なビジュアルの生成を促します。例：「フーリエ変換をインタラクティブにして、周波数を変えられるようにして」
自分のデータを使った視覚化を促します。例：「この売上データを可視化して、月別の推移が分かるようにして」
ビジュアルの保存オプション
画像コピー
- ビジュアルを画像としてクリップボードにコピー
- 他のドキュメントやスライドに貼り付け可能
- 最も手軽な保存方法
アーティファクト保存
- Claude内でアーティファクトとして保存
- 後から同じ会話内で再表示可能
- インタラクティブ要素も保持される
ダウンロード
- HTMLファイルとしてダウンロード
- ローカルでブラウザから表示可能
- オフラインでもインタラクティブに操作可能
効果的な学習プロンプトのコツ
具体的な学習目標を伝える - 「光合成について教えて」よりも「光合成の光化学反応のステップを、インタラクティブな図で段階ごとに見せて」の方が、はるかに質の高いビジュアルが生成されます。
操作方法を指定する - 「スライダーで変数を変更できるようにして」「クリックで各部分の詳細が表示されるようにして」など、どんなインタラクションが欲しいかを明示しましょう。
段階的に発展させる - 最初はシンプルなビジュアルから始めて、「ここをもっと詳しく」「このパラメータも追加して」とフォローアップで徐々に複雑にしていくと、理解が深まります。
注意事項
現時点では、インタラクティブビジュアルはモバイルデバイスには対応していません。Web版（claude.ai）またはデスクトップアプリでの利用を推奨します。モバイルブラウザではビジュアルが正しく表示・操作できない場合があります。
また、ビジュアルの複雑さや精度は、依頼の具体性やトピックの性質によって異なります。期待通りでない場合は、フォローアップで修正を依頼してください。