物事には、話すよりも描いた方が早く伝わるものがあり、良い教師はホワイトボードに手を伸ばすべき瞬間を知っています。
今、Claudeもそれができるようになりました。あなたの質問に対してビジュアルがより明確な答えになる場合、Claudeは応答の一部としてそれを作成します。ビジュアルはテキストと並んで表示され、あなたの質問に直接合わせて形作られます——Claudeが説明する間にクリックして操作できる図、フォローアップの質問をしながらフィルタリングできるチャート、概念が音であるときに再生されるもの、などです。
ビジュアルはテキストと一緒にストリーミングで表示され、会話は続いていきます。調整したり、まだ不明な部分をクリックしたり、フォローアップの質問をしてClaudeに次のビジュアルを描いてもらうこともできます。もし何かが保存する価値があると分かったら、後で使うためにワンクリックで保存する方法があります。
特別なことをする必要はありません。 ビジュアルが役立つかどうかはClaudeが判断します。明示的にトリガーするよう頼むこともできます——「これを描いて」「見せて」「それを見せてもらえる？」のどんな言い方でも機能します。
これは実際には何なのか
- Claudeの回答の一部として表示されます — サイドパネルではなく、会話の流れの中に表示されます。Artifacts（新しいタブで開きます）を使ったことがある方なら、これはその軽量版だと考えてください。
- 多くの場合、インタラクティブです。 スライダー、ドラッグ可能なポイント、ボタン、インタラクティブな要素、さらには音声まで。
- あなたが提供したものから構築されます — 会話のコンテキスト、アップロードしたファイル、またはClaudeがあなたについて知っていることを利用できます。
- 図、チャート、ツール — 画像生成ではありません。
- ウェブとデスクトップ、ベータ期間中はすべてのプランで利用可能です。
これが役立つかもしれないいくつかの場面
実際にどのように見えるかを紹介します——プロンプト、応答、そして回答の途中で表示されるビジュアルです。
説明が描き出されるのを見る
講義の概念、教科書の難解な一節、よく耳にするけれど思い描けないもの——それが実際に何を意味するのかが見えるように描かれます。
チャットで概念と対話する
聞いたり、変更したり、クリックしたりする必要があるものもあります。Claudeはインタラクティブなバージョンを作成するので、ただ読むだけでなく、実際に操作することができます。
物事のつながりを可視化する
空間的な概念もあります——物事がつながり、ある数字が別の数字に影響を与えます。テキストではすべてを頭の中に保持しなければなりません。Claudeはつながりを描き出すので、それを追うことができます。
学んだことを練習する
学習中も手を動かし続けましょう——クイズは学んでいる場所にまさに表示されるので、アイデアが新鮮なうちに試すことができます。
Claudeと学習する際に試してみること
1. 説明の背後にあるメカニズムを見る
概念に動く部分がある場合——サイクル、連鎖、順番に発生するシーケンスなど——静的な図はその一場面しか示しません。Claudeに頼めば、説明をより生き生きとしたインタラクティブなものに変えることができます。
- 「メカニズムがどのように機能するか、段階ごとに見せてください——読むだけでなく、動きを見たいです」
- 「このプロセスを一通り説明してください。各段階で何が起こるかを見たいです」
- 「授業で出てきた概念に、思い描けない動く部分があります。各部分がどこに行くか描いてください」
実際の動作を見る： チャット中に説明の背後にあるメカニズムを可視化する →（新しいタブで開きます）
2. 思い描けないものを見る
構造、シーケンス、形を説明する文章の中には、あなたがそれを思い描けることを前提としているものがあります。思い描けないときは、そのテキストを貼り付けてください。Claudeはその言葉が指すものを描きます。説明自体は変わりませんが、欠けていた絵が手に入ります。
- 「思い描けない文章があります。それが何を説明しているのか描いて、見えるようにしてください」
- 「これを何度も読んでいますが、理解できません。この概念が実際どのように見えるか見せてください」
- 「教科書はこれを言葉で説明しています。含まれていなかった図が必要です」
実際の動作を見る： シラバスからコースを計画する→（新しいタブで開きます）
3. 学びながら概念を応用する
物事を学ぶ方法は、それを練習することである場合があります——試してみて、間違えて、なぜ間違えたのかを見る。Claudeにインタラクティブなものを頼めば、進めながら練習できるツールと、その場での説明が手に入ります：入力を変更できるシミュレーション、どこで間違えているかを示すクイズ、取り組んでいる間に反応する問題など。
- 「この概念は紙の上では理解できています。試して何が変わるか見られるように、インタラクティブなものをください」
- 「このトピックを説明してから、自分の言葉で言い換えさせてください。どこで間違えているか見せてください」
- 「この概念についてクイズを出してください——試験の前にギャップを見つけたいです」
実際の動作を見る： 学びながら公式を応用する →（新しいタブで開きます）
4. 自分の資料に取り組む
あなたが持っているもの——実験データ、講義ノート、難しい問題——を持ってきてください。Claudeとチャットする中で、そのトピックを中心に構築されたビジュアルが表示されます：一緒に掘り下げるチャート、ノートのマップ、クイズ、修正など。
- 「これが私の[データ／ノート／草稿]です。何かを書き上げる前に、その中に何があるか見えるように手伝ってください」
- 「これが今までのノートです。アイデアがどうつながっているかをマップにして、まだ欠けているものが見えるようにしてください」
- 「ここに何か間違いがあると分かっています：[アップロード]。どこで間違えたのか説明してください」
実際の動作を見る： コミットする前にデータをチャート化する →（新しいタブで開きます） · 会話の途中で文献レビューをマップ化する →（新しいタブで開きます）
Claudeが描いたものでできること
インタラクティブにする — 得られたものが静的で、動かしたい場合は、そう言ってください——「これを調整させて」や「インタラクティブにして」で十分です。
さらに深く掘る — ビジュアルの下部にあるボタンはフォローアップの質問を送信します。クリックすると、新しいビジュアルがその下に表示されます。最初のものはそのまま残るので、それらの間をスクロールできます。最初のビジュアルで見たものが、次に学ぶことへのフォローアップの質問を形作ることがあります。
調整する — 最初のバージョンは出発点です。何が欠けているか、何が簡単すぎるか、何がおかしいかを伝えれば、Claudeが再描画します。レイヤーを追加したり、練習を難しくしたり、詰まって返ってきた場合はフォーマットを修正したりできます。ビジュアルは会話とともに進化できます。
評価する — Claudeが描いたものは、ある程度の懐疑心を持って見てください。それはあなたの質問のために作られたものであり、検証済みのソースから引用されたものではないため、教科書の図では通常ありえないような間違いをすることがあります。それを確認することはあなたにとって良いことです：誤りを見つけることは、それに気づくほど十分に理解していることを意味します。確信が持てないことは、あなたの理解がまだ不安定な部分を示しています。どちらの場合も、その絵を鵜呑みにするよりは良い結果になります。
保存する。 ビジュアルを保持したり、それをもとに構築したりするには、Claudeが描いたものの上にマウスを置くと、角にいくつかのオプションが表示されます。
Copy as image— ノートやスライド用のスナップショット。ほとんどの場合に使う方法です。Save as artifact— インタラクティブなバージョンを再度開いたり共有したりする場合。ホワイトボードがドキュメントになります。Download— ソースコード（.svgまたは.html）。
さらに先へ進む。 ビジュアルから理解できたことをノート用のドキュメントにまとめるのをClaudeに手伝ってもらいましょう。誰かにそれを説明して、本当に理解できているかを確認してください。あるいは、Claudeに今理解していることとまだ曖昧な部分をマップ化してもらいましょう——一つのギャップを言葉にすることで、次のギャップが見えてくることがよくあります。いずれの場合も、それを権威あるものとして扱う前に、実際のソースと照らし合わせて確認してください。
いくつかの実用的なこと
- ビジュアルを期待していたのに表示されなかった場合は、「見せて」や「これを可視化して」のどんな言い方でも表示されます。
- ビジュアルが奇妙に表示される場合——要素が重なっている、ラベルが切れているなど——Claudeにフォーマットの修正を頼んでください。
- claude.ai（新しいタブで開きます）のウェブ版とデスクトップアプリで動作します。モバイルではまだ利用できません。
さらに深く — 完全なウォークスルー集
それぞれが、テストされたプロンプト、Claudeが構築するもののチャットウィンドウ表示、フォローアップ、ヒントを含む完全なユースケースです。
学生向け：
自分の仕事や研究向け：
- 読み物にコミットする前に、Claudeとの会話でデータをチャート化する（新しいタブで開きます）
- 会話の途中で文献レビューをマップ化し、根底にある議論を浮き上がらせる（新しいタブで開きます）
- Claudeとのチャットで助成金の選択肢を検討する（新しいタブで開きます）
指導と計画向け：
次に何かがうまく理解できないときは、Claudeに一緒に思い描いてもらいましょう。Claudeがそれを描き、会話はそこから続いていきます。