TutorFlow シミュレーション作成ツール

一行の文章からインタラクティブなシミュレーションを作りましょう。

学習者に何を気づいてほしいかを書けば、TutorFlowが計算するモデルを設計します。内容を確認して確定すれば、学習者が値を動かしながら観察できるページができあがります。

TutorFlowはどんな課題を解決できますか?

原理を言葉で説明すると、学習者はノートに書き写して終わります。値を自分で動かして初めて、その原理は学習者のものになります。とはいえ、そのためには誰かがシミュレーションを作らなければならず、結局は誰も作らないままでした。TutorFlowなら、教えたいことを一行書くだけで、計算が本当に動くWebページができあがります。インストールは不要。リンク一つで教室のタブレットからそのまま開けます。

説明ではなく、実際に計算するページ

値を変えるとその場で計算し直し、図と数字が一緒に動きます。用意した画面をめくっているのではありません。

お届けする前に、すべてのスライダーを動かして確認

TutorFlowがすべてのスライダーを両端まで動かし、図が一緒に変わるか確かめます。スライダーは動くのに図が動かないバージョンは、作り直します。

ひとこと伝えるだけで、その場で作り直し

「金利の範囲を20%まで広げて」と書けば作り直します。バージョンはすべて残るので、いつでも戻せます。

先生が作るときと同じ手順でできた3つのシミュレーション

3つとも、先生が書いた一文から生まれたものです。学習者が見るのと同じ画面が開くので、そのまま値を動かしてみてください。

ばねにつるしたおもりの周期

おもりの質量とばね定数を変えて、周期がどう変わるかを確かめてください。測定した周期も画面に出ます。

単利と複利の違い

元金・年利・期間を動かすと、二つの曲線がどこから離れ始めるかが目で分かります。

ソートの比較回数

配列を大きくすると比較回数がどう増えていくか、自分で数えられるようにしました。

手で書いたコードは一行もありません。TutorFlowがモデルを設計し、計算を書き、動かしてから公開しました。

TutorFlowのシミュレーションに入っているもの

それらしく見えるだけの画面と、授業で使えるシミュレーションを分ける3つの要素。

作る前に、モデルを読んで合わないところを修正

作る前にTutorFlowが設計を書きます。どの量を扱い、どんな式で結びつけるかは一分で読めて、授業に合わないところはその場で直せます。

  • 扱う量と、それを動かす計算式をその場で修正
  • スライダーごとの範囲・初期値・動かしたときに変わるもの
  • 学習者が自分で解く問いまで、先に確認
T = 2π √(m ⁄ k)
m
k
c

スライダーを動かしたとき、図が本当に変わるかを確認

数字だけ変わって図が動かないシミュレーションは、ない方がましです。だから作るたびにTutorFlowがすべてのスライダーを両端まで動かし、画面が実際に変わるか確かめます。

  • すべてのスライダーを両端まで動かす実動作の検査
  • 図が動かないバージョンは、公開せずに作り直し
  • 開いた瞬間に現象が見える初期値

読んで終わる資料ではなく、答えを見つける活動に

シミュレーションごとに、値を動かさないと答えられない問いが一緒に載ります。画面の数字を書き写すだけでは解けません。

  • 値を動かして初めて答えが出る探究の問い
  • 数字の横に示す関係式
  • 言葉で頼んだ変更もいつでも取り消せる、完全なバージョン履歴
1
2
3

一文から動くシミュレーションまで、3ステップ。

  1. 1

    教えたい原理を書く

    学習者に何を自分で見つけてほしいかを書いてください。値を動かして確かめられる原理がひとつあれば十分です。

  2. 2

    設計を確定する

    何を計算し何を動かせるかを読み、授業に合わないところを直してから作成を始めてください。数分で終わります。

  3. 3

    リンクを共有する

    学習者にリンクを送るだけで、ブラウザで開きます。マウスもタッチも使えます。

TutorFlowのシミュレーションは、どんな現場で役立ちますか?

01

プログラミングの授業

データが増えるとアルゴリズムの処理量がどう変わるかを、言葉だけで説明するのがもどかしかった先生に。

02

金融・経営の研修

複利や損益分岐のように、数字を動かして初めて感覚がつかめる題材を扱う現場に。

03

企業研修

判断が何につながるかを、実際に試して確かめてほしい社内教育のご担当者に。

04

数学と理科の授業

公式を覚えてもらう前に、その公式がどこから来たのかを見せたい先生に。

シミュレーションについてよくある質問

答えは、学習者自身に見つけてもらいませんか。

説明は一行で足ります。学習者が値を動かしながら原理にたどり着くページを、今すぐ作りましょう。

最初のシミュレーションを作るクレジットカード不要