Claudeのインタラクティブコンテンツ — 天気からグラフ生成まで
Claudeはテキストの代わりに天気カード・レシピ・スポーツスコア・インタラクティブな図解やグラフを表示できます。仕組みと対応範囲、Artifactsとの違いをまとめます。
Claudeが返す視覚コンテンツは、出どころの違う2系統です。天気カードやレシピのように決まったデータソースから取ってくる表示と、質問に合わせてClaudeがその場でHTMLとして組み立てる図解・チャートで、表示されない原因も系統ごとに別です。視覚コンテンツと選択式の入力は、プランを選ばずすべてのClaudeユーザーが使えます。天気がテキストで返る、図が出ない、組織のアカウントで使えないといった場面を、系統別に切り分けます。
天気・レシピと図解・チャートは何が違うのか
視覚コンテンツの2系統
データ表示ウィジェット
外部のデータソースから値を取り、専用のカードで見せます。Web検索が有効であることが前提です。
カスタムビジュアル
固定のデータソースを持たず、質問に合わせてレイアウトとロジックをHTMLで生成します。ベータ機能です。
天気カードには、指定した地点の現在の天気と予報が出ます。「東京の天気は?」のような直接的な聞き方でも、「今日傘は要る?」のような曖昧な聞き方でも、「デンバーの今週末はどう?」のような予報の聞き方でも反応します。表示は米国の地点が華氏、それ以外は摂氏です。天気データはGoogle Maps、レシピの画像はBing画像検索から提供されます。
レシピカードでは分量や単位の切り替えができ、「Get cooking」を押すとステップバイステップの調理画面に進めます。天気とレシピのカードはWeb版・デスクトップ版のみで、モバイル(iOS・Android)ではテキストとして返ります。レシピの画像は、Web検索の画像結果の一部です。画像のために別の設定を有効にする必要はなく、各画像には元のページへ飛べる出典リンクが付きます。
献立と買い物リストを1週間分まとめて作らせるなら、Claudeに1週間分の献立と買い物リストを作らせる手順が手順を扱っています。
スポーツは、米国のNFL・NBA・NHL・MLB・WNBA・MLS、NCAAのフットボールとバスケットボールが対象です。欧州サッカーはプレミアリーグ・ラ・リーガ・セリエA・ブンデスリーガ・リーグ・アン・チャンピオンズリーグを扱います。テニス・ゴルフ・NASCAR・クリケット・MMAも扱えます。
返る情報は、直近の結果とライブスコア、今後の試合日程、順位表とランキング、そしてボックススコアや選手別成績を含む試合の詳細スタッツです。ゴルフとNASCARは詳細スタッツの対象外です。スポーツは全プラットフォームでテキスト表示で、ウィジェットにはなりません。
選択式の質問 — Claudeが聞き返してくるとき
Claudeは追加情報が必要なとき、文章で聞き返す代わりに、クリックやタップで答えられる選択肢を出すことがあります。旅行の計画を頼むと、予算帯を選ばせる、興味のあるアクティビティを複数選ばせる、コスト・快適さ・立地の優先順位をランキングで答えさせる、といった形です。
入力欄は会話の下部に出ます。選択肢を使わず、いつもどおり文章で答えても構いません。この入力は第三者のサービスを経由しません。
インタラクティブな入力が出るかどうかは、質問の種類と利用できる情報によって変わります。Claudeが必要と判断した場面で出します。
図解・チャートを出させるには
カスタムビジュアルは、Web版・デスクトップ版のチャットとCoworkで使えるベータ機能です。設定を有効にする操作はなく、図のほうが分かりやすいとClaudeが判断したときに自動で出ます。狙って出すなら「この仕組みを図にして」「時間経過で見せて」「このデータをグラフにして」と頼みます。
写真やイラストではなく、Webページと同じHTMLの部品で組み立てるため、静止画にならず、質問に合わせた動きを持てます。ボタンのクリック、スライダーの操作、全画面表示ができます。会話を続けてClaudeに更新や作り直しを頼むこともできます。画像生成そのものについてはClaude画像生成はできない — 読解との違いと代替手段で扱っています。
依頼と返ってくる形の対応は次のとおりです。
| 依頼 | 返ってくるもの |
|---|---|
| 「このプロセスはどう動く?」 | 返ってくるものフローチャート |
| CSVをアップロードして「このデータは何を示している?」 | 返ってくるものインタラクティブなチャート |
| 2つの選択肢の比較 | 返ってくるもの横並びの比較 |
| システムや概念の可視化 | 返ってくるもの説明付きの図解 |
複雑な図を作るなら、モデル選びも効きます。Opusが可視化タスクで最も良い結果を出すとされています。
調整は文章の推敲と同じ要領です。「年次でなく月次で見せて」「比較に3つ目の選択肢を足して」と頼めば作り直されます。「私のビジュアルはすべてピンク系にして」と伝えると、Claudeがその指定を覚えて以降の図に反映します。
Coworkでチャットと違う2点
Coworkでも同じ仕組みで動きますが、違いが2つあります。セッションがローカルで動くため、共有リンクを通じて他の人に図を見せることはできません。また、チャットではビジュアル内をクリックすると「Q3を深掘りして」のような追加の依頼が自動で送られますが、Coworkではまだ使えず、文字で入力して頼みます。
コネクターの画面が出るときは別の仕組み
図解・チャートとは別に、「インタラクティブコネクター」という仕組みがあります。Connectors Directoryで「Interactive」のバッジが付いたコネクターは、会話の中に操作できる画面を出します。Asana・Figma・Slack・Canvaなどが例です。
接続先がその依頼に合う画面を持っていればそちらが使われ、合う画面がないときにカスタムビジュアルが補います。TeamとEnterpriseのOwnerは、Organization settings > Connectorsで、この画面を描画するツール呼び出しだけを止められます。コネクター自体は止まりません。
図を残すとき — 3つの方法とArtifactsの境目
カスタムビジュアルは既定で一時的な表示です。会話が進んでも単独では保存されません。ヘルプは「完成品のファイルというより、ホワイトボードのスケッチに近い」と例えています。
残す3つの方法
画像としてコピー
静止画のスナップショットになります。メモやスライドへの貼り付け向きです。
ダウンロード
.svgか.htmlのファイルとして保存します。アーティファクトにする
保管・公開・反復編集ができるアーティファクトに変わります。
アーティファクトは最初から永続的で共有できる前提の成果物で、カスタムビジュアルは考えるための道具です。ツールや資料として持続させたいものは、最初からアーティファクトの作成を頼むほうが早く済みます。恒久保存と公開の仕組みはClaude Projects完全ガイドにあります。
集計結果を数値として確定させたい作業には、Pythonを内部実行してPNGを返すClaude CSV分析のコード実行ツールが合います。ハンドアウトやNPC設定のようなTRPGの資料作りにも、同じ使い分けが当てはまります。詳しくはClaudeでTRPGシナリオの作り方にあります。
TeamとEnterpriseで天気・レシピが出ないとき
個人アカウントでは天気やレシピのカードが出るのに、組織のアカウントでは出ない場合は、管理設定が原因の可能性があります。マップと画像検索の結果は、Teamプランでは既定で有効、Enterpriseプランでは既定で無効です。EnterpriseではOwnerかPrimary Ownerが、Organization settings > Capabilitiesで有効にします。
マップと画像検索の設定とは別に、ワークスペースのWeb検索が有効かどうかも原因になります。TeamとEnterpriseでは、ワークスペース全体のWeb検索をOwnerかPrimary Ownerが有効にします。設定場所はOrganization settings > Capabilitiesです。そのうえで、各メンバーがチャットの「+」ボタンから「Web検索」を選んで使います。
有効にすると、データの一部が第三者のサービスに渡ります。管理者が社内に説明するときの要点は次のとおりです。
- Google Maps(天気・マップ): ユーザーのプロンプト自体は送られず、Claudeが一般的な検索リクエストに変換して送ります。IPアドレスと、同意済みの場合の位置情報はGoogleに渡ります
- Bing画像検索(レシピ画像): プロンプトは同じく送られません。画像に紐づくURLをクリックすると、匿名化されたクリックデータがBingに送られます
表示されないときの切り分け
天気カードや図が出ないときの順番
- 1
端末を確かめる
天気とレシピのカードはモバイルアプリではテキストになります。カスタムビジュアルもiOS・Androidアプリには出ません。Web版かデスクトップ版で開き直します。
- 2
Web検索を確かめる
天気・レシピはWeb検索が有効なときに表示されます。チャットの「+」メニューに「Web検索」がある画面では、チェックが付いているか確かめます。トグルが無い画面ではClaudeが必要に応じて検索するため、個人側の設定は要りません。組織のアカウントでは、次の手順も関わります。
- 3
組織の設定を確かめる
マップと画像検索、Web検索の両方がワークスペースで有効になっているかを、管理者に尋ねます。
- 4
言い方を変える
図が出ないのは、ベータ機能でClaudeが図を選ばなかった場合があります。見たい形を指定して頼み直します。たとえばレシピなら、「Show me a recipe for chocolate chip cookies」と頼みます。「Do you know any chocolate chip cookie recipes?」と聞くより、見たい形を指定できます。図なら「図にして」「チャートで見せて」が有効です。
共有したチャットは、受信者がログインしたWeb版・デスクトップ版から開いたときだけ、図が表示されます。
公式ヘルプが利用面として挙げているのは、Web版・デスクトップ版のチャットとCoworkです。ターミナルで動くClaude Codeは含まれていません。
データ表示のウィジェットはインターネット接続が必要で、接続状況によって表示が乱れることがあります。生成される図の品質や複雑さは、依頼内容で変わります。
天気・レシピのカードとWeb検索の関係
天気・レシピのカードが出るのは、Web検索の対象モデルを使っているときです。対象は次の11種です。Sonnet 5.5、Opus 5.5、Fable 5.1、Opus 5、Sonnet 5、Fable 5、Opus 4.8、Opus 4.7、Sonnet 4.6、Opus 4.6、Haiku 4.5です。この一覧にないモデルでは出ません。
無料アカウントの利用上限は5時間ごとにリセットされ、Web検索の利用はその上限に数えられます。カードを出す質問も、Web検索として上限に数えられると見るのが自然です。
地点を書かない聞き方では、Web検索がIPアドレスから推定した位置を使う場合があります。
まとめ
出ないものがデータ表示のカードなら、Web検索と組織の設定が見る場所です。図なら、ベータ機能の対象かどうかと頼み方を見ます。