SUPPORTIVE LEARNING
心の距離を縮める、
新しい授業体験。
「カメラをオフのまま安心して参加したい」「今日の心の天気を伝えたい」
不登校の生徒たちの心に寄り添う、特別にデザインされた授業配信システム。
Cloudflare Pages 環境変数によるセキュア同期
アクセストークンなどの秘密キーは、Cloudflareの管理画面に登録されセキュアに保持されています。
これによりブラウザ側に一切の認証キーが漏出せず、**すべての端末でゼロコード自動連携**が有効化されます。
⚙️ Cloudflare Pages設定方法
- Cloudflare > Workers & Pages > Pagesプロジェクトを開く
- 「設定 (Settings)」>「環境変数 (Environment variables)」を開く
- 「変数の追加 (Add variables)」を押し、下記の環境変数を登録します。
GITHUB_PAT: ghp_xxxxxxxx (あなたのトークン)
GITHUB_REPO: owner/repo (保存先リポジトリ)
GITHUB_BRANCH: main (コミット先ブランチ)
GITHUB_REPO: owner/repo (保存先リポジトリ)
GITHUB_BRANCH: main (コミット先ブランチ)
配信用端末画面
授業の配信元となる端末の画面です。授業IDは自動でGitHub環境変数にプッシュされ、先生・生徒画面へオート公開されます。
- 自動的なアクティブID公開機能
- 教師・管理者による遠隔ズーム連動
- 実際のカメラ映像WebRTC生中継
教師用端末画面
授業を行う教師が、生徒の反応を確かめながら指導する画面です。環境変数から授業IDを自動ロードし、1秒で配信映像が映ります。
- 手入力コード不要の自動WebRTC連携
- 生徒からの「挙手」「質問」検知アラート
- 生徒アバター&心の天気リアルタイム監視
生徒用受信用端末画面
不登校の生徒用画面。環境変数により、GitHub上の名簿プルダウンログインや自動生中継再生が有効化されます。
- GitHub名簿連動のプルダウンログイン
- 完全自動の授業映像WebRTC同期受信
- 「挙手」「しつもん」「スタンプ」送信
管理者用端末画面
環境変数APIにより、一元管理された生徒アカウント名簿を安全にGitHubへ追加・更新コミットできます。
- 全配信カメラの一括監視&遠隔操作
- 追加した生徒名簿をGitHubへ安全に自動保存
- 出席状況・メンタル推移レポート