「中文注音打字遊戲 Pro」(Zhuyin Challenge Pro)是阿凱老師為國小中年級資訊課中打單元打造的 Vite + Tailwind 模組化版本,部署在 cagoooo.github.io/typeCC/,當前 v1.3.0。從 #21 早期 XOOPS VM 版 升級重構而來,是「漸進式工具家族」案例之一(前 5 個:PIRLS / Aura / 教師回覆 / 演說 / 瑪莉歐)。
🎯 核心特色
- 🎯 4 級難度系統 — 初學者(常見單字)/ 入門(常用漢字)/ 進階(常用詞語)/ 大師(四字成語),隨難度提升詞長變長
- 🏆 全球排行榜 — 挑戰世界各地玩家、留下名字看排名,跟 #69 猴子投擲 同款全球 PK 機制
- 📸 成績單分享圖片 — 一鍵生成精美成績單分享 LINE / IG / FB,學生愛炫耀進步
- 📱 PWA 支援 — 離線遊玩、可安裝桌面像原生 App
- ⚡ Vite + Tailwind CSS — 現代化響應式介面,桌面手機都好用
- 📚 常用漢字 + 詞語 + 四字成語詞庫 — 從單字到成語循序漸進
- 📦 MIT 授權純 JavaScript — 無大型框架、可 fork 改造
💡 設計理念
#70 跟 #21 XOOPS VM 版 是 Pro 版升級 同源雙部署:#21 純前端單檔 / #70 Vite 模組化、#21 早期單版 / #70 v1.3.0 持續打磨、#21 單一模式 / #70 4 級難度、#21 字元落下 / #70 常用漢字 + 詞語 + 四字成語、#21 無排行 / #70 全球榜、#21 截圖 / #70 一鍵生成精美成績單圖片、#21 無 PWA / #70 可離線玩 + 安裝桌面。為什麼全球排行榜這麼重要?對國小學生:動機(想看自己世界第幾)+ 比較(同學間 PK)+ 進步追蹤;對老師:資料(看全班排名分布)+ 獎勵(這週進步最多得貼紙)+ 班內競賽(分組挑戰)。跟 #71 成語填空大挑戰 是姊妹工具 — typeCC 速度導向 vs typeTC(成語)知識導向,repo 命名都呼應。
🎒 適合情境
- 資訊課中打單元 5 節課完整流程:第 1 節用 #21 入門熟悉鍵位 → 第 2 節玩 #70「初學者」第一張成績單 → 第 3 節升「入門」「進階」→ 第 4 節挑戰「大師」級四字成語 → 第 5 節班內 PK 大賽全球榜競爭
- 期末挑戰:全班同學分享成績單到家長 LINE 群,看誰一學期進步最多
- 家長假日陪練:「今天破我中打紀錄」變家庭遊戲
適合國小三四年級資訊課老師、注音輸入入門訓練、想長期堆疊打字訓練的學校。搭配 #55 ㄅㄆㄇ 注音大挑戰(一年級虛擬鍵盤拼注音)+ #61 英打 GitHub 版 形成「打字訓練三段式」完整教程。