このシステムは、高齢者の運動課題をデータとプログラミングで解決する中学校技術科の授業をサポートするために作られた Google Apps Script 製のウェブアプリです。生徒・教師が同じ URL で使えます。

FLOW授業の流れとシステムの対応関係

STEP 1スプレッドシートの準備

• 1
  配布スプレッドシートをマイドライブにコピーする

  下のリンクを開くと、必要なシート構成が揃ったスプレッドシートを自分のGoogleドライブにコピーできます。ファイル名は任意で変更してください。

  📋 スプレッドシートをコピーする
• 2
  「生徒設定」シートに生徒情報を入力する

  コピーしたスプレッドシートの「生徒設定」シートを開き、生徒の情報を入力します（列構成は下記参照）。

「生徒設定」シートの列構成

STEP 2Google Apps Script のデプロイ

• 1
  スクリプトエディタを開く

  コピーしたスプレッドシートのメニューから「拡張機能」→「Apps Script」を開きます。
• 2
  スクリプトのプロパティを設定する

  「プロジェクトの設定」→「スクリプト プロパティ」から以下を登録します。

• 3
  ウェブアプリとしてデプロイする

  「デプロイ」→「新しいデプロイ」→種類「ウェブアプリ」を選択。アクセスできるユーザーを「全員」に設定してデプロイします。
• 4
  URL を生徒・教師に共有する

  デプロイ後に表示される URL が、授業で使う URL です。Classroom や授業配布物で URL を共有してください。

LOGINログイン

先生から配布された URL をブラウザで開くと、ログイン画面が表示されます。

• 名前（表示名）：名簿にある自分の名前を入力
• パスワード：先生から配布されたパスワードを入力

DATAデータ入力・可視化

ログインすると、授業テーマに合わせたデータ入力フォームが表示されます。計測データや調査結果を入力すると、画面にグラフや統計値として可視化されます。

📷

データ入力フォームと可視化画面

img/student_data_input.png

📷

数値・コメントをクリックした際のモーダル表示

img/student_data_modal.png

BOARD付箋ボード

3種類のスペースに付箋を貼って、意見・気づきを共有できます。

📷

付箋ボード（3種類のタブ・付箋が並んだ状態）

img/student_sticky_board.png

付箋の操作方法

• 付箋を貼る：テキストを入力して「投稿」ボタンを押す
• 移動する：付箋をドラッグ＆ドロップ（位置は自動保存）
• コメントする：他の付箋の「コメント」ボタンを押して入力
• 削除する：自分の付箋の「削除」ボタンを押す

AIAI分析（授業への活用記録）

授業に関する調べ物や疑問を AI に質問すると、その内容が個人シートに自動記録されます。

• 質問内容と回答がスプレッドシートの個人シートに蓄積される
• 教師はダッシュボードで「授業テーマと関連しているか」を AI が判定した結果を確認できる

📷

AI分析ボタンを押した後の結果表示

img/student_ai_result.png

DESIGNプログラムの構想（課題設定〜流れ図づくり）

ボード画面のヘッダーにある「📋 プログラムの構想へ進む →」ボタンから開く、独立したページです。ペルソナの困りごとをもとに、課題文づくりから技術選択・プログラムの流れ図（フローチャート）作成までを4つのステップで進めます。

• 1
  Step 1：ペルソナを確認する

  教師が「ペルソナ」タブで用意した人物一覧から選ぶか、直接名前と困りごとを入力します。「この人のためにどんなことをしてあげたい？」を書いて次へ進みます。
• 2
  Step 2：課題を1文にする

  「〇〇が　△△できるように、チャッピーが　□□する」という穴埋め（クローズ）形式で、課題を1つの文章にまとめます。
• 3
  Step 3：技術を選ぶ・つなげる

  「感じる（入力）」「考える（処理）」「動かす・知らせる（出力）」の3列からチップを選び、④つなげる欄でチップどうしをドラッグして矢印でつなぎます。「考える（ひし形）」には「はい」（実線）「いいえ」（点線）の2つの丸があり、線をつなぐと丸の位置も実際につながった場所へ自動で移動します。
