自動車学校用：検定合格発表用サイネージ

Geminiを勉強しながら、Canvasを使いこなすために勉強がてら本業の仕事で役立ちそうなツールの作成を始めました。
せっかく作ったので、フリーで配布して使用したい方がいらっしゃったら、どうぞお使い下さい。
ただし、あくまでもフリーですので使用時のトラブルやカスタマイズなどの要望などは一切受け付けません。中身をご自身で可変することについては特に規制はしていませんので、ご自由に変更していただいても構いません。ただし、画面の下にある著作権表示だけは残して頂きたいと思います。

今回作成したのは、合格発表用のサイネージです。他校がどんな感じで合格発表をしているのかは、存じ上げませんが、うちで使えるような範囲内での作成をしてみました。

以下の構成で考えて設計しました。

特徴と画面構成

普通車、普通自動二輪、小型自動二輪、審査普通の車種の合格発表を1画面に収めています。
合格後の集合教室を表示できます。

合格発表の番号表示前に画面の切り替えを行えるようワンステップおいています。

前提、および事前準備

• 種類：自動車学校用　検定合格発表用サイネージ（修検・卒検・仮免学科）
• 教習生規模：在校生100名程度
• 指導員数：10名程度
• 取扱車種：普通車・普通自動二輪・小型自動二輪・審査普通
• 合格発表の人数想定：普通車（30名まで）・その他（10名まで）
• 機器の想定：事務所内のPCを使い管理パネルで設定し、JSONファイルを出力。ロビー等のPCでファイルを読込み、発表する事を想定
• 表示ツール：Chrome（ブラウザでの表示）
• 作成：Gemini（Canvas）

ダウンロードした「合格発表.html」を、事務所内PCと発表用PCの両方に入れて下さい。設定と合格発表を同じPCで行う場合は、そのPCに「合格発表.html」を入れていればOKです。

管理画面

「合格発表.html」をChrome（ブラウザ）で開くと管理パネルが表示されます。

• 入力クリア：現在開いている検定の入力情報をクリアします。
• USBへ保存：設定したものを、USBへJSONファイルとして保存します。
• USBから読込：JSONファイルを読み込みます。
• 表示開始：発表用の表示画面に移動します。全画面表示されます。
• 検定モードの選択：表示または設定する検定を指定します。
• 集合教室の指定：発表後に集まってほしい教室を設定します。（第1～5教室）

運用手順

• 事務所内PCで「合格発表.html」をChromeで開きます。管理パネルが表示されます。
• 発表する検定の種類を選択します。（修了検定・卒業検定・仮免学科）
• 発表後に集合してほしい教室を指定します。（第1～第5教室）
• 合格にし発表する番号を選択していきます。青背景に白文字になります。この状態になったものが合格番号として表示されます。解除したい場合はもう一度クリックして下さい。
• 設定が完了したら一度「表示開始」をクリックして、間違っていないかの確認をして下さい。全画面で表示されますので「F11」を押すか、マウスで画面上部に移動すると「×」が表示され通常のブラウザ状態に戻ります。
• 確認が完了したら「USBへ保存」を押し、用意したUSB等に保存します。保存名は適当で構いませんが自動で「合格発表設定_completion_2026-1-1 .json」と今日の日付が挿入されます。（保存名は後から読み込む際にわかっていればいいので、どんな名前でも構いません。）
• 発表用のPCへUSBを持っていき、そのPCに保存している「合格発表.html」をChromeで開きます。開くと管理画面が出てきますので「USBから読込」を押し、USBに保存されているJSONファイルを選択します。選択すると先程設定されたものが表示されます。
• 表示に間違いがないかを確認後「表示開始」を押します。「合格発表」のページが表示されたら、受験者に見せるディスプレイに表示を変更し「発表を開始する」のボタンを押すと、10秒のカウントダウン後、合格番号が表示されます。
• 発表が終わり表示を消したい場合は、画面下に目立たないように「×閉じる」があります。