【無料】【学校現場で!】生徒のフォーム回答をマルチ画面表示にするWebアプリ!(いみわからなかったらごめん汗)
(お先に紹介!こんなアプリ画面です!)

●フォーム集計がだんだん主流になりつつあるからこそ
現在、公立の中高一貫校で勤務しています。昨今の教育現場ではDX化が進んでおり,googleフォームやマイクロソフトformsなど、フォーム形式で子ども(もしくは保護者)に答えてもらう機会も増えてきました。デジタルで情報が集まってくると、集計・集約する際にとても便利です。
…がしかし、学校現場ではフォーム結果に対してこんなニーズもあるのではないでしょうか。少なくともボクはありました。学級担任としても、教科担任としても。
・フォームで答えてくれた結果をみんなですぐ共有したい
・マルチ画面(多分割表示)でどんな答えが届いたか見たい
・といいつつ、気になる回答はでっかく表示してみんなでシェアしたい
・誰がまだ答えていないかすぐに知りたい(未提出者は催促したい)
…がしかし、実際のフォーム結果はこ~んな感じで表出力。データを扱うには適しているけれど、クラスの子たちとその場でシェアする際には不向きです。見づらい。

そりゃ拡大したりソートすりゃなんとかみんなでシェアできるけれど、ちょっとダルい操作だと思いながら操作していました。特定のフォームだけずっと提出物を追いかける時は、フォームから出力されるスプレッドシートとグーグルスライドを連動させて、更新ボタンを押して…とか設定は手間なことやってました。
●マルチ画面表示(未提出者ピックアップ)を目指して
そこで「生徒の味気ないフォーム回答一覧(表)を2クリックでマルチ画面表示にするWebアプリ」なるものをgeminiと対話して作ってみました(笑)。コードも1000行程度。アプリ作成にかかった時間は1時間ぐらいなので、割とシンプルです。
ところで、学校現場はgoogleベース(googleform)の時もあればマイクロソフトベース(マイクロソフトforms)の時もあれば、はたまた別のものを使っている場合もあります。うちは現在マイクロソフトformsを使っていますが、授業中はgoogleformの時もあります。ときにはロイロノートです。どんなデータでも対応できるように「表データを手動で貼り付ける」というアナログな技からスタートすることにしました。表示画面はこんなイメージです。
●アプリ画面

…で、誰かのコメントをクリックすると…



●出席番号並び替えボタン

●未提出者お知らせボタン
「未提出者ボタン」もあります。押すと…。




●操作方法
①フォームの回答(表データ)を手動で貼り付ける(コピー&ペースト)

②貼り付ける空欄部分に貼り付け。(表データいじらなくていい)

③表示開始ボタンを押し、表示したいデータを選ぶ(複数選択可能)

●(きっとこんなこと言う人いそうだけれど…)
きっと,「貼り付けめんどくね?自動でシートと連動してくれないかな~」と思う人もいるかと思いますが、学校現場(自治体)によってさまざまなフォーム回答の中で、「どんなフォーム回答だろうが対応しよう」と思ったら、「手動で貼り付けてそのあと自動認識で選ぶ」が一番いいかな…と思ってやってみました。ホントにニガテな人は「フォームのシートと連動設定」みたいなところから倒れるだろうし…(汗)。
ボクの使い道としては、授業でクラスみんなの意見を拾い上げたい時やフォームでアンケートをとっていて提出状況を確認したい時…などです。ロイロノートやミライシードでも同じような使い方できると思いますので、普段使いのアプリの方が生徒がなれているなら無理に使わなくていいと思います。…がしかし、提出物や保護者同意書など、なんやかんやフォームを使うシーンはあるんじゃないかな。そしてロイロノートやミライシードではなくてグーグルフォームなどをメインの授業ツールとしている人もいるんじゃないかな(ボクです)。そんな人にはぴったりです。(あと、ワンクリックで未提出者集計だなんてロイロやミライシードにはありません)
他にもpadletなりmentimeterなりslidoなり、いろいろツールがあるのも知っていますが、上記3つに関してはきれいにWEB画面いっぱいに多分割表示されません。未提出者集計なんて機能もありません。上記にあげたすべてのツールを使ったことがあるボク自身が「最低限の機能でいいからこれ欲しい」という想いで1時間でかっとばしてつくったWebアプリ」です。人によってはぜ~んぜん使い道ないかもしれませんが…(汗)、需要がありそうな人は使ってみてください。一方で、1時間であっというまに作ったアプリなもんで、不具合まだまだあるかもしれません。ご容赦ください…。
●ダウンロードファイルはこちらから(htmlファイルから起動しないと保存機能使えませんのでご注意を)
(いまさらながら…)
どうやってgeminiに指示してるの?プロンプトは?コツは?…みたいなところに興味がある人は…。さしてコツもないのですが、このnote記事で書いてもまとまりがなさそうなので、個別に問い合わせお願いします汗。あんまりイイアドバイスもできないかもしれませんが…。
●問い合わせこちらから
