コンテンツにスキップ
drawtonomy drawtonomy

教育・復習のための数式ホワイトボード

数式ホワイトボードに求められることは 3 つあります — typeset された数学を綺麗に見せること、その上に自由に注釈できること、説明の進展に合わせて手順を並べ替えられること。多くの指導用ツールはこのうち 1〜2 つを目的に応じて非常に得意としています。drawtonomy はこの 3 つを 1 枚の無限キャンバスにまとめる選択肢の 1 つです。ブラウザで、無料で動きます。

式番号付きの 4 本のマクスウェル方程式 — 丸で囲んだり矢印で繋いだり、並べ替えたりできる

typeset された数学は無限キャンバスの上にあるフリーハンドや図形と同じ場所に置けるので、導出をステップごとに教えて、説明の流れに合わせて並べ替えられる。

他のツールとの位置づけ

Section titled “他のツールとの位置づけ”

どれもよくできたツールで、それぞれ目的とする指導スタイルに合わせて設計されています。drawtonomy が向くのは「typed LaTeX とフリーハンドを 1 つの面に共存させたい」「最後に再編集可能な成果物として残したい」場合です。

  • 物理ホワイトボードやタブレット はライブ説明の即興性ではほぼ無敵です。共有できる成果物は写真や別途のまとめ資料になるのが普通で、多くの授業ではそれで十分です。
  • オンラインホワイトボード（Miro、Mural、Excalidraw、Notability）は図形・付箋・コラボに優れています。組み込みの typeset 機能はツールごとに違うので、LaTeX は別ツールで画像化してから貼ることもあります。
  • LaTeX レンダラー（Overleaf、ノートブック上の MathJax）は美しく typeset された数学を出力できるので、テキスト中心の授業に自然にマッチします。「丸で囲んで矢印を引く」ような自由な注釈は別の場所で行うことが多いです。
  • リアルタイム教室ツール（Bitpaper、Whereby Boards）はライブ指導向けに設計されていてその場面で本領を発揮します。終わった後にボードを再利用する流れは、ツールごとの保存・エクスポート設計次第です。

drawtonomy は LaTeX とフリーハンドを同じキャンバスに乗せられ、エクスポートした SVG が継続的に使える成果物になります。

5 分の解説作成

Section titled “5 分の解説作成”

  1. 数式を typeset。 /（Math ツール）→ キャンバスをクリック → LaTeX を入力。各ステップは別々の Math シェイプとして並べる（並べ替え可能に）。

    E = mc^2 のライブプレビュー

    各行の計算式が独立した Math シェイプ — 移動・色変更・再編集が簡単。

  2. フリーハンドで注釈。 D（Freehand）。置換したい項を丸で囲む、次のステップへ矢印を引く、ヒントを走り書きする。

  3. 必要なら図を追加。幾何の三角形は G（Polygon）、不等式の数直線は L（Linestring）、座標軸は I（Intersection）が綺麗な十字になる、など。自動運転用シェイプも汎用幾何としてそのまま使えます。

  4. 色で意味付け。 置換は赤、与えられた条件は青、ハイライトは黄色 — チョークで講義する感覚と同じ。

  5. エクスポート。 Menu → Export → SVG（拡大しても綺麗）または PNG（どこでも貼れる）。リンクやファイルを共有。

便利なパターン

Section titled “便利なパターン”

  • ステップごとの導出。 Math シェイプを縦に 1 行ずつ並べ、間にフリーハンド矢印。生徒が「待って、それどこから来た?」と聞いてきたら該当行をダブルクリックで LaTeX を再編集 — 再作成不要。

  • 解説プリント。 ワークシート全体をキャンバスに組み、PDF エクスポートして配布。

  • チューター指導の振り返り。 ライブ画面共有でキャンバスを黒板代わりに使い、終わりに .drawtonomy.svg で送る — 生徒は自宅で同じキャンバスを再オープンして復習できる。

  • 概念比較シート。 2 つの Math シェイプを横並びに置き（「部分積分」 vs 「u 置換」）、対応する項を矢印で繋ぐ。

  • 化学の授業。 \ce{2 H2 + O2 -> 2 H2O} が mhchem 拡張で正規の反応式として描画される — 高校・大学の化学ボードに便利。

    mhchem 経由で描画された化学反応式 2 H2 + O2 → 2 H2O

    化学反応式 (\ce{}) も数学式と同じキャンバス上に並べられる。

複数生徒・同一ボード

Section titled “複数生徒・同一ボード”

drawtonomy は現状リアルタイム・マルチユーザー編集を持ちません — ブラウザローカル永続化の単一ユーザー・キャンバスです。ライブ指導は画面共有して黒板代わりに使ってください。非同期復習なら .drawtonomy.svg をエクスポートして渡せば、生徒側のブラウザで再オープン可能です。

関連

Section titled “関連”