Workshop とステーション
TeachFORGE.ai
Workshop / コード サンドボックス
コード サンドボックス ステーション
JavaScript、Python、HTML を書いて即時出力で実行します — コードをライブで見せ、開き直せる例を残す安全な場所。
AIが下書きできます。クラスに見せる内容はあなたが決めます。
コード サンドボックス とは
コード サンドボックス は指導用のブラウザコードランナーです。JavaScript または Python（Pyodide 経由）を書いてコンソール出力をすぐ見るか、HTML 文書プレビューを実行します — Run を押し、結果を見、次のために例を残します。
準備が邪魔になるとデモは死ぬからです。ここでの要点はスニペットと出力であり、落ち着かないクラスの前でツールチェーンを入れることではありません。
教師が コード サンドボックス を使う理由
即時の JS と Python デモ
Workshop を出ずに、スクリプトとそのコンソール出力を見せます。
HTML でのアルゴリズム視覚
印刷できるだけでなく過程を見える化する、整列とキャンバステンプレート。
素早いデータスニペット
数字の物語がすぐに必要なときの小さな分析スクリプト。
小さなインタラクティブクイズ
短い検索活動向けに形を変えられる HTML 開始点。
TeachForge では コード サンドボックス は HTML / CSS / JS の Run とコンソールの姉妹です — スニペットなら サンドボックス、段階付きページ著作なら HTML / CSS / JS を選びます。
コード サンドボックス ステーション の中
Workshop の他と同様、ステーションはソースと結果を近くに保ちます — 意図的な Run ステップ付き。
- 言語ピル JavaScript、Python（Pyodide）、HTML 向け
- 実行してプレビュー コンソール出力または HTML iframe 結果付き
- 言語で絞り込んだテンプレート 開始点が選んだモードに合うように
- ソースをダウンロード ファイルを端末に置きたいとき
- 言語＋コード JSON として保存 どこでも開き直して再利用するため
- 共有と Workshop の枠 他のステーションと一貫
スニペットが結果になる流れ
言語を選び、テンプレートを読み込むかコードを入力する
一息で教えられる大きさに例を保ちます。
Runを押す
Python は必要なとき Pyodide を読み込みます。JS と HTML はすぐプレビューします。
保存、ダウンロード、または再利用
次のグループのためにスニペットを残すか、後でもっと充実したステーションへアイデアを運びます。
一つのスニペット。そのすべての授業版。
コード サンドボックス は意図して軽量です：再利用は 言語テンプレート と保存済み 言語＋コード JSON から来ます。大きなパラメトリックカタログからではありません。それが要点です — 開き直せる素早いデモであり、第二のページ著作ステーションではありません。
教えながら変える
一行直し、Run を押し、何が変わったかを見せます。
例は保ち、課題を変える
明日のクラスは同じ骨格をより難しいひねりで出会えます。
ポータブルのまま
次に教える場所でソースをダウンロードするか、JSON を開き直します。
必要なとき進級する
段階、テーマ、スタンドアロン書き出しが Run より大切なとき、HTML / CSS / JS へ移ります。
一緒に構築する段階とパラメトリックなページ変数が必要なら、HTML / CSS / JS を開きます。コード サンドボックス は素早いランナーのままです。
開始用のすぐ使えるスニペット
言語テンプレートを開き、形を変えます：
| エリア | 開けるもの |
|---|---|
| JavaScript | ハロー 世界；データ分析；再帰エクスプローラー；幾何計算機 |
| Python | ハロー 世界；数論 |
| HTML | インタラクティブキャンバス；整列ビジュアライザー；インタラクティブクイズ |
あなたのやり方で AI ヘルプ
最初の下書きが必要ですか？AI を助手として使い — 学習者に届ける前に確認・編集・承認してください。
プロンプトをコピー
用意済みプロンプトを生成し、普段使うチャットツールに貼り付けます。
自分の GPU を使う
設定でローカルモデルのエンドポイントを接続し、自分で管理するハードウェアで生成します。
自分の API キーを使う
設定でプロバイダーキーを追加し、モデルを選んで自分のアカウントで生成します。
AIは間違えることがあります。だからこそ教師がループの中に残ります。
スニペットを指導が行われる場所へ
- Whiteboard — ライブボードに置き、クラスの前で調整します
- Quest Ladder — 質問と説明に入れます
- Virtual Lab — インタラクティブな実験作業の中で再利用します
- コミュニティ — 作ったものを共有し、他の教育者が共有したものの上に築きます