Claudeでホワイトボードの授業準備をリアルタイムに可視化する

Claudeにいつも使っている板書の写真やスライドを見せ、「生徒がどこでつまずくか」を相談すると、その場でインタラクティブな図が会話に流れ込んできます。授業本番のスライドを作る前段階、教え方そのものを練り直すための思考ツールとして使う手順です。

Claudeのホワイトボード授業準備とは何をする機能か

Claudeのホワイトボード授業準備とは、教員が普段使っているスケッチや板書を素材に、教え方の相談とインタラクティブな図の生成を同じ会話の中で同時に進める使い方です。Claude単体の新機能ではなく、通常のClaude.aiチャットに2026年に追加された「カスタムビジュアル」という会話内蔵の図解生成機能を、授業準備という具体的な場面に当てはめたものです。

必要なものは2つだけです。これまで使っていた板書の写真かスライド、そして生徒がどこで止まるかという一言の説明。後者が図の中身を決めます。「需要と供給の交点は追えるが、なぜその価格に落ち着くのかが伝わらない」のように具体的なつまずきを添えると、Claudeはその欠落を埋める図を作ります。逆に「需要と供給のグラフを描いて」のような一般的な依頼では、教科書に載っているような静的な図しか返ってきません。

利用できるのはWeb版・デスクトップ版のClaude.aiチャットで、全プランの利用者が対象です。Claude for Educationのような教育機関向け契約は不要で、個人アカウントでもそのまま試せます。ただしモバイルアプリ(iOS・Android)ではインタラクティブな図が表示されず、テキストの回答に置き換わります。

混同しやすいのが、大学向けの教育機関プランであるClaude for Educationの「Learning Mode」です。Learning Modeは生徒がClaudeと直接対話しながら自力で答えにたどり着くよう誘導するソクラテス式の対話モードで、主役は生徒側の学習体験です。一方、この記事の使い方は教員が授業に持ち込む前の準備段階で、自分の教え方そのものを練り直すために使います。どちらも会話の中に図を出す「カスタムビジュアル」という同じ土台の技術を使っていますが、誰のための対話かが逆になっている点は区別しておく価値があります。

手順1: 使っている素材と生徒のつまずきをそのまま見せる

板書のスケッチやスライドを撮影・アップロードし、「これまで使っていた説明はこうだが、生徒はここで止まる」とセットで伝えます。ここで大事なのは、Claudeへの依頼を「図を作って」で終わらせないことです。何を教えたいか、生徒の理解がどこで止まるかを先に言語化すると、返ってくる図の的が絞られます。

そのまま使える依頼文の型は次の通りです。

来週〇〇(単元名)を教える準備をしています。これまではこのスケッチ(画像を添付)で説明していますが、生徒は△△の部分までは追えても、その先の□□が伝わりません。もっと良い説明の組み立て方はありますか。動かして確認できる形で見せてもらえますか。

単元名・つまずきの内容・添付画像を差し替えるだけで、需給曲線に限らずどの教科にも転用できます。「動かして確認できる形で」の一文を落とすと、静的な図に寄りやすくなる点だけ注意します。

Claudeの応答は図だけではありません。なぜ静的な板書だと生徒が置いていかれるのか(「動きを扱う概念は、動いて見せる必要がある」)という診断と、教え方の練り直し案が文章で返り、その提案が着地する場所にインタラクティブな図が流れ込みます。需給曲線であれば、価格を動かすスライダーと、動かすたびに再計算される数値表示がその場で生成されるイメージです。

手順2: 図をたたきながら教え方を固める

図が出た時点では終わりではありません。「スナップボタンの前に、生徒に価格の動く方向を予想させるステップを足して、当たったかどうかを表示して」のように、インタラクションそのものへの修正を会話で重ねます。Claudeは図の一部だけを直し、他は保ったまま更新します。

図の下にボタンが並ぶ形で返ってくることもあります。「需要が急増したらどうなるか」のようなボタンを押すと、直前の図はそのまま残り、その先の展開を示す新しい図が下に追加されます。同じ需給の枠組みを別の単元(価格の上限・下限規制など)に転用したいときは、「同じ予想→確認の形式で、価格の上限規制に描き直して」と頼めば、曲線とボタンの構成を保ったまま題材だけ差し替わります。

