未来の教室 (Future Class)
システム正常稼働中
SUPPORTIVE LEARNING

心の距離を縮める、
新しい授業体験。

「カメラをオフのまま安心して参加したい」「今日の心の天気を伝えたい」
不登校の生徒たちの心に寄り添う、特別にデザインされた授業配信システム。

Cloudflare Pages 環境変数によるセキュア同期

アクセストークンなどの秘密キーは、Cloudflareの管理画面に登録されセキュアに保持されています。
これによりブラウザ側に一切の認証キーが漏出せず、**すべての端末でゼロコード自動連携**が有効化されます。

⚙️ Cloudflare Pages設定方法

  1. Cloudflare > Workers & Pages > Pagesプロジェクトを開く
  2. 「設定 (Settings)」>「環境変数 (Environment variables)」を開く
  3. 「変数の追加 (Add variables)」を押し、下記の環境変数を登録します。
GITHUB_PAT: ghp_xxxxxxxx (あなたのトークン)
GITHUB_REPO: owner/repo (保存先リポジトリ)
GITHUB_BRANCH: main (コミット先ブランチ)

配信用端末画面

授業の配信元となる端末の画面です。授業IDは自動でGitHub環境変数にプッシュされ、先生・生徒画面へオート公開されます。

  • 自動的なアクティブID公開機能
  • 教師・管理者による遠隔ズーム連動
  • 実際のカメラ映像WebRTC生中継

教師用端末画面

授業を行う教師が、生徒の反応を確かめながら指導する画面です。環境変数から授業IDを自動ロードし、1秒で配信映像が映ります。

  • 手入力コード不要の自動WebRTC連携
  • 生徒からの「挙手」「質問」検知アラート
  • 生徒アバター&心の天気リアルタイム監視

生徒用受信用端末画面

不登校の生徒用画面。環境変数により、GitHub上の名簿プルダウンログインや自動生中継再生が有効化されます。

  • GitHub名簿連動のプルダウンログイン
  • 完全自動の授業映像WebRTC同期受信
  • 「挙手」「しつもん」「スタンプ」送信

管理者用端末画面

環境変数APIにより、一元管理された生徒アカウント名簿を安全にGitHubへ追加・更新コミットできます。

  • 全配信カメラの一括監視&遠隔操作
  • 追加した生徒名簿をGitHubへ安全に自動保存
  • 出席状況・メンタル推移レポート