🎓 #52 2026 創價・教育 EXPO 線上選課系統：React + Vite 整合式教育博覽會數位導覽小幫手
#52「**2026 創價・教育 EXPO ｜ 線上報名系統**」是阿凱為**創價・教育 EXPO 博覽會**做的線上選課平台。React + Vite + 流暢介面瀏覽科技 / 人文藝術各領域課程 + 即時選課 + 報名狀態追蹤 + 個人化課程清單管理。
教育博覽會的「線上報名」痛點
教育界博覽會 / 論壇辦活動：
- 50+ 場次同時進行
- 來賓要從多場次中選自己有興趣的
- 紙本選課表搞混亂
- 「我選哪場了？」「這場跟那場時間衝突嗎？」
傳統做法：Google 表單 → 沒有即時狀態 / 沒有個人清單。
阿凱的 #52 創價・教育 EXPO 線上選課 反向：整合式平台 + 即時選課 + 個人清單 + 數位導覽。
#52 真實怎麼做？
真實標題：「2026 創價・教育 EXPO ｜ 線上報名系統」
完整功能（從 tools.json 描述抽出）：
功能 A：直觀介面瀏覽
- 各領域課程一目了然
- 從科學技術到人文藝術一應俱全
功能 B：即時選課
- 點擊報名 → 立即加入個人清單
- 不用等待表單送出
功能 C：報名狀態追蹤
- 「已選 / 未選」清楚顯示
- 不會重複選
功能 D：個人化課程清單管理
- 「我的課程」單獨頁
- 可隨時調整 / 取消
定位：「博覽會參與者的數位導覽小幫手」
真實技術棧
- React + Vite（從 live HTML 確認）
- 單檔靜態頁部署（1133 bytes 入口 HTML 引外部 bundle）
- 部署：
cagoooo.github.io/soka/(EZPage 部署) - title: 「2026 創價・教育 EXPO ｜ 線上報名系統」
為什麼叫「創價・教育」？
「創價學會」（Soka Gakkai）是日本創立的國際性宗教 / 教育組織，全球有 1200 萬會員：
- 強調「人本教育」「**和平」「文化」
- 在台灣有 50+ 年歷史
- 每年辦教育博覽會推廣創價教育理念
阿凱為這個博覽會做數位報名系統 — 跨領域合作的案例（不只服務石門國小，也服務外部教育機構）。
跟 #62 #74 #95 「活動專屬網」系列
阿凱的「活動專屬網」清單已 6 個：
| # | 活動 | 部署 |
|---|---|---|
| #62 親職教育日 114 | 親職日 | EZPage |
| #74 親職日場地配置 1150328 | 親職日當天 | Google Sites |
| #56 2026 元宵猜燈謎 | 元宵節 | GitHub Pages |
| #80 114 下學期教師會議 | 教師會議 | Google Sites |
| #95 2026 龍潭區語文競賽 | 語文競賽 | GitHub Pages |
| #52 2026 創價・教育 EXPO（本篇） | 博覽會選課 | EZPage |
6 個工具 = 阿凱對校內外大型活動的數位轉型方法論。
#52 的獨特定位
| 維度 | 其他活動專屬網 | #52 創價 EXPO |
|---|---|---|
| 對象 | 校內 / 學校承辦 | 跨機構教育博覽會 |
| 規模 | 學校級 100-500 人 | 千人級博覽會 |
| 功能 | 資訊呈現為主 | 即時報名 + 個人清單管理 |
| 技術 | EZPage / 純靜態 | React + Vite 完整 web app |
#52 是「對外輸出」的代表作 — 證明阿凱的工具不只服務石門國小。
教學情境
博覽會主辦方：
- 開放線上報名 → 學生 / 老師掃 QR 進
- 即時看哪場最熱門
- 「個人清單」減少撞場
博覽會參與者：
- 提前 1 週瀏覽課程
- 加入「我的清單」
- 當天對著清單跑場次
校際合作觀摩：
- 其他學校老師：「你校也辦活動？我用 #52 模板做做看」
- 跨機構推廣 = 阿凱的工具集影響力擴張
配對工具推薦
- #62 親職教育日 — 同款活動專屬網
- #95 語文競賽龍潭區複賽 — 大型活動報名系統
- #48 動態表單系統 — 通用報名表單
適用對象
- 教育博覽會 / 論壇主辦
- 學校教師研習承辦（多場次選課場景）
- 想做「跨機構教育活動專屬網」的學校
- 想看「React + Vite 即時報名系統」案例的開發者
想試試？
下次你的單位辦多場次活動 — 用 #52 模板 → 比 Google 表單專業 100 倍。