社会科や理科でも同じ組み立てが効きます。光合成の反応式を暗記させる代わりに、「光の強さを変えると反応速度がどう変わるかを、生徒がスライダーを動かして確認できる図にして」と頼めば、変数と結果が連動するグラフが生成されます。歴史の年表であれば、単純な時系列表示よりも「ある出来事が起きなかった場合、その後の流れがどう分岐するか」を選択式のボタンで辿らせる形の方が、Claudeが作る図の強みが出ます。共通しているのは、暗記対象を並べるのではなく、条件が変わると結果も変わるという構造をそのまま図に落とし込んでいる点です。

手順3: 生徒に配る形へ仕上げるか、準備専用で終えるか

カスタムビジュアルは既定では一時的な表示です。会話が進むと単独では保存されません。授業準備の段階で終えるなら、そのままで構いません。教員自身が教え方を練るための道具として使い切ったところで役目は終わります。

生徒に配れる形まで育てたい場合は、図にカーソルを合わせて出てくる選択肢を使います。「Save as Artifact」を選ぶと、生徒が個別に開けるリンク付きの永続ページに変換されます。「Create skill from visual」を選ぶと、Claudeがこの「予想させてから正解を見せる」というインタラクションの型を覚え、次に別の概念(価格の上限規制など)を持ち込んだときに同じ形式を最初から作り直さずに再現できます。

図のテイストを固定したいとき

毎回似た雰囲気の図にしたい場合、Claudeには好みを覚えさせる機能があります。「私が作る図はすべて配色をこの2色に揃えて」のように一度伝えると、以降の授業準備でも同じトーンで生成されます。学年や単元をまたいで教材の見た目を揃えたい教員には有効ですが、あくまで見た目の指定であり、インタラクションの仕組み自体は依頼のたびに具体的に指示する必要があります。

どの単元で効果が出やすいか

すべての板書がこの使い方に向くわけではありません。効果が出やすいのは、時間や条件の変化に応じて値が動く概念です。逆に、暗記や定義の確認が中心の単元では、インタラクティブにする意味が薄くなります。

相談から仕上げまでの往復には時間がかかるため、毎年同じ場所で生徒がつまずく単元に絞って使うと投資に見合いやすくなります。逆に一度きりの補習プリントのような使い捨ての教材まで毎回この手順を踏む必要はありません。

よくあるつまずき

• 「図にして」だけでは静的な絵になる: インタラクティブにしたいなら「動かせる」「触れる」「スライダーで」のような言葉を添えます。曖昧な依頼ほど、Claudeは無難な静止画に寄せる傾向があります
• Claudeが提案する教え方が、自分のクラスに合うとは限らない: 予想→確認の型はClaudeの仮説の1つに過ぎません。公式ヘルプも、まず数人の生徒で試してから本番に持ち込むことを勧めています。クリックだけで予想を飛ばされた、想定した驚きの反応が起きなかった、といった手応えをそのままClaudeに伝えると、次のバージョンはその観察を踏まえて作り直されます
• 共有リンクを開いても、生徒側に図が表示されない: モバイルアプリで開いた場合と、ログインしていない状態で開いた場合はテキストに戻ります。生徒に配る前提なら、Web版・デスクトップ版から、ログイン状態で開くよう案内します

まとめ

Claudeのホワイトボード授業準備は、板書やスライドと生徒のつまずきをセットで見せることで、教え方の相談とインタラクティブな図の生成を同時に進める使い方です。変数が連動して動く概念ほど効果が出やすく、暗記中心の単元には向きません。生成された図は既定で一時的な表示なので、準備段階で終えるか、Artifact化して生徒に配るかを最後に選びます。教育機関向けの契約や設定は不要で、個人のClaude.aiアカウントから今日にでも試せる手軽さも、この使い方の実務上の強みです。

会話内でのビジュアル生成の仕組みそのものはClaudeのインタラクティブコンテンツで、恒久的に保管・共有したい場合の使い方はClaude Projects完全ガイドで扱っています。教育機関向けの契約プランを検討している場合はClaude for Educationとは、他校の導入事例はClaude教育導入事例を参照してください。