🗣️ #25 國小國語演說特訓班（進階版）：Gemini 2.5 Flash + Lucide 的單檔入門練習工具（#67 Pro 版前身）
#25 真實名稱「國小國語演說特訓班（進階版）」是阿凱早期版 — 用 Gemini 2.5 Flash + Lucide 做的 55KB 單檔 HTML，嵌進 Google Sites Embedded HTML。題庫 + 「儲存並關閉」+「隨機題庫」按鈕，是 #67 Pro 版（5705 行 + Web Speech + 雷達圖 + 老師評分量表）的前身入門版。
#25 跟 #67 的關係：早期版 vs Pro 版
阿凱演說工具有兩代：
| 維度 | #25 特訓班（進階版） | #67 Pro 版（已寫文章） |
|---|---|---|
| 部署 | Google Sites Embedded HTML | GitHub Pages cagoooo/speech |
| 程式碼 | 55,310 字元單檔（data-code 內） | 5,705 行 HTML / 322 KB 單檔 |
| LLM | Gemini 2.5 Flash | Gemini 2.5 Flash Lite |
| 技術棧 | Tailwind + Lucide | + Web Speech API + Supabase + Web Audio |
| 雷達圖評分 | ❌ | ✅ Canvas 純手繪 |
| 老師評分量表 | ❌ | ✅ 含列印單 |
| 題庫 | 含隨機題庫按鈕 | 107 道 × 7 大分類 |
| 適用 | 新手入門 / 平日練習 | 比賽選手 / 正式賽事規格 |
#25 真實怎麼做？
真實標題：「國小國語演說特訓班（進階版）」
主要按鈕（從程式碼抽出）：
- 「儲存並關閉」
- 「隨機題庫」
技術棧（從 data-code 解碼）：
- Tailwind CSS（
cdn.tailwindcss.com） - Lucide Icons
- Gemini 2.5 Flash（直接前端 fetch
generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent） - API Key 設定面板（老師自帶 key）
架構特色：
- 純前端單檔 HTML，API Key 在使用者裝置 LocalStorage（不上傳）
- Gemini 直接前端打 API（無後端代理）
- 「進階版」副標 → 暗示有「基礎版」（可能是早期更陽春的版本）
為什麼還保留 #25 不全部用 #67？
兩個版本是「漸進式工具演化」的真實案例：
- #25：用 Gemini 寫好 → 貼進 Google Sites → 老師直接用
- #67：阿凱熟悉 GitHub 後 → 從 #25 升級重構成 GitHub Pages 版本 → 加 Web Speech / Supabase / 雷達圖 / 老師評分量表
對老師來說：
- 新手老師 → 用 #25（門檻低，貼 API Key 就能用）
- 比賽選手 → 用 #67 Pro（完整賽事規格 + 即時逐字稿）
適用對象
- 想入門讓學生練演說的老師
- 國小高年級語文課延伸活動
- 看「Gemini + Google Sites 工作流」案例的開發者
想試試？
→ 前往 #25 國小國語演說特訓班（進階版） → #67 Pro 版（含 Web Speech + 雷達圖）
第一次用建議：拿 Gemini 免費 API Key 貼進去 → 點「隨機題庫」抽一題 → 學生口頭演說 → 看 AI 回饋。