📖 教學情境部落格
阿凱老師親手撰寫的工具使用情境長文 — 136 篇文章，每篇講一個熱門工具如何解決真實教學現場的問題，含實測數字、學生回饋、配對推薦。
- #81 國小資訊科技教學駕駛艙：25 個駕駛艙 × 飛行儀表板入口，三到六年級完整資訊課程系統
- #46 場地預約系統：禮堂只是招牌 — 骨子裡是 10 場地 × 學校節次 × LINE 三階段通知 × AI 衝突解析的中央調度系統
- #10 班級小管家：加分會讓寵物長大的班級經營工具箱，抽籤、分組、聯絡簿到換電腦同步一次看懂
- #68 學生手作作品集 v3.2：純 HTML 中繼導引頁 + 6 班 Drive 資料夾 + go.html 防手機 OS 攔截 Drive App 跳轉
- #3 學生即時投票：4 題型 + 4 碼房間代碼避混淆 + 匿名升級 Google + 投影專用頁 + 表情彈幕的真實架構
- #100 工具索引神器升級 AI build log：從 fuse.js 字面比對到 Gemini 語意搜尋
- #53 校園報修系統：點地圖 + Google Vision OCR 標教室 + LINE Flex Message 雙軌通知的全鏈路設計
- #7 點石成金蜂：勾 450+ 成語標籤 → AI 同時生成 12 種風格段落 + 二階段微調 + 全校共享 API Key 的單向轉換神器
- #88 國中課程計畫 AI 審查：對應桃園市 0505 版審查文件 40+ 項次 × PDF.js 抽文字 × 6 道合規鐵則 × 🔍 / ✨ 雙模式 × LINE 通知
- #67 國語演說比賽訓練 Pro：107 題庫 + Web Speech 即時逐字稿 + Gemini 雷達圖評分 + 老師評分量表的單檔 5705 行神器
- #72 動支及黏存單自動產生系統：拖廠商報價 PDF → PDF.js 自動解析品項數量單價 → 填入學校官方制式 Excel 範本
- #54 識生學坊：MediaPipe 離線臉部偵測 + Gemini Vision 記憶口訣 + 4 模式遊戲化特訓 + 班級攻略本兩階段比對
- #76 WebSlide 簡報播放器：阿凱早期用 Gemini 寫程式 + 嵌進 Google Sites 的隱藏自製神器（PDF.js + JSZip + jsPDF + 17 種電影級 3D 轉場）
- #92 5W1H 靈感發射器 PRO（Aura）：6 格同時呈現 + Prompt 防 LLM 爛梗 + 6 種故事風格 + 名人堂的創意寫作神器
- #82 設備盤點系統：iPhone 拍照 + Gemini 2.5 Vision 辨識 + 三大資產跨表自動路由 + Veyon 整合的 54.75 小時打造神器
- #73 成績篩選系統：教務處挑前 X% 競賽選手 / 資優方案的全校工具（不是找退步學生！）
- #51 SMES AI 智慧排課 v2.12：遺傳演算法 GA v3.1 + 混合修復突變 + Smart Seed + BFS 鏈式衝突解的石門國小客製神器
- #89 教師回覆小幫手 Pro：親師訊息 1 分鐘草稿出爐，再也不怕家長半夜傳訊
- #83 本土語分班配對系統 v2.6：升年級重編班「舊選修語別 → 新班級座號」映射 + Levenshtein 模糊比對 + 5 種語別 16 族 7 國
- #11 剛好學 Akailao v3.8.9：九大互動模式 + 拍照 AI 出 PIRLS 題 + 老師自架 Firebase 資料自主的 Kahoot+Quizizz+Mentimeter 合體
- #87 PIRLS Pro QuestionCraft：把舊版 HTML 單檔砍掉重練成 Next.js + Cloud Functions 的閱讀素養出題神器
- #79 漢語新解：不是字典，是 AI 用魯迅 + 王爾德口吻寫的「揭露真相版」國語延伸教材
- #97 MBTI 校園奇遇記：用 47 個 RPG 場景偷偷塞 SDG 多元議題的人格測驗
- #94 封面接故事：用 Gemini 2.5 把 MV 封面接成 8 種風格 25 秒分鏡，再用瀏覽器 ffmpeg.wasm 串成短片
- #41 吉他點唱系統「阿凱彈唱之夜」：用 Firestore 即時投票 + 卡帶雜誌風大螢幕模式打造演出儀式感
- #24 校務會議紀錄報告站：把石門國小 114 學年度期末會議「致詞 + 處室報告 + 自治市長 + 提案討論」做成單頁互動 SPA
- #25 國小國語演說特訓班（進階版）：Gemini 2.5 Flash + Lucide 的單檔入門練習工具（#67 Pro 版前身）
- #26 九九乘法大冒險：Web Audio + Tailwind + Lucide 純前端遊戲化練習（無 LLM 也能做好工具）
- #27 ⬅️好用小工具（許願池）：swissknife 13 個 Google Sites Embedded 工具總入口（含 7 個 Akai 尚未收錄的隱藏作品）
- #44 快樂數學小冒險：國小一年級 4 關卡（10 以內加減 + 20 以內加減）+ canvas-confetti 撒花獎勵的純前端遊戲
- #49 教務處寶藏庫（academic 子站）：3 個子頁含 2026 英語歌唱比賽 G6 歌單 × 6 班 + 親職日配置 + 班級榮譽榜（含 1 個 Akai 隱藏作品）
- #74 1150328 親職日場地配置互動網：戶外籃球場 + 教室活動區 + 攤位展區 + 4 tab 切換的 SPA 場地圖
- #75 Slide Extractor 影片與 PDF 簡報擷取神器：PDF.js + jsPDF + JSZip + Firebase 設定流程的單檔擷取工具
- #80 114 學年度下學期第 13 週教師會議互動平台：校長室 + 教務處（4 組長）+ 學務處（2 組長）的 SPA 會議報告
- #17 創意抽籤系統：純前端 Tailwind + canvas-confetti 輸入名單一個一個抽 + 剩餘項目即時顯示（XOOPS VM 部署）
- #18 繽紛隨機學生抽選工具：正取 + 備取名單一次出 + 可匯出結果（比賽選手 / 校隊選拔專用）
- #20 英文字母打字練習遊戲：26 字母從上落下 + 手指提示 + 純前端 Tailwind 無 LLM 遊戲化練習
- #21 中文注音打字遊戲：完整 ㄅㄆㄇ→鍵盤鍵位對照 + 180 秒倒數 + 字元下落物理遊戲
- #22 成語填空遊戲：50 個國小程度成語 + 含成語意思教學 + 倒數計時挑戰
- #28 瑪莉歐風格平台跳躍遊戲：純 Canvas 2D + requestAnimationFrame + AudioContext 音效 + 最高分紀錄
- #29 太陽系探索者：Three.js 3D 渲染 + 滑鼠拖旋轉 + 模擬速度滑桿 + 內外太陽系三視角切換
- #30 遊戲集合：阿凱自製 12-in-1 校內小遊戲合集（含踩地雷、撲克、消除、貪吃蛇、井字、俄羅斯方塊⋯ 全部隱藏作品）
- #31 改進得分機制的夾娃娃機遊戲（放大版）：Canvas 2D + 60 秒倒數 + 最高分紀錄
- #32 石門國小觸屏碰碰碰：AudioContext 音效 + Canvas 隨機浮動圖案的觸控互動遊戲
- #33 讓聲音具現化吧！Sound Visualizer：AudioContext + Web Audio API 即時顯示分貝值 + 音頻頻率
- #34 互動式影像聲音遊戲區：「來抓我哦」按鈕跳躍 + Blockade Labs Skybox AI 360° 全景嵌入
- #35 觸屏點點塗鴉區：點擊畫布浮現創意塗鴉的互動藝術裝置（XOOPS 文章嵌入版）
- #36 貪食蛇互動遊戲：純 Canvas 2D + 200ms 更新間隔 + 最高分紀錄的經典復刻
- #37 聲波擴散 360 小遊戲：AudioContext 抓麥克風 + 360° 圓形擴散視覺化（XOOPS tadnews 嵌入）
- #38 聲音互動小遊戲！！AudioContext + 遊戲化機制：用聲音控制遊戲角色的物理互動裝置
- #4 PIRLS 閱讀理解生成（pirlss.smes Firebase Hosting）：跟 #87 PIRLS Pro 是同 repo 兩部署的 Firebase Hosting + 學校自訂域名版本
- #12 PIRLS 閱讀理解網（read.smes）：石門國小閱推入口網靜態頁 + RGB 漸層動畫標題
- #13 5W1H 靈感發射器（5w1h.smes Firebase Hosting）：跟 #92 Aura PRO 同 repo 雙部署的學校網域版本
- #14 點亮詩意～早安長輩圖產生器（poet.smes Firebase Hosting）：Next.js 產出超實用長輩圖的 AI 工具
- #15 領域共備 GO（report.smes）：Next.js + AI 自動生成國小教師社群領域會議記錄摘要
- #16 親師溝通小幫手（talk.smes）：基礎版親師訊息回覆建議（#89 Pro 版前身）
- #43 LinguaLesson 轉寫小精靈（bilingual.smes）：PDF/DOCX 中文課程計畫 → AI 翻譯豐富 → Markdown 表格
- #77 石門國小雙語教育宣導網站（english.smes）：用 Manus 建立的 114 學年度雙語聯盟學校公開觀議課宣導平台
- #9 超級瑪莉歐冒險：純 Canvas 多關卡平台跳躍 + 蹬牆跳 + 成就系統 + 教學模式（v2.33.0 持續打磨）
- #6 蜂勤耘友配對消消樂：3 難度 × 6 主題包 + themes.json 可擴充 + PWA 離線 + 鍵盤無障礙的記憶配對遊戲
- #69 猴子投擲大戰 Monkey Pixel-Art Clash：致敬 1991 QBASIC GORILLAS.BAS + 拋物線物理 + Firebase 雲端排行榜
- #85 南極大冒險：企鵝跑酷 — 致敬 Konami 1983 Antarctic Adventure + 隱藏 God Mode 指令 + React 19 重製版
- #56 2026 石門國小元宵猜燈謎：Vite + React + PWA 中國紅主題 + 一起來猜燈謎歡慶元宵
- #65 AI 影片創作整合資源 Hub：ChatGPT → Grok → Canva 三步驟工作流 + 12+ YouTube 範例合集
- #66 Sora AI 旅遊全記錄教學網：OpenAI Sora 旅遊影片創作教學資源庫（EZPage 部署）
- #86 TieTu 3D Q版貼圖生成器：上傳大頭照 + 24 個文字 → Gemini 2.5 Flash Image 生 4×6 貼圖 + LINE 上架包
- #58 十二年國教教案生成器：Python Flask + Gemini 1.5 Flash + Word docx 下載 + Email 自動寄送的教案 AI
- #84 領域共備 GO Pro（domain-meeting-go）：跟 #15 同源雙部署 + AI 照片描述 + 編輯部期刊風 UI
- #2 行政業務協調系統：學校內部組長公告 + 重要行事 + 帳號登入 / 建立的協調平台
- #47 學生肖像授權同意書線上簽名系統：React 19 + Firebase + 簽名 PDF 自動生成 + Email 含連結 + v2.3 同意意願按鈕
- #48 動態表單自動回報系統：Glassmorphism UI + 拖曳式表單編輯器 + 數據分析儀表板 + Google Chat Webhook 通知
- #62 桃園市龍潭區石門國民小學 114 學年度親職教育日活動通知函：純靜態活動專屬網站（EZPage 部署）
- #5 校園點餐系統 v3.4.2：Firebase + React 三端分離（顧客 / 廚房 / 叫號）+ 多班級獨立庫存 + OAuth 權限分級
- #55 ㄅㄆㄇ 注音大挑戰：6 主題關卡 + 漸進式解鎖 + 虛擬鍵盤拼注音 + 學習回顧模組（一年級必用）
- #70 中文注音打字遊戲 Pro v1.3.0：4 級難度（初學者 / 入門 / 進階 / 大師）+ 全球排行榜 + 成績單分享 + PWA
- #71 成語填空大挑戰 v1.3.1：Neon Heritage 霓虹古韻 UI + 國樂背景 + 櫻花特效 + Firebase 全球排行榜
- #95 2026 桃園市語文競賽龍潭區複賽：17 大項 / 33 場細分賽事 + 我的比賽時間查詢 + 個人指引卡列印（5/23 石門承辦）
- #91 PhotoPoet Pro 點亮詩意：跟 #14 同源雙部署第 5 案例 + Cloudflare Turnstile + SSRF 防護 + Gemini 2.0 Flash 繁中詩生成
- #45 WordCloud 即時互動文字雲：React 19 + Firebase Firestore 即時同步 + Top 1-3 流光漸層 + HUD 排名 + QR Code 房間
- #50 童樂學園 KidsZone v1.5.0：💰 星星幣經濟系統 + 🛍️ 快樂商店 + 🧑🚀 個人化頭像 + 🎶 節奏達人 + 三級記憶翻牌
- #52 2026 創價・教育 EXPO 線上選課系統：React + Vite 整合式教育博覽會數位導覽小幫手
- #57 選擇障礙專用 - 餐廳命運轉盤：React + Vite 純前端極簡轉盤工具（解決「今天吃什麼」永恆難題）
- #60 專屬創意 3D 畫廊：純 CSS transform-style preserve-3d 真實 3D 空間 + 拖曳旋轉 + 慣性滑動 + 倒影效果
- #63 Email 帳密記憶遊樂園：教學生記學校信箱帳密的 Vite + React + shadcn/ui 遊戲化工具
- #64 簡譜節拍師 v2.6 Rhythm Beat Master：太鼓達人風格 × Web Audio API 即時合成 × 7 鍵 Do Re Mi × 4 段難度
- #93 石門國小自治市市長計票系統：5 畫面雙端架構（公開監票 / 後台唱票 / A4 報告 / OBS 直播 / 1080×1920 海報）
- #96 龍潭國小第 123 屆自治市小市長選舉 DFC 投票系統：跨校合作版本（繼承 #93 + DFC 行動方案投票）
- #78 桃園市 115 學年度國小課程計畫 AI 審查工具 v4.1：跟 #88 國中版同源（國小 vs 國中對應版）+ 40+ 項審查 + 雙模式 + PWA
- #23 點石成金蜂 v2.9.1 網頁版：跟 #7 LINE Bot 是雙形式 — React 18 + Gemini 2.5 Flash + 多元風格 + 成語庫帳號隔離
- #42 兒童臉部隱私保護工具：SSD MobileNet 自動偵測 + 三種遮蓋（Emoji / 馬賽克 / 模糊）+ 臉部旋轉偵測 + 批次 ZIP
- #61 英打打字超互動遊戲 GitHub Pages 重構版：跟 #20 同源升級（虛擬手指肌肉記憶 + 隨機色彩 + Tailwind CDN）
- #59 小智鈴 AI 客服系統：桃園市石門國小資訊組客服部 — 24/7 AI 即時諮詢 + 教育場域智慧交談機器人
- #90 繪本→Google 表單一條龍工作坊 v0.6：Gemini 繪本 → Google Doc → Apps Script → Google 表單 → QR Code 給學生
- #1 線上即時客服：Replit shared link 公開分享 — 跟 #19 是同 Replit 專案兩入口（分享公開版 vs 製作後台）
- #19 設計自己的專屬客服：跟 #1 是同 Replit 專案製作後台 — 「fork → 自訂 → 訓練 → 上線」流程教學
- #8 12 年教案有 14 — LINE Bot：豐富教案資源分享平台 + 即時推送多元教學素材
- #39 孔明神算：心靈感應預言魔術 — 用 Claude Artifacts 公開分享連結部署的數學魔術遊戲
- #40 Padlet 行政宣導動態牆：用 Padlet 平台部署的即時校園公告牆（不用自架網站）
- #98 教室小幫手：26 個課堂小工具裝進一個分頁，免登入不上傳的導師百寶箱
- #99 考試卷生圖 Studio：四欄位 20 秒生兩張黑白線稿，列印不吃墨水的備課救星
- #102 外星人入侵·保衛石門：復古太空射擊 × 全校排行榜 × 可離線的下課十分鐘
- #101 3D 迷宮冒險遊戲：第一人稱光球收集 × 紅怪閃避 × 全班排行榜，瀏覽器跑 3D 的下課十分鐘
- 🎉 100 工具達成：阿凱老師教育工具集兩年實驗筆記
- #103 AI Agent 的 Web 技能雙引擎：一頁讀懂 Playwright 動手、Webwright 動腦
- #104 台灣官方資料庫 Twinkle-Hub：讓 AI 助教「先查官方資料、再回答你」
- #106 石門國小第103屆畢業典禮：當家長的祝福，能在三秒內飛上禮堂大螢幕
- #109 別再用 Excel 收軟體需求了：老師三分鐘勾選，全校前 5 名即時排好提報教育局
- #108 把反詐騙變成一場闖關：學生扮資安特攻隊，跟 AI 教官一封封揪出釣魚信
- #107 每學年初最磨人的雜事：上千個教育雲帳號，這次三步驟自動對齊
- #105 臺灣主權 AI 訓練語料庫 × 石門國小：把「國家拿去訓練 AI 的語料」變成孩子的教材
- #110 活動辦完，照片就躺在資料夾裡發霉？上傳照片，AI 幫你剪成一支有旁白有配樂的成果影片
- #112 皮卡丘天空大冒險：經典飛翔小鳥結合寶可夢，鍛鍊學生專注度與挫折容忍度
- #111 狼人殺冠軍賽：把班級同樂變成一場有規則、有推理、有掌聲的口語表達競賽
- #113 告別 Excel 地獄！PaGamO 素養教材授權填報的行政數位轉型
- #116 考卷格式自動校正系統：出題完成後，老師最需要的其實是「列印前最後一雙眼睛」
- #115 把四則運算變成道館挑戰：萌獸數學道館的練習動機設計
- #114 告別人工肉眼比對！學生名單校對平台的個資安全與智慧防呆防線
- #120 3D 星際雷霆解題大冒險：第一人稱飛船駕駛 × 太空戰術寶箱 × 跨學科知識智囊球，把課堂複習變成星際冒險！
- #119 SDGs 不只背目標：在地球守護隊九大世界，把永續選擇真的做一遍
- #118 資訊課複習不用再發一張題目紙：讓孩子在答題快打裡用正確觀念守護校園網路
- #117 石門國小線上調代課系統：從紙本喬課到點兩下媒合，把教學組最累的行政流水線搬上線
- #121 仙人掌大逃亡：奔跑吧小墨龍！水墨風無盡跑酷，下課 10 分鐘的專注力極速挑戰
- #122 兒童英語單字大冒險：拍一張課本照片，AI 幫你把整課單字變成全班對戰
- #127 桃園市AI素養爭霸賽：把「要會 AI」拆成學生今天就能練的六個站點
- #126 DEADZONE 能量防線：把失敗放在策略上，孩子才會想再試一次
- #125 教師工會支會宣導站：把「今年會費到底怎麼繳」一次講完，不用再翻群組
- #124 從 AI 教學與研究助理到 AI Agent：把一日工作坊變成可重複的實作路線
- #123 校網無障礙 AA 遷移操作平台：把一本研習講義，變成 12 個能打勾的步驟
- #128 石門・心晴校園：在熟悉的走廊上，練習和同學好好相處
- #130 賽程、接力、停車一次查：石門國小運動會資訊站，讓全家安心出發
- #129 開完會還在問「哪天截止？」：石小會議集合站把每週晨會留成一個網址
- #131 先看本校，再對照全國：把兒少上網問卷結果留在同一個閱讀入口
- #132 從「他推了同學一把」到正式紀錄：姓名先換代號，再請 AI 幫忙寫
- #133 一張課本照片，長出一整套 AI 教學：把一場師培工作坊做成會互動的簡報
- #134 把一本品牌方案變成十二座浮空島：石門國小品牌群島
- #135 一所小學的程式，送上公共程式平臺：二十分鐘講完三週的資安檢測
所有工具原始碼公開於 GitHub cagoooo/Akai。