• 4
  Step 4：まとめ・保存

  ペルソナ・課題文・選んだ技術・完成した流れ図が一覧表示されます。「保存する」を押すとスプレッドシートの「構想」シートに保存され、次回アクセス時に続きから確認・編集できます。

教師アカウントでログインすると、教師専用ダッシュボードが表示されます。生徒一覧・付箋ボード・AI分析設定の3つのタブで構成されています。

TAB 1生徒一覧

全生徒のアラート状態・最終分析日時を一覧で確認できます。

📷

生徒一覧タブ（アラートあり・なしの生徒が並んだ状態）

img/teacher_student_list.png

アラートの表示

「分析して更新」ボタン

このボタンを押すと、全生徒の活動データを AI が一括分析し、アラート判定を更新します。授業中に1〜2回押すことをおすすめします。

生徒カードをクリックして詳細確認

生徒名をクリックすると、その生徒の詳細情報（付箋内容・コメント・AI分析サマリー）が表示されます。

📷

生徒詳細モーダル（付箋・コメント・AIやり取りの内容が表示された状態）

img/teacher_student_detail.png

TAB 2ボード（教師付箋）

教師からクラス・班・個人に向けて付箋を貼ることができます。生徒のページにリアルタイムで反映されます。

• クラスへ：全生徒に向けたアドバイスや指示
• 班へ：班番号を指定して班へのメッセージ
• 個人へ：特定の生徒だけに見える個別コメント

TAB 3設定

AI プロンプトの確認・変更ができます。「プロンプト」シートの内容がここに反映されます。

📷

設定タブ（プロンプト確認・保存ボタン）

img/teacher_settings.png

TAB 4プログラムの構想 進捗

生徒が「プログラムの構想」ページで作った内容の進み具合を、クラス全員分まとめて確認できるタブです。「最新の状況を読み込む」ボタンを押すと一覧が更新されます。

「詳細」ボタンを押すと、その生徒が実際につないだ流れ図（ひし形・矢印込み）を読み取り専用で確認できるモーダルが開きます。

システムはすべてのデータを Google スプレッドシートに保存します。各シートの役割を理解しておくと、トラブル対応がしやすくなります。

PROMPT「プロンプト」シートのセル一覧

AI への指示は「プロンプト」シートのセルで管理されています。初回設定タブを開いた時点でシステムが自動作成します。

あなたは中学校技術科の教師のアシスタントです。
以下の生徒の授業での活動記録を読み、下記の3項目に分けてそれぞれ回答してください。各項目は改行して見やすく整理してください。

【付箋（個人・班・クラス）】
どのような意見・考えを書いているか。未記入の場合はその旨を明記。

【コメント】
他の生徒の付箋へのコメント内容は適切か。未記入の場合はその旨を明記。

【AIとのやり取り】
授業内容に関係があるか、逸脱した質問はないか。未記入の場合はその旨を明記。

問題がなければ各項目に「学習に集中しています」など肯定的に明記してください。

アラート機能は2段階の AI 処理で動作します。教師が「分析して更新」ボタンを押したときに実行されます。

SCOPE参照される情報の範囲

• 個人・班・クラスボードの付箋（全件）
• コメント（全件）
• AIとのやり取り（最新2件のみ）
• データ入力内容

Qログインできません

Q「分析して更新」を押しても何も変わらない

Q生徒の個人シートが作成されない

Q付箋が保存されない・消える

Qコードを変更したのに反映されない

Q「プログラムの構想」の保存データはどこで確認できますか？

Qタブレットやスマートフォンでも使えますか？

基本的な操作はタブレット・スマートフォンでも動作します。ただし付箋のドラッグ＆ドロップはタッチ操作に対応しています。複雑な操作は PC が推奨です。