國小資訊教師 × 軟體工程師
「教材即遊戲，AI 是放大器」
把十年工程能力帶進教學現場，自己動手做出符合學生需求的互動教材，而不是受限於現成軟體。
我是陳冠廷，目前擔任國小資訊教育教師。在踏入教學現場之前，是十年以上經驗的軟體工程師。這個雙背景讓我在課堂上比起一般教師多了一個維度 —— 能直接動手做出符合教學情境的教材，不必受限於現成軟體的功能與授權。
工作之餘，我持續學習 AI 應用，並把 LLM 與 code agent 帶進教材設計流程。本作品集中的每個遊戲， 都是這套「教師 + AI 協作」工作流的實際產出，從零到部署平均只需要 1–2 個工作天。
五個帶我做出這份作品集的核心信念。
用遊戲化降低學習挫折感，讓孩子主動想學。每個遊戲都有過關、有證書、有成就稱號。
善用 AI 工具讓單人教師也能產出高品質教材。從發想、設計、開發到部署都能加速。
重點在運算思維、邏輯推理、媒體識讀。一年級就能學運算思維，不必等到中高年級才寫程式。
每個單元目標清楚、不貪心。學生負荷不會過大，能在 10–15 分鐘內完成完整闖關體驗。
教學成果用可互動網站呈現，比 PPT 更有說服力，家長與學生隨時點開都能體驗。
按錯不扣分、目標不會太小、節奏可調整。讓挫折感降到最低，每個孩子都能完成。
6 款互動教材，涵蓋一年級到中年級資訊教育核心能力。點擊任一張可直接體驗。
滑鼠控制訓練：點擊 / 移動 / 拖曳 / 雙擊四技能。三階段闖關（森林 / 山洞 / 魔王城），魔王戰整合所有操作。
鍵盤位置認識：3 種模式自選（數字 / 方向鍵 / 英文字母 A-Z）。60 秒挑戰，最後計算準確率。
英文打字入門：3 關漸進（單字母 → 2 字母 → 3 字母單字）。自動鎖定最低外星人，字母輸入即時視覺回饋。
數位創作：12×12 像素網格 + 9 色調色盤。可照範本（6 種）依相似度給星，或自由創作。Pointer Events 支援滑鼠 + 觸控。
運算思維入門：點箭頭組成指令序列，按 ▶ 執行讓烏龜吃到所有胡蘿蔔。5 關漸進含繞牆與多目標，最少步數可拿 3 星。
注音打字練習：RPG 戰鬥與連擊機制讓打字變成闖關冒險。完成後頒發可列印的勇者證書。
教師 + AI 協作開發流程，每個遊戲平均 1–2 個工作天從零到上線。
純前端、純靜態，無後端、無資料庫，符合學校資安與部署簡便性需求。
前端
HTML5 + CSS3 + Vanilla JavaScript（不依賴 React / Vue 等框架，降低部署複雜度）
AI 工具
Claude Code（Anthropic）邏輯與整合、Gemini Canvas（Google）視覺原型
資料儲存
瀏覽器 LocalStorage（學生本機紀錄，無後端、無個資外洩風險）
音效引擎
Web Audio API 純合成（不依賴外部音檔，跨平台一致）
響應式設計
CSS Grid + Flexbox + Pointer Events，桌機 / iPad / Chromebook 通用
部署
GitHub Pages 一鍵自動部署，免費、HTTPS、CDN 加速
設計規範
SDD 軟體設計說明書嚴格管理（命名、目錄結構、資料儲存規約）
列印支援
所有過關證書支援列印（@media print 樣式），可直接給家長簽名
如果你也對 EdTech、AI 協作開發、教師作品集有興趣，歡迎交流。
對遊戲開發、AI 教材設計、運算思維教學有任何想法或合作機會，歡迎聯絡。