阿剛老師的異想世界

剛好系列：課堂任務通 Cloudflare 版 -自己建立可自主掌握的非同步互動教學平台

2026-11-05T10:01:23.574+08:00

非同步學習 · 免費方案 · 零伺服器維護

剛好系列：課堂任務通 Cloudflare 版
打造自主掌握的非同步互動教學平台

支援 9 種課堂互動任務，無縫整合生成式 AI 互動教材。
免依賴 Google 雲端硬碟與繁瑣權限，四步部署即刻上線，輕鬆打造專屬班級基地！

🚀 前往 GitHub 專案下載 🎬 介紹與部署影片 📖 查看四步部署流程

💡 從「即時同步」走向「多元非同步」的教學拼圖

之前我曾分享過針對課堂即時互動設計的「剛好學」，協助老師在課堂上透過大螢幕與學生即時問答、抽籤與互動。然而在日常教學中，除了講台上的熱烈即時互動，學生也需要按自己的節奏探索教材、做實驗、畫圖、寫心得與完成測驗。

因此，我開發了這套專為非同步教學設計的「剛好系列-課堂任務通」。現在更進一步將它改寫為 Cloudflare 版本，讓老師們不必受限於雲端硬碟權限或經費門檻，擁有一個完全屬於自己的線上課堂基地。

軟體由來：為什麼從 GAS 改寫為 Cloudflare 版？

課堂任務通最初的版本是架構在 Google Apps Script (GAS) 搭配 Google 試算表與 Google 雲端硬碟。雖然對熟悉 Google 生態系的老師很親切，但在實際教學場景中，隨著上傳的作業檔案、照片與圖畫增多，常會遇到執行超時、檔案權限管理繁瑣，以及學校帳號雲端空間容量受限等挑戰。

⚡ 架構升級：基於現代化 Cloudflare Workers 邊緣運算架構

在這次釋出的新版本中，我將系統核心完全重構，轉移到現代化的 Cloudflare Workers 無伺服器邊緣運算平台：

零伺服器維護負擔：程式直接在邊緣高速運行，免除以往繁複的後端設定與維護困擾。
擺脫 Google Drive 依賴：所有學生的作業圖片、手繪作品與檔案，由系統集中安全管理，無須繁瑣設定硬碟共用權限或擔心存取被擋。
100% 免費方案即可運作：不需要購買伺服器，不需要綁定信用卡，完全使用 Cloudflare 免費額度即可順暢支援全班上課。
平滑無痛更新：日後只要在終端機輸入一行指令更新程式，既有的學生名單、作業與成績資料完全保留不遺失。

🌱 教育工具的初衷：工具應該為教學服務，而不是增加老師的資訊技術負擔。這套軟體讓每位老師都能以最少的時間成本，建立高自主性、高隱私且穩定耐用的教學平台。

功能總覽：走廊教室入口與 9 種互動任務

部署完成打開網址，映入眼簾的是溫馨直覺的「學校走廊」首頁：左側是老師專屬的「教師辦公室」，右側是孩子們的「學生教室」。

🏫 貼心專為師生設計的友善管理

首次設定管理者：第一位進入教師辦公室的老師設定密碼即成為管理者，確保操作安全。
學生名單批次匯入：直接貼上一行一位的姓名與密碼即可快速建檔。
國小友善「免密碼登入」：針對國小低中年級學生，可開啟免密碼模式，學生只要在教室門口點選自己的座號姓名就能輕鬆進入。
五大管理分頁：進入課堂後，具備「單元內容」、「學生名單」、「批改與總覽」、「作品藝廊」及「課堂設定」清晰分頁。

九種多元任務類型，滿足全方位學習情境

在「單元內容」中，老師可以依照章節自訂分類（如「水的三態變化」），並派送豐富的任務：

📄

1. PDF 講義互動

上傳教材自動將每頁轉為圖片，學生可直接在網頁上劃記、圈選與寫筆記。

🎬

2. YouTube 隨堂考

搭配影片觀看進度派送題目，支援 CSV 匯入與內建 AI 提示詞一鍵產生試題。

📸

3. 圖文回應

學生可拍照上傳實作成果、實驗現象，並填寫文字觀察與心得回饋。

🎨

4. 手繪繪圖板

學生可用手指或平板觸控筆直接線上自由作畫、繪製心智圖或設計圖稿。

📝

5. Markdown 文件

呈現排版精美的線上講義與學習單，並支援學生匯出成圖片或 PDF 存檔。

🔗

6. 外部連結

整合外部優質線上資源、教學遊戲或參考網站，集中於同一任務節點。

📁

7. 分享檔案

直接分發補充資料、學習單範本或簡報檔案，供學生自主下載瀏覽。

💯

8. 自動閱卷測驗

是非、單選等題型，系統提供即時自動評分，學生繳交立即掌握理解成效。

🌟

9. AI 網頁加截圖回傳

最強核心亮點！無縫整合 AI 生成的互動 HTML 網頁，完成後一鍵截圖繳交。

🌟 重點推薦：生成式 AI 互動教材＋截圖回傳機制

現在使用 Gemini Canvas、ChatGPT 或 Claude 等生成式 AI，只要輸入一段提示詞，就能在幾秒內產出功能完整的單一 HTML 互動教材。

💡 實用範例提示詞：
「請設計一份國小三年級『水的三態變化』互動學習單，要有溫度實驗滑桿、配對練習、小測驗，還有寫下觀察的地方，做成單一 HTML 檔案。」

以往老師拿到這類酷炫的 HTML 檔案，往往苦惱於「不知道該如何派送給學生，更不知道學生操作完後該如何繳交收作業」。課堂任務通完美解決了這個斷點：

安全沙盒隔離（Sandbox）：網頁在受保護的沙盒容器中執行，完全不會讀取到平台後台資訊，安全無虞。
智能截圖回傳：學生在互動網頁中拖拉實驗、填答完畢後，點選右下角「截圖回傳」，可自選「整頁截圖」或「當前畫面」。系統會自動過濾淡入淡出動畫，完整捕捉作答全貌。
縮圖牆批改作業：老師在後台可以直接看到全班學生的截圖縮圖牆，點開即可精準給予評分與指導評語！

課堂教學應用：課前、課中、課後完整實踐

結合非同步學習與課堂面授，課堂任務通能夠靈活融入各種教學節奏：

學習階段	教學活動與任務搭配	教學價值
課前預習（自主探究）	派送 AI 生成的模擬實驗網頁或 YouTube 隨堂考任務，讓學生在上課前先以自己的節奏觀看與試驗。	翻轉課堂概念，激發好奇心，老師可在課前掌握學生先備知識盲點。
課中互動（分組與分享）	學生手持平板進行手繪繪圖、圖文回應拍照實驗成果；老師開啟「作品藝廊」將全班作品投影在大螢幕上討論。	作品互相觀摩，支援同學按讚與留言；開啟完全公開還能產生 QR Code 讓家長共同參與。
課後鞏固（檢核與輔導）	指派自動閱卷測驗與重點 Markdown 複習講義，學生自主複習並檢視錯誤。	老師於「批改與總覽」一覽全班每位同學的完成矩陣，針對未通過學生進行個別化輔導。

🖼️ 打造班級的「作品藝廊」與家長親師連結

學生的圖文報告與手繪畫作，不再只是躺在後台的作業檔。老師可以將優秀作品一鍵發布至「作品藝廊」：

在班級內部，同學之間能互相點讚、給予溫暖正向的留言評語；若設定為「完全公開」，系統還會自動生成專屬分享連結與 QR Code，讓家長在親師會或家長日也能透過手機欣賞孩子的學習成果。

四步部署：只要 5 分鐘，免信用卡架設上線

課堂任務通採用現代化 Cloudflare Workers 架構，整個部署流程極其精簡：

1下載程式專案

2安裝 Node.js
註冊帳號

3終端機登入
授權認證

4一行指令
完成上線

🎬 軟體部署及功能介紹影片

如果不確定操作細節，可以直接觀看完整教學影片。從專案下載、Node.js 安裝、Cloudflare 快速部署，到九種課堂任務功能與教室實際應用，跟著影片邊看邊做更輕鬆：

影片連結：https://youtu.be/JEJsTQTjZSs

下載程式並解壓縮

前往 GitHub 開源專案：https://github.com/kentxchang/classtask_cloudflare。

點選右上角綠色的 Code 按鈕，選擇 Download ZIP。下載完成後解壓縮，打開資料夾，確認能看見 wrangler.jsonc 設定檔那一層。

準備 Node.js 環境與 Cloudflare 免費帳號

前往 Node.js 官方網站，下載 Windows 版本的 LTS 安裝程式，點擊下一步完成安裝。

前往 Cloudflare 官方網站，註冊一個免費帳號。免費方案即可滿足日常教學需求，完全不需要填寫或綁定信用卡。

開啟命令視窗並登入 Cloudflare

在剛才解壓縮的資料夾中（看得到 wrangler.jsonc 那一層），點一下檔案總管上方的路徑網址列，輸入 cmd 並按下 Enter，即可在該目錄快速開啟命令提示字元。

在終端機中輸入以下登入指令：

npx wrangler login

若系統詢問是否安裝相關套件，輸入 y 繼續。接著瀏覽器會自動彈出授權視窗，點擊 Allow 允許。當命令列出現 Successfully logged in 時，即代表登入成功！

一行指令完成部署上線

最後在命令視窗中輸入部署指令：

npx wrangler deploy

若您是第一次使用 Cloudflare Workers，系統會提示您設定一個 workers.dev 的子網域名稱（取個英文名稱即可）。部署完成後，畫面最下方會直接印出您的專屬網站網址，點擊打開即可開始使用！

💡 需要繁雜的系統設定嗎？完全不用！
設定檔已經全部預先配置妥當。在執行 npx wrangler deploy 時，Cloudflare 會自動建立完整運作環境，開箱即用。
若想自訂專屬的網址名稱，只要在部署前修改 wrangler.jsonc 裡面的 name 欄位即可；日後程式版本更新，也只要再次執行 npx wrangler deploy，既有的學生名單與教學資料都不會被覆蓋或清空！

📦 下載課堂任務通 Cloudflare 版專案

課堂維護：空間管理與課程備份機制

為了確保免費方案能夠長久穩定運作，系統內建了貼心的「空間管理」工具：

📊 直覺容量長條圖與一鍵備份還原

空間視覺化監控：後台透過長條圖清楚顯示每門課程佔用的儲存空間。Cloudflare 免費方案提供高達 1GB 的儲存容量，對於一般班級的圖片與作業而言相當充裕。
學期結束備份封裝：每當學期或課程結束，老師可以在後台一鍵下載課程的完整備份封裝檔，再將課程自線上刪除以釋放空間。
完整匯入還原：日後若需要調閱往年學生作品或重新複習，隨時可將備份檔匯入還原，兼顧資料保存與雲端資源的最佳化運用。

常見問答（FAQ）

常見問題	解答說明
執行 wrangler deploy 時顯示錯誤？	請確認您是在包含 `wrangler.jsonc` 的那層資料夾開啟 `cmd`，且電腦已安裝好 Node.js（可輸入 `node -v` 檢查版本）。
真的完全不需要費用嗎？	是的，本專案完全運行於 Cloudflare 免費層（Free Plan），不需要綁定信用卡或付費訂閱，安心無負擔。
學生需要下載任何 App 嗎？	完全不需要。學生只要使用平板、筆電或手機瀏覽器，掃描 QR Code 或輸入網址即可直接作答與繳交任務。
國小低年級記不住密碼怎麼辦？	在後台建立名單時，勾選「免密碼登入」，學生登入時只要點選自己的名字即可直接進入教室。
未來更新程式碼，資料會不見嗎？	不會。再次執行 `npx wrangler deploy` 僅會更新前端與系統腳本，既有的學生名單、課堂任務與作答繳交紀錄都會持續安全保存。

讓每個班級，都能擁有專屬的智慧任務基地

從即時互動的「剛好學」，到非同步探索的「課堂任務通」，
我希望能為教育現場提供低門檻、高效能、且資料自主的工具選擇。
歡迎各位老師下載體驗，一起探索生成式 AI 與多元互動帶來的教學新可能！

🚀 立即前往 GitHub 下載體驗

教室大屏工具（Cloudflare 版）白板、計時器、抽籤、PDF 講義、實物投影與雲端畫面存檔，全部裝在一個網頁裡。

2026-10-31T19:10:16.576+08:00

Cloudflare 免費部署 · 免安裝 · 免資料庫

教室大屏工具（Cloudflare 版）

白板、計時器、抽籤、PDF 講義、實物投影與雲端畫面存檔，全部裝在一個網頁裡。打開瀏覽器就能上課，不必安裝任何軟體。

下載原始專案（GitHub）🚀 看免費部署步驟

🎬 影片介紹：部署流程與軟體操作

如果不想看文字步驟，這段影片從 GitHub 下載程式、免費部署到 Cloudflare，到教室裡的實際操作示範，都完整走過一遍。

教室大屏工具（Cloudflare 版）部署與教室應用

🌱 軟體由來：我想要一個「打開就能上課」的頁面

這幾年教室裡的大屏、電子白板與投影機愈來愈普遍，但實際站在講台前操作時，常會遇到一種很瑣碎的困擾：白板要開一個程式、計時器要開網頁、抽籤用另一個工具、PDF 講義又得切到別的視窗。工具本身都不難用，難的是它們彼此不相干，一堂課上下來，老師有一半的注意力都花在切換畫面。

所以我一直想做一個很單純的東西：一個網頁，就是一整套上課工具。按鈕要大、圖示要清楚，因為在大屏前常常是站著、隔著一段距離用手指點；工具列平時要收在畫面邊緣，不能擋住教學內容；而最重要的是，這節課排好的畫面，下次要能原封不動地開回來。

後來我把它搬到 Cloudflare。原因很實際：免費方案不需要信用卡，也不用另外申請資料庫，設定一次之後就能一直使用。對一位想把時間留給教學的老師來說，這樣的門檻剛剛好。

💡 設計的核心想法：把「這堂課會用到的東西」集中在同一個畫面上。老師不必記住哪個功能在哪個網站，只要記得這個網址就好。

🧰 七大類工具，涵蓋一整堂課的需求

工具列依用途分成七類，需要什麼就到對應的分類裡找，不必在一長串按鈕中翻找：

🖊️

白板

畫筆、橡皮擦、幾何圖形，還能在任何內容上直接圈選、寫算式。

👥

班級

抽籤、轉盤、計分板、待辦清單，處理點名、分組與班級經營。

🎯

遊戲

複習用的互動小遊戲，讓暖身與觀念檢核多一點參與感。

📚

資源

PDF 講義、圖片、教學影片清單，以及 AI 大綱轉心智圖。

📽️

多媒體

實物投影、鏡像、凍結、截圖，把學生作品即時放上大屏。

☁️

雲端

整個課堂畫面的存檔、載入與分享，換教室也不必重排。

⚙️

系統

時鐘、跑馬燈、噪音偵測、聚光燈等課堂節奏輔助。

🏫 課堂教學應用：一堂課的節奏

我習慣把「一堂課」當成一個單位來準備，而不是一個一個功能分開想。實際使用時，大概是這樣的流程：

課前

把這節課排成一個「畫面」

先把 PDF 講義、圖片、教學影片加進清單（YouTube 網址會自動轉成嵌入格式），也可以把 AI 產生的大綱貼上，一鍵變成心智圖。只把一開始要用的東西放到畫面上、排好位置，存成「七年三班第五課」這樣的名稱。下次上課一打開，就是你當初排好的樣子。

開場

收心與預告

把時鐘放大顯示，需要時開整點報時；跑馬燈打上今日提醒；待辦清單列出這節課的流程，完成一項勾一項，學生自然知道現在進行到哪裡。

講課

講義、板書與重點標示

PDF 按下播放就全螢幕，點左右兩側或用簡報遙控器換頁，還有雷射筆可以指重點。畫筆能直接在任何內容上圈選、寫算式；國語課換成田字格、英文課用四線格、音樂課用五線譜。要聚焦某一題時，用聚光燈把其他地方變暗。

討論

計時、計分與音量提醒

小組討論時，計時器有大大的倒數環，最後十秒會有提示音，時間到會響鈴、畫面閃爍。計分板可以幫六個小組加減分，適合搶答和競賽；噪音偵測用麥克風偵測音量，以綠、黃、紅燈提醒學生控制音量。

發表

把學生的作品放上大屏

實作與發表時，用投影功能把學生的作品即時投到大屏上，可以鏡像、凍結、截圖。複習時用轉盤或抽籤隨機點人回答，暖身又公平。

課後

自動存檔與分享

下課前不用擔心，畫面會自動雲端存檔。按「分享」會產生網址和 QR Code，可以貼到班級群組，讓學生回家複習同一個畫面。

🖱️ 使用詳細教學：幾個常用的操作

工具列與視窗

📌工具列平常縮在左邊：滑鼠移過去或手指點一下就會展開，不擋住教學內容。
⭐釘選常用工具：按右上角的星星，常用的工具就會固定顯示。
🪟每個工具都是一個視窗：可以拖曳、縮放；連點兩下標題列就能最大化，全班都看得清楚。

建立並保存一堂課的畫面

加入教材

在「資源」分類中把 PDF 講義、圖片、教學影片加進清單。貼上 YouTube 網址會自動轉成嵌入格式；貼上 AI 產生的大綱則可以一鍵變成心智圖。

排出上課要用的樣子

只把一開始會用到的視窗放到畫面上，調整大小與位置。需要時把某個視窗最大化，或先縮小收著。

存成好記的名稱

在「雲端」分類按下存檔，命名為「七年三班第五課」之類的名稱。下次上課從清單載入，視窗位置與白板內容都會回來。

分享給學生

按「分享」會產生這個畫面的網址與 QR Code。貼到班級群組，學生用手機或平板掃描就能看到同一個畫面；學生端是唯讀模式，不會改到老師的存檔。

⚠️ 小提醒：每次開啟要輸入管理者密碼才能編輯和存檔。學生或其他人可以用唯讀模式瀏覽，但不會動到您的內容。

🤖 上傳 HTML：讓 AI 做的教材直接變成一個網址

現在很多老師會用 AI 幫忙做互動教材，像是小測驗、小遊戲或模擬動畫，做好就是一個 HTML 檔。以前要讓學生打開來用，還得自己想辦法上傳到 GitHub 之類的免費網站空間，步驟多又麻煩。

現在只要打開「上傳 HTML」，選擇檔案就上傳完成；按「放到畫面」，就能直接在大屏上示範給全班看。接著按「分享」，馬上產生這份教材專屬的網址和 QR Code。

✨ 對學生的好處：手機或平板一掃就能立刻打開老師的自製教材，不用登入，也不用安裝任何東西。老師不必再擔心網站空間的問題。

🚀 佈署說明：免費架在 Cloudflare 上

整套工具架設在 Cloudflare 免費方案，不需要信用卡，也不用另外申請資料庫。部署前只要準備兩件事，而且只需要做一次：

1️⃣註冊一個 Cloudflare 免費帳號（不需要信用卡）。
2️⃣安裝 Node.js，選 LTS 版，安裝時全部按「下一步」就可以了。

取得程式

到 GitHub 下載 ZIP

開啟專案頁面，按綠色的「Code」按鈕，再按「Download ZIP」，下載後解壓縮。

👉 https://github.com/kentxchang/webscreen_cloudflare

找到正確的資料夾

打開解壓縮後的資料夾，看得到 wrangler.toml 這個檔案的那一層，就是我們要操作的地方。

（可選）換一個自己喜歡的網址名稱

用記事本打開 wrangler.toml，把第一行的 webscreen 改成你喜歡的名字。只能用英文小寫、數字和減號。

登入與部署

在這個資料夾打開命令視窗

在資料夾上方的網址列輸入 cmd，按 Enter，就會在這個資料夾打開命令視窗。

登入 Cloudflare

輸入下列指令。第一次會問要不要安裝套件，輸入 y。

npx wrangler login

瀏覽器會打開 Cloudflare 授權頁面，按 Allow 允許。看到 Successfully logged in 就登入完成了。

開始部署

輸入下列指令：

npx wrangler deploy

第一次使用時會請你設定一個 workers.dev 子網域，取個好記的英文名字就好。完成後畫面會顯示一個網址，這就是你的網站了！

💡 懶人做法：也可以直接雙擊資料夾裡的 deploy.bat，它會自動幫你登入和部署。

部署完成後的第一件事

立刻設定管理者密碼

打開網址後，先設定管理者密碼（至少四個字元）。在設定好之前，請先不要把網址分享出去。

以後程式有更新，只要再執行一次部署，原本的存檔都不會遺失。

🚀 取得程式，開始部署自己的教室大屏

原始專案與完整程式碼都放在 GitHub 上，採用 Cloudflare 免費方案，不需要信用卡，也不用另外申請資料庫。歡迎下載試用，也歡迎依照自己的教室需求修改。

前往 GitHub 下載原始專案

📝 結語

這套工具沒有什麼艱深的技術，出發點只是一個很普通的觀察：上課時，老師的注意力應該留給學生，而不是留給切換視窗。把常用的工具收在同一個頁面裡，把排好的畫面存下來，下一節課就能少一點準備、多一點從容。

本作品採用創用 CC 姓名標示—非商業性—相同方式分享授權，歡迎老師們在教學上自由使用、修改和分享。如果在使用上有任何問題，或是有想新增的功能，都歡迎留言告訴我。

教師課堂管理整合工具：Cloudflare 免費極速架構實戰

2026-10-26T23:50:30.551+08:00

課堂管理革命 ‧ cloudflareV1

🎬 系統功能與課堂運作影片導覽

透過以下實機操作影片，快速瀏覽教師課堂管理整合工具（Cloudflare 版）在座位表加扣分、輪盤抽籤與檢視模式切換的流暢效果：

🎒 課堂教學應用：直擊現場教學痛點

這套工具並不是單純的計分表，而是在教學現場一整節課的「指揮中心」。它整合了 18 個模組，精準命中日常教學各個關鍵情境：

🔒

檢視模式安心投影

預設免密碼開啟「檢視模式」，大螢幕投影即時排行榜，學生只能看不能改，再也不怕下課被頑皮學生偷改分數。

🪑

座位表整合加分

直覺按照教室座位視覺化點擊，看到哪一組、哪位同學表現優良直接點擊加分，完全貼合授課視角。

🎡

互動抽籤與計時器

內建輪盤抽籤與小組競賽計時器，採用 Web Audio 晶片級合成音效，完全不需載入外部音效檔，順暢又吸睛。

📑

作業檢核與 PDF 匯出

課堂收繳作業即時登記未交者，一鍵生成並匯出作業追蹤檢核清單與分數報表，備課評量省時省力。

💡 跨教室、跨裝置流暢切換：

在科任教室、導師班或辦公室電腦之間切換時，只需打開部署好的專屬網址，平時以檢視模式瀏覽；上課時輸入專屬管理密碼即可進入「編輯模式」。所有的加扣分在 5 秒內便自動非同步儲存，換一台電腦打開就能無縫銜接最新課堂進度！

🚀 零成本快速部署指南

Cloudflare 的免費額度非常慷慨（每日 10 萬次 Workers/Durable Objects 請求、500 萬列讀取），對於一般教師跨班教學的使用量而言幾乎用不到 1%。部署只需簡單 4 個步驟：

事前準備：註冊帳號與安裝 Node.js

前往 Cloudflare 官網免費註冊帳號（完全不需填寫信用卡）。接著至 Node.js 官方網站下載安裝 LTS 長期支援版本。

修改專案名稱（自訂網址）--可不修改使用預設

解壓縮本專案後，以純文字編輯器開啟 wrangler.jsonc，將第 3 行的專案名稱修改為自己喜歡的英文名稱（例如 my-class-tools）：

"name": "my-class-tools",

終端機登入與一鍵部署

在專案資料夾的網址列輸入 cmd 開啟命令提示字元，依序執行下列指令登入並部署：

npx wrangler login
npx wrangler deploy

按照畫面引導授權後，系統將自動建置 SQLite 資料庫（Durable Objects）並回傳專屬網址，如：https://my-class-tools.yourname.workers.dev。

初始化管理密碼

打開剛剛產生的專屬網址，切換到「🏫 班級與編輯模式」分頁，在密碼欄輸入一組自訂的密碼並按「進入編輯模式」。第一次輸入的密碼將自動綁定為該系統的管理密碼，從此享有完整的資料防護！

舊版無痛搬家提示： 若您手邊仍有舊版 GAS 的試算表資料，進入編輯模式後，點選「⚙️ 更多雲端設定」→「從舊版（GAS 試算表）搬移資料」，貼上舊版 Web App 網址即可一鍵完整遷移所有班級學生與分數！

📦 前往 GitHub 取得完整專案原始碼

📖 課堂情境完整操作手冊

班級名單與分組設定：於「側邊選單」建立班級，支援一次貼上座號與姓名，或利用內建隨機分組模組快速分配討論小組。
課堂加扣分與座位表聯動：可直接在「月曆」或「座位表」點擊加扣分按鈕。連續點擊時系統每 5 秒會自動合併非同步上傳，完全不阻礙講課節奏。
下課投影與切換回檢視模式：離開教室前，點擊右下角浮動鉛筆圖示「✏️」選擇鎖定，網頁即恢復為安全的「檢視模式」，供下一堂課或小老師安全查分。
期末結算與報表下載：點選報表模組，可一鍵匯出 Excel 相容的 CSV、加扣分總表以及作業檢核 PDF，輕鬆完成學期平時成績結算。

結語

科技應該是輔助教學的翅膀，而不是備課過程中的負擔。從舊版 GAS 邁向 Cloudflare 架構，我們不僅擺脫了試算表卡頓的困擾，更以零伺服器成本實現了兼具流暢度與安全性的班級管理神器。

期盼這套工具能陪伴更多在講台上辛勤耕耘的老師們，把寶貴的時間留給與學生的互動與教學，讓班級經營變得更加輕鬆與有溫度！

剛好學：課堂互動 so easy（Cloudflare 版）－功能示範說明影片

2026-10-25T18:25:00.260+08:00

剛好學：課堂互動 so easy（Cloudflare 版）

零門檻、免註冊、免裝 App！涵蓋 16 大即時評量與教學模組，打造真正屬於師生的流暢課堂互動體驗。

📥 下載程式與部署教學

🌱 軟體由來：為什麼我開發「剛好學」？

在推動智慧教室與「生生用平板」的課堂教學實踐中，我常遇到許多現場老師反映類似的困擾：市面上的互動評量平台固然強大，但往往伴隨著繁複的帳號密碼註冊、學生登入耗時、平台網路連線延遲，或是免費額度受限、需支付高額訂閱年費等門檻。

許多時候，我們在課堂上需要的只是一個「剛剛好」的工具——學生不必下載特定 App、不用記帳號密碼，只要拿起平板掃描 QR Code，三秒鐘就能連入教室；老師一鍵派出題目，毫秒之間就能看見全班的作答思考過程與統計圖表。

這就是我開發「剛好學：課堂互動 so easy」的初衷。而在這個最新的 Cloudflare 獨立版 中，我將架構全面升級為 Serverless 輕量雲端架構（採用 Cloudflare Workers + Durable Objects 內建 SQLite + WebSocket 即時通訊），每間教室擁有獨立資料庫，徹底擺脫以往需要繁瑣設定的負擔，真正實現打開專屬網址就能立即上課的極致體驗！

💡 剛好學的核心哲學：「剛剛好的功能、最流暢的體驗、零門檻的操作」。把複雜的雲端技術藏在底層，將最純粹、專注的學習主控權交還給師生。

✨ 課堂教學應用與亮點優勢

在實際課堂中，「剛好學」具備以下幾項專為教育現場量身打造的核心亮點：

🚀 零門檻、開箱即用

教師端一鍵產生專屬教室代碼與投影 QR Code；學生掃描後填寫座號姓名即可秒速加入，無個資外洩疑慮與繁雜登入流程。

⚡ WebSocket 雙向極速同步

採用低延遲 WebSocket 長連線架構，題目派送、學生送出答案、動態數據反饋皆在毫秒內完成，課堂節奏流暢不卡頓。

🤖 智慧 AI 出題與質性分析

內建大型語言模型支援，能自動產生 PIRLS 閱讀理解測驗題組，並能在學生提交文字題後，秒速歸納全班論點摘要。

💾 完整學習歷程與成果保存

課堂作答資料完整暫存，下課前支援一鍵將全班答題明細、繪圖作品、錄音檔打包匯出（HTML / ZIP），銜接學生個人學習歷程。

🎬 系統功能操作教學說明影片

為了讓老師與夥伴們能快速掌握「剛好學」的各項操作細節與最新改版功能，以下提供各主題實機示範與重點解說影片。

🎙️

補充說明： 本系列教學影片的解說文稿與教學脈絡是由我精心規劃，並透過 Claude 搭配 AI 利用我個人的聲音進行高擬真語音合成 製作而成。藉由 AI 技術的輔助，讓教學講解更加流暢清晰，也歡迎大家一同感受生成式 AI 在數位教學資源製作上的強大潛力！

【EP1】智慧教學篇：AI 設定與智慧出題互動

EP1 · AI 智慧專題

🎯 核心概念：打通課堂 AI 神經中樞，從模型設定到實戰 AI 生成題目與分析學生反饋。

AI 核心設定：Gemini API Key 申請與設定、本地 Ollama / Apple AI 支援與模型選用建議。
選擇 / 排序 / 配對：示範傳統出題與輸入主題年級自動產題的「AI 一鍵出題」。
開放式文字題：學生長文簡答收集，透過教師端「AI 即時摘要總結」秒懂全班作答亮點。
長篇閱讀測驗：由 AI 產出閱讀短文並同步生成關聯測驗題組，打造自動化素養題。

【EP2】課堂快問篇：高頻即時檢核與熱絡課堂

EP2 · 高頻快問

🎯 核心概念：課堂破冰、理解度快速檢查、課堂回饋，適合 1~3 分鐘快速節奏。

是非題：觀念直球對決，即時圓餅與長條比例顯示，適合開場提問。
即時文字雲：收集學生關鍵字，動態放大高頻詞，視覺化呈現全班想法。
競賽搶答：毫秒級搶答鎖定，激發學生課堂專注度與榮譽感。
快速投票：課堂滿意度與多選議題調查，支援匿名與記名即時投開票。

【EP3】多元表達篇：圖形標註、計算推理與影音作答

EP3 · 多元表達

🎯 核心概念：超越文字選項，運用圖畫、語音、座標定位與公式草稿展現思維歷程。

畫布繪圖題：自訂底圖派送、手寫繪圖作答與教師端即時作品牆巡覽。
語音錄音題：語言朗讀與口說表達評量，錄音直接回傳即時聆聽。
多頁計算題：提供多頁草稿紙功能，清楚呈現數學與理化的運算推導過程。
圖片熱點點選題：地圖找地標、人體器官圖解，教師端呈現直觀熱點密度分佈。

【EP4】互動共學篇：同步協作、動態展示與課堂資源

EP4 · 同步協作

🎯 核心概念：將主控權彈性交替，進行講義同步、小組便簽收納與外部資源派送。

網址 / HTML 派送：一鍵將外部模擬器（如 PhET）、互動教材或網頁推播至學生平板。
小組便利貼牆：仿實體牆的卡片分組歸納、便簽拖曳分類與發表。
即時同步白板：支援多人即時共編或教師示範，極低延遲筆跡同步。
同步簡報：教師切換投影片頁面，學生畫面毫秒跟隨，精準掌控教學節奏。

【EP5】V2.1 新功能篇：本機題庫一鍵匯出匯入與跨機轉移

EP5 · V2.1 新功能

🎯 核心概念：解決在辦公室或家裡備課完成後換電腦題庫消失的困擾，實現題庫一鍵打包搬家與隨身帶著走！

專屬按鈕不擾課：教師面板左下角常駐綠色「匯出／匯入題庫」圓形鈕，進入題目操作模組時自動智慧隱藏，不遮擋上課畫面。
跨模組一鍵打包：單擊即可將選擇題、排序題、配對題、閱讀測驗四種題庫完整打包為帶有日期的 JSON 檔案，方便透過隨身碟、雲端或 Email 帶進教室。
多選彈性匯入：到教室電腦匯入時，系統會條列模組與題庫，支援個別或整組勾選匯入（提醒：同名題庫將自動覆蓋）。
即匯即用極速載入：匯入本地後任何教室皆可存取，進模組從「本地題庫」選單點選「匯入此課堂」後載入，即可直接派送作答！

🛠️ 16 大模組教學實戰應用一覽

在日常課程設計中，老師可以根據教學環節靈活挑選最適合的模組：

1. 是非題 (O/X)

超大對比按鈕，即時顯示百分比與答題人數，最適合課前迷思檢核與課末概念確認。

2. 選擇 / 排序 / 配對

支援手指拖曳排序與動畫連線，結合 AI 自動出題，輕鬆完成歷程演繹與語文配對。

3. 文字題 & AI 分析

瀑布流即時預覽全班文字發表，搭配 AI 瞬間歸納全班正反論點，全員深層思辨。

4. 即時文字雲

輸入 10 字內關鍵字，視覺化演算法即時聚合詞頻，呈現全班集體意識與破冰回饋。

5. 繪圖題（附重播）

支援老師上傳底圖學習單；教師端可透過 0.5X～3X 速度重播學生的作畫思考過程。

6. 派送網址 / HTML

一秒同步引導全班前往目標網頁；派送 HTML 時學生還能一鍵截圖送出學習成果。

7. 錄音題

免安裝外掛，直接於瀏覽器錄製口說與朗讀，教師端支援個別試聽與全班 ZIP 打包。

8. 閱讀測驗 (PIRLS)

左右分割雙欄視窗，左側自備螢光筆劃記文本，搭配 AI 命製 PIRLS 四層次素養題組。

9. 便利貼牆

無限縮放自由畫布，張貼文字與照片，並支援老師板書畫記分類，適合專案導向學習。

10. 專注力遊戲

心理學舒爾特方格（Schulte Grid 6×6），鐘聲響起迅速收心、午休後重聚注意力。

11. 搶答

超大搶答按鈕與毫秒級判讀，搭配專屬冠軍獎盃動畫與音效，瞬間點燃複習競賽氣氛。

12. 快速投票

自訂 2～6 個選項，即時動態長條圖與百分比，適合班級自治決策與立場取向調查。

13. 同步白板

多頁多畫布電子白板，支援插入圖片、PDF 與權限鎖定，師生即時共同板書演算。

14. 同步簡報

匯入 PDF 講義，學生端強制同步跟隨翻頁，並具備即時雷射紅點同步與雙人答案對比。

15. 計算題

多頁格線計算紙（最多 20 頁），支援觸控筆防誤觸，清楚看見學生完整計算推導步驟。

16. 圖片點選題

學生在題目圖上點選位置，教師端即時呈現熱點圖，並可不規則圈選自動統計答對率。

🎯 貼心的班級經營輔助工具

🎲隨機抽籤 (Lottery)：自動從線上名單翻牌抽籤，確保課堂發言機會均等。
❤️同儕互評 (Peer Review)：作答結束一鍵發起互評，學生觀摩同儕並投出愛心，落實評量即學習。
⏸️作答暫停控制 (Pause & Lock)：講解時一鍵暫停全班回覆，瞬間收回課堂主控權。
👥在線與未作答名單追蹤：即時掌握未交卷學生座號姓名，巡堂個別化指導更精確。

🚀 想將「剛好學」部署到自己的專屬網站嗎？

本版本不需要綁定信用卡，完全架構於 Cloudflare 全球免費方案上。若您需要完整的軟體原始碼下載與手把手部署步驟圖文教學，請點擊下方專文連結前往閱讀：

📖 前往閱讀安裝部署教學與取得軟體

📝 結語

教育科技的價值，從來不在於炫目複雜的技巧，而在於它是否能真實拉近師生之間的思維距離，讓每一位孩子都有被看見、被傾聽的機會。「剛好學」這套工具從現場教學出發，希望透過更精簡的架構與更順暢的體驗，陪伴大家在每一堂課中看見更豐富的學習風貌。

歡迎各位教育夥伴試用並分享您的教學回饋，讓我們一起讓課堂互動變得更輕鬆、更有趣！

剛好學 Cloudflare 版-4步驟2行指令佈署自己專用課堂互動平台

2026-10-24T02:05:12.345+08:00

免費方案 · 不用信用卡 · 四步上線

剛好學 Cloudflare 版
把課堂互動搬到自己的免費網址

免安裝 App、免註冊學生帳號，掃個 QR Code 就能互動
這是一套由阿剛老師為課堂即時互動而設計的軟體，簡單、好用、不花錢

🚀 前往 GitHub 專案 📖 看四步部署

💡 如果你正好沒有經費購買課堂互動軟體

可以先試試「剛好學」。這是阿剛老師針對課堂即時互動而設計的軟體，簡單、好用，學生免安裝 App、免註冊帳號，掃 QR Code 就能加入。部署到自己的 Cloudflare 免費帳號，全程免費，也不需要綁定信用卡。

沒有經費，不代表課堂只能維持原樣。先從一個小功能開始，也許就足夠讓整堂課不一樣。

為什麼會有「剛好學」？

課堂上的即時互動，其實不需要很複雜。老師問一個問題，全班都能回答；誰會了、誰還卡住，一眼就能看出來——這樣就夠了。但市面上不少課堂互動軟體，對學校或老師來說，經費、帳號、裝置常常都是門檻。

「剛好學」就是阿剛老師針對課堂即時互動而設計的軟體。它把老師真正會用到的功能留下來，把不必要的設定拿掉：學生不用安裝 App、不用註冊帳號，掃 QR Code、輸入教室代碼和座號姓名就能加入；老師開一間教室，就能馬上開始上課。

☁️ 這次的 Cloudflare 版，解決的是「安裝門檻」

原本的版本需要自己申請資料庫、建立專案、串接設定，對不熟程式的老師來說，光事前準備就容易卡關。Cloudflare 版把這些流程整理成四個步驟，部署時資料庫會依設定檔自動建立，每間教室各自一個，老師和學生都不必貼任何設定。

而且使用 Cloudflare 的免費方案就夠用，不需要綁定信用卡。

💡 我一直覺得，工具要好用，第一步不是功能多，而是老師願意打開它。所以「剛好學」的目標很單純：簡單、好用、免費，讓課堂互動這件事輕鬆發生。

課堂上可以怎麼用？

老師建立教室後，把 QR Code 投影到大螢幕，學生用手機或平板掃描就能加入。教師面板右上角會顯示目前的在線人數，接著就能依課程節奏派送互動。內建十四種互動模式，常用的情境大致可以這樣安排：

時機	可以這樣用
上課前	用專注力遊戲或文字雲暖身收心，讓學生快速進入狀況
課堂中	用是非題、選擇題快速檢核理解程度，再搭配抽籤與統計，馬上知道要不要再講一次
深度思考	用文字題加上 AI 分析，或 PIRLS 閱讀測驗，讓學生練習表達與閱讀理解
小組協作	交給便利貼牆、同步白板和繪圖題，讓想法可以一起被看見
下課前	按「歷程」匯出整堂課的作答紀錄，再按「下課」清空教室資料，下次重新開始

十四種互動模式

✅ 是非題 🔤 選擇題 ☁️ 文字雲 ✍️ 文字題 🎨 繪圖題 🎙️ 錄音 📖 PIRLS 閱讀測驗 🤖 AI 分析 📝 便利貼牆 🖥️ 同步白板 📊 同步簡報 🎲 抽籤 📈 統計 🎯 專注力遊戲

以是非題為例

老師點一下「是非題」，全班學生的畫面立刻切換成 O、X 大按鈕；學生按下答案，老師端馬上看到每個人的作答。接著按「統計」，系統立即產生圓餅圖，老師一眼就能掌握全班的理解程度，決定是否需要再講解一次。文字雲也類似：學生輸入關鍵字，越多人提到的詞，字就越大，很適合破冰、腦力激盪或預習聯想。

四步部署：從 GitHub 到自己的網址

整個流程只有四個步驟，全程免費，也不需要綁定信用卡：

1下載程式

2安裝 Node.js
註冊 Cloudflare

3登入
Cloudflare

4一行指令
完成部署

🎬 搭配影片，邊看邊做

如果看文字還不太確定，可以直接跟著影片操作一次。從 GitHub 下載程式、安裝 Node.js、登入 Cloudflare，到最後一行指令完成部署，全部都在影片裡。

影片連結：https://youtu.be/17KpmuaieLU

下載程式並解壓縮

打開瀏覽器，進入 GitHub 專案頁。這裡就是剛好學 Cloudflare 版的程式碼，包含 public、src 兩個資料夾，以及 wrangler.jsonc 設定檔。

點一下綠色的 Code 按鈕，在選單最下方點 Download ZIP，就能把整包程式下載到電腦。下載完成後，在壓縮檔上按右鍵，選擇「全部解壓縮」，再打開 classtools 開頭的資料夾，確認裡面看得到 wrangler.jsonc 這個檔案。

安裝 Node.js、註冊 Cloudflare 帳號

先到 Cloudflare 註冊網頁，輸入 Email 和密碼，再到信箱點擊驗證信就完成了。免費方案就夠用。

接著安裝 Node.js，部署工具需要用到它。到 Node.js 官網的下載頁，選擇 LTS 長期支援版，點擊 Windows 安裝程式，下載後一路按「下一步」安裝即可。

安裝完成後，按下 Windows 鍵，輸入 cmd 開啟命令提示字元，輸入 node -v 再按 Enter。只要出現版本號碼，就代表安裝成功。

node -v

登入 Cloudflare

用檔案總管打開剛剛解壓縮的資料夾，點一下上方的網址列，把內容改成 cmd 按下 Enter，就會直接在這個資料夾開啟命令視窗。

在命令視窗輸入 npx wrangler login。第一次執行會詢問是否安裝套件，輸入 y 再按 Enter。瀏覽器會自動打開 Cloudflare 授權頁面，按下 Allow 允許。看到 Successfully logged in，就代表登入成功。

npx wrangler login

一行指令完成部署

接著輸入 npx wrangler deploy，開始部署。如果是第一次使用 Workers，系統會請你設定 workers.dev 子網域，請取一個好記的英文名稱，它會成為網址的一部分。

npx wrangler deploy

部署完成後，畫面最下方就會顯示你的專屬網址。用瀏覽器打開網址，就會看到剛好學的首頁，左邊是教師入口，右邊是學生入口，部署完成！

💡 資料庫要另外設定嗎？完全不用！設定檔已經寫好了，部署時 Cloudflare 會自動建立資料庫，每間教室各自一個，老師和學生都不必貼任何設定。日後修改程式，只要再執行一次 npx wrangler deploy，幾秒鐘網站就會更新。

📦 前往 GitHub 取得程式

開始上課：老師端與學生端

老師端

點選「建立或進入教室」，輸入教師密碼(tpet)後，自訂一個教室代碼（例如 DEMO101），按下建立，教室就開好了。也可以替教室設定密碼。
按下右上角的 QR Code 按鈕，把畫面投影到大螢幕，學生用手機或平板掃描就能直接加入課堂。
教師面板右上角可以看到目前的在線人數，派送互動後也能即時掌握作答狀況。
下課前按「歷程」匯出整堂課的作答紀錄，最後按「下課」，系統就會清空這間教室的資料。

學生端

掃描 QR Code 後，輸入教室代碼和座號姓名，按下進入教室。
免安裝 App，也不用註冊帳號，就會進入等待畫面。
老師派送題目後，畫面會自動切換，學生直接作答即可。

🧑‍🏫 給第一次使用的老師

建議先用一節課玩一次「文字雲」或「是非題」，熟悉學生加入與作答的流程。等節奏順了，再慢慢加入抽籤、統計、同步白板與閱讀測驗。工具是來幫忙的，不需要一次把所有功能都用上。

幾個常見問題

狀況	怎麼處理
部署時顯示找不到 wrangler	確認是在解壓縮後的資料夾內開啟命令視窗，且該資料夾看得到 `wrangler.jsonc`
出現 `node` 不是內部或外部命令	Node.js 還沒裝好，或安裝後尚未重開命令視窗。重新開啟 `cmd` 再試一次
第一次登入卡在授權頁	確認瀏覽器已登入 Cloudflare 帳號，按下 Allow 後回到命令視窗等待登入完成訊息
不知道網址在哪裡	部署完成時畫面最下方會顯示網址，也可以到 Cloudflare 後台的 Workers 頁面查看
需要付費或綁信用卡嗎	不用。使用 Cloudflare 免費方案即可，部署過程也不會要求綁定信用卡
教室資料會不會混在一起	每間教室各自一個資料庫，老師和學生都不必手動設定；按「下課」就會清空該間教室資料

沒有經費，也能讓課堂動起來

「剛好學」是阿剛老師為課堂即時互動設計的軟體，簡單、好用，部署全程免費。
如果你正好沒有經費購買課堂互動軟體，不妨先試著用看看。

🚀 前往 GitHub 開始部署

AI 在教育上的應用-115年台南科技教育週研習錄影及內容整理

2026-10-15T11:53:46.537+08:00

AI 在教育上的應用
與實務操作全攻略

從教學簡報、風格繪本、互動有聲書，到行政自動化排版——手把手教學指南

講師：雲林縣成功國小張哲剛｜研習內容整理

繪本製作工具箱繪本製作工具箱 V2 剛好工具所閩南語文字轉語音 opencode 下載 Genoffice 下載

本文目錄：
▶ 完整研習影片｜壹、AI 教育工具生態系總覽｜貳、Gemini 簡報｜參、NotebookLM 繪本簡報｜肆、簡報設計網與繪本工具箱
伍、對話式語音產生器｜陸、圖音合併工具｜柒、注音繪本與多語言｜捌、OpenCode＋Genoffice ｜玖、Gemini 音樂創作｜拾、常見問題

完整研習影片

建議先看一次完整研習錄影掌握全貌，再對照下方各單元圖文步驟實作。

▶ 到 YouTube 觀看完整研習影片

軟體由來

我在第一線教學現場，常常遇到同樣的困擾：備課時間不夠、想做一本主題繪本卻沒有美編能力、想幫故事配音卻錄到燒聲、行政表格改格式改到手軟。這份攻略，就是我把自己實際走過的流程整理成 SOP 的結果。

核心想法很單純：用 Gemini 打底、用 NotebookLM 上色、用我開發的「簡報設計網＋繪本工具箱」控管架構、用對話式語音＋圖音合併產出成品，最後用 OpenCode 解決行政排版。每一段工具都是為了解決一個具體的痛點而串起來的，全部都是老師在現有設備上就能直接操作的。

課堂教學應用

📚 備課加速：用 Gemini 十分鐘產出課程基礎簡報大綱，再用 NotebookLM 轉成吸引學童的風格化繪本簡報。
🎨 主題繪本：用「簡報設計網」固定 10～15 頁架構、每頁文字與繪圖提示，產出文圖相符的教學腳本，品德、衛生、節慶主題都適用。
🔊 有聲教材：對話式語音一鍵把角色對話轉成語音包，再用圖音合併輸出可離線播放的 HTML 有聲書，或上架 YouTube 的 MP4 影片，支援現場點播與學生錄音替換。
🈺 低年級＋多語言：用 GAS 腳本自動套 Bpmf 注音字型做注音繪本；英語切換英文輸出，台語則用閩南語文字轉語音把華語轉成台語語音再替換音軌。
🗂️ 行政減負：用免費開源的 OpenCode AI Agent 直接操作本機資料夾，橫直式重排、核銷表格整併這類瑣事交給它寫程式處理，搭配 Genoffice 提升版面美感。

壹、AI 教育工具生態系總覽

工具名稱	核心功能與優勢	適用情境	費用與帳號
Gemini（Canvas／簡報）	內建簡報模組，自動上網搜尋配圖、線上改字、匯出 PPTX	快速產出標準教學簡報與課程大綱	免費／教育帳號優先（可選 Pro 與思考程度）
NotebookLM（簡報內）	依匯入講義逐頁重繪獨特風格圖像	活潑可愛、卡哇依手繪風繪本簡報	Google 免費帳號即可
簡報設計網與繪本工具箱	我開發的小工具，精準控制每頁文字、排版與生圖提示，產出雙腳本	10～15 頁架構完整的主题繪本腳本	免費網頁工具，需登入 Google 帳號
對話式語音產生器	貼上配音文字檔，一鍵轉成各角色語音包	故事角色配音、多角色教材	免費整合工具
圖音合併工具	繪本 PDF＋語音 ZIP 1:1 配對，產出 HTML 有聲書或 MP4	離線有聲書、YouTube 教材影片	免費整合工具（支援點播＋現場錄音）
注音繪本 GAS 腳本	無文字底圖＋Google 簡報＋GAS 自動套 Bpmf 注音字型（工具箱 V2 內建產生器）	低年級注音繪本、識字教材	免費擴充功能（V2 版工具箱）
OpenCode（AI Agent）	免費開源本機代理，自動呼叫檔名、寫程式、微調 Office 文件	檢核表橫直式重排、表格整併	免費開源（Win／Mac）

貳、單元一：Gemini 內建簡報模式

Gemini 最大的優勢，是會自動上網找圖插入簡報、最後一頁列出圖片來源，而且可以直接在網頁上改字，不用下載來回修改。

步驟一：帳號登入與模型選擇

開啟 Gemini 網頁，先登入 Google 帳號。
有「教育帳號」優先用教育帳號，可選 Advanced／Pro 等高級模型；個人免費帳號通常無法切換模型。

步驟二：開啟 Canvas／簡報工具

在對話輸入框左側點加號「+」。
點「更多工具」，找到並開啟「Canvas」或「簡報」圖示。

步驟三：撰寫精準提示詞

關鍵字必須包含「簡報」二字，AI 才會啟動簡報模組。

請幫我製作一份介紹台灣光復節由來的簡報，內容要詳細一點，適合小學生，列出10個重點。

步驟四：設定思考程度

常規教學簡報選「低」即可快速產出；題目極複雜才選高思考程度（會消耗較多 Token／AI 點數）。

步驟五：線上編輯與來源確認

點「送出」，AI 自動設計投影片。
直接在網頁投影片上點文字方塊改字。
檢查最後一頁：有使用網路圖片的話，會完整列出圖片來源網址。

步驟六：匯出與下載

直接存到 Google 雲端硬碟（轉為 Google 簡報）。
下載為 PPTX，到本機 PowerPoint 開啟編輯。

參、單元二：NotebookLM 質感繪本簡報

想要手繪感、設計感、能抓住學童目光的簡報，就把資料丟進 NotebookLM（簡報內 Notebook），讓 AI 逐頁重繪插圖。

語言設定（重要）：第一次使用先到右上角「個人設定／指標語言」把英文切成「中文（繁體）」，否則輸出預設會是英文。
建立筆記本：進入 NotebookLM 建新筆記本，上傳剛從 Gemini 下載的 PPTX、貼網站網址、或匯入 Google 圖書／雲端硬碟文件。
勾選來源：左側來源清單只勾要當繪本基準的那個檔，避免 AI 混用素材。
風格提示詞：按右側快捷工作室「簡報」，輸入例如「由可愛的記憶卡娃介紹內容，用活潑卡通呈現每頁，整體紅色系，對象為小學生」。
耐心等待：每頁都要重算圖，約 5～10 分鐘；免費帳號每週約可生成 20 份。
匯出 PDF：確認無誤後匯出下載 PDF，這份就是後面做有聲書的圖像素材。

肆、單元三：簡報設計網與繪本工具箱

直接用 NotebookLM 生繪本，最大的問題是每頁文字和圖畫範圍沒有限定，產出不可控。我寫的「簡報設計網」就是為了解決這件事：先把頁數、每頁文字、繪圖說明固定下來，達到 100% 精準控管。

👉 繪本製作工具箱（含簡報設計網入口）｜ 👉 剛好工具所（阿剛系列工具整合入口／備課所）
路徑：阿剛老師部落格「阿剛老師的一想世界」→ 阿剛系列工具整合入口 → 備課所 → 有聲繪本創作工具箱 → 簡報設計網。工具由 Google AppScript 開發，請先登入 Google 帳號。

設定頁數與主題：跳過步驟一（人像主角不用填）；設定總頁數如 10 頁；只有概念就輸入如「小紅帽結合性別平等的創意故事」，已有全文就直接貼上。
選風格＋繪本模式：選手繪水彩／溫青風／東方水墨等，按快捷情境「繪本模式」自動帶入預設提示詞；大圖少字適合低年級，中高年級可改成「設計詳細故事，文字結合圖片繪圖」；要做英文繪本在末端加註「以英文輸出」。
生成＋下載雙腳本：按「開始生成」，看右側各頁規劃；下載兩個檔——「生成簡報用文字檔」（每頁標題＋排版＋繪圖提示）、「語音配音用文字檔」（整理好的角色對話純文字）。
匯入 NotebookLM 精準生成：把「生成簡報用文字檔」當來源上傳，貼上專屬指令「請完全按資料內容來生成簡報，不要加入新內容」，生成後下載 PDF。

伍、單元四：對話式語音產生器

👉 繪本製作工具箱（第二步：對話式語音產生器入口）

開啟工具：點有聲繪本工具箱「第二步：對話式語音產生器」。
貼上配音文字：打開前面下載的「語音配音用文字檔」，全選複製（Ctrl+A → Ctrl+C），貼到產生器第一個基本編排方塊（系統已自動解析角色與每頁對話）。
合成：按「合成」，AI 語音引擎把各頁對話轉成獨立聲音檔。
打包下載（極重要）：不要點下方單一檔案，一定要點「打包預備／下載壓縮包」，拿到每頁一對一的 ZIP。

陸、單元五：圖音合併工具

👉 繪本製作工具箱（第三步：圖音合併工具入口，預設「合併有聲書模式」）

上傳素材：選前面下載的繪本 PDF（自動拆成 10 頁圖）；選配音 ZIP（自動把 10 音訊和 10 頁圖 1:1 配對）。
匯出 HTML 有聲書：按「匯出 HTML 有聲書」，輸入書名如「小紅帽的大冒險」→ 下載 .html 存隨身碟；雙擊就能在 Chrome／Edge／Safari 播放，自動翻頁朗讀，現場還能按齒輪「錄音」讓學生自己錄音替換。
匯出 MP4（選用）：要上 YouTube 就切影片模式、選轉場（如放大縮小）；聲音延遲務必選「0.5 秒」；解析度 1080P 再按匯出。

防卡頓關鍵：匯出影片算圖期間，瀏覽器分頁必須保持在前景，不可切換視窗或最小化，否則影音會不同步。

柒、單元六：注音繪本與多語言

一、低年級注音繪本（GAS 腳本）

用 NotebookLM 生簡報時，提示詞多加一句：「每一頁不要有文字，只呈現圖片背景」，先拿到無文字底圖。
底圖上傳到 Google 雲端硬碟轉成 Google 簡報，到「字型 → 更多字型」啟用「Bpmf（注音）」相關字型。
到繪本製作工具箱 V2（STEP 01 簡報設計王 V4 頁下方的「繪本手動改注音字方式」區），貼上配音文字，按「產生並複製 GAS 腳本」。註：本站另有剛好工具所為系列工具整合入口。
回 Google 簡報按「擴充功能 → Apps 腳本」，貼上程式碼執行，系統自動在每頁加上帶注音的文字框，微調排版即完成。

二、英語與台語繪本

英語繪本：簡報設計網提示詞末端加「以英文輸出」，對話式語音產生器輸出語言切英文即可。
台語繪本：把華語丟進閩南語語音合成工具轉出台語文字與語音，下載音訊後手動到圖音合併工具替換音軌。 👉 閩南語文字轉語音

捌、單元七：OpenCode＋Genoffice（行政自動化）

研習後半段我想介紹的是免費開源的 OpenCode。它是 AI Agent，能直接存取本機資料夾、自動寫程式，幫老師處理 Word、Excel、PDF 那些繁瑣的排版微調。

👉 opencode下載點（依系統選 Windows x64 或 Mac 版）

建立專案資料夾：開啟 OpenCode → 新增專案 → 指定本機工作資料夾（如 Downloads/1151014），之後產出修改的檔案都會在這裡。
選免費模型：純文字選基礎語言模型；要讀 PDF／圖片，務必選支援圖像／PDF 的模型（如 Muse 等免費模型）。
載入檔案：把 .docx／.xlsx／PDF 丟進專案資料夾，在對話框打 @ 即可呼叫選取。

下指令（以生活檢核表為例）：

請重新設計 @學生生活檢核表.docx 的版面。原本直式兩頁，請改為橫式，前三天（星期一至三）放第一頁，後兩天（星期四至五）放第二頁，每頁維持完整格式與簽章欄位。

執行檢視：跳出安裝套件或存取權限一律按「允許／同意」；OpenCode 會在背景跑 Python 重構版面，完後到工作資料夾拿新檔。
進階美感：裝免費的 Genoffice，並在 OpenCode「整合／外掛」啟用 Genoffice 套件，AI 排版時會自動呼叫渲染引擎，版面質感差很多。 👉 Genoffice下載點

玖、單元八：Gemini 音樂創作

除了簡報和繪本，Gemini 還能用文字生音樂，校慶或教學活動配樂很快就有。

在 Gemini 輸入如「請創作一首慶祝台灣光復節的歌曲，曲風活潑歡快」。
選長度（標準）、人聲（男／女／童聲）、樂器（搖滾／流行／古典）。
線上試聽，滿意就按右側下載存檔當背景音樂。

佈署說明

這整套流程刻意設計成「免架站、免複雜安裝」：

繪本工具箱系列（免安裝）：都是網頁工具，打開繪本製作工具箱、繪本製作工具箱 V2（含 GAS 注音腳本產生器）或剛好工具所，登入 Google 帳號即可用（底層為 Google AppScript 網頁應用程式）。
注音 GAS 腳本（貼上即用）：到繪本製作工具箱 V2 的 STEP 01「繪本手動改注音字方式」區貼上每頁文字 → 產生並複製 GAS → 回 Google 簡報「擴充功能 → Apps 腳本」貼上執行，授權一次即可。
OpenCode（一鍵安裝）：到 opencode下載點抓對應系統安裝檔 → 新增專案指向工作資料夾 → 選免費模型 → 用 @ 呼叫檔案下指令。
Genoffice（加掛外掛）：到 Genoffice下載點安裝 → 回 OpenCode 整合／外掛啟用，之後排版自動套用美化渲染。
成品散佈（免網路）：匯出的 HTML 有聲書已把圖和音打包，丟隨身碟雙擊就能播；MP4 則可直接上傳 YouTube。

開啟繪本製作工具箱開啟工具箱 V2（含注音 GAS）開啟剛好工具所

拾、研習結語與常見問題

Q1：繪本生成失敗怎麼辦？
答：多半是 API 忙碌，或文本含 Google 敏感詞（如性平／霸凌相關反向詞彙）。重按生成，或微調詞彙即可。

Q2：有聲繪本可以離線播嗎？
答：可以。匯出的 HTML 已把圖片和音訊打包，無需網路，放隨身碟到任何電腦雙擊即播。

Q3：OpenCode 免費額度夠嗎？
答：日常校務排版和表格整理綽綽有餘，每日免費 Token 相當充裕。

結語

以上就是我這次想分享的完整流程。工具會一直更新，但我更在意的是順序：先把教學目標想清楚，再讓 AI 幫我們省下重複的工。如果這篇對你備課或做教材有幫助，歡迎分享給需要的老師。過程中若遇到問題，也可以回來對照各單元的步驟逐一檢查。

英文單字片語練功坊skill-使用免費的opencode配合skill，快速生成英語單字片語練習用html

2026-10-11T16:02:35.135+08:00

📚 英文老師專用 · AI 備課 skill · 免費開源
英文單字片語練功坊
貼上單字，變出四種模式的練習網頁

上傳 PDF / 圖片，或直接貼單字，AI 幫我分組、補詞性例句、逐字檢查
最後產出單檔 HTML：雙擊即開，學生免安裝就能練

⬇️ 前往 GitHub 下載 skill 📦 查看使用說明 README

📥 下載方式小提醒點進專案頁後，按Code → Download ZIP（或用 git clone https://github.com/kentxchang-goedutw/engcard-skill.git），解壓縮後把裡面的英文單字片語練功坊資料夾整個放到 skill 目錄即可，詳細步驟往下看。

這款 skill 為什麼會出現？

教英文最花時間的，往往不是上課，而是把單字變成可以練習的東西。我以前的做法是：整理單字表、做單字卡、再出拼字考卷、還要錄音檔練聽力，一個單元搞下來，一個晚上就不見了。

後來我試著直接叫 AI「幫我做個單字練習網頁」，結果每次格式都不一樣，有時少了音標、有時例句太難，錯了也不知道去哪改。學生打開還要連後端，教室網路一卡就全滅。

💡 所以我換了一個想法：與其每次都從零溝通，不如把流程寫成一個 skill，讓 AI 照著固定步驟走。這就是「英文單字片語練功坊」——貼單字 → 按主題分組確認 → 輸出題庫 txt 給我逐字檢查 → 沒問題才生成單檔 HTML 練習頁。

流程裡我最堅持的是「題庫 txt 先檢查」這一步。AI 補的中文、詞性、例句一定有錯的可能，與其在網頁裡慢慢找，不如先出一份 txt 全覽讓我一次看完，確認說 OK，做HTML 才打包，錯字就不會流到學生手上。

skill使用介紹

它能解決哪些教學痛點？

🎯 痛點一：單字量一多，就不知道怎麼切

一次段考範圍三、四十個單字片語，直接丟給學生就是背不起來。這個 skill 會按語意主題切成每組 15–25 字，例如機場報到、外食點餐，一組就是一個情境，記憶有脈絡。而且分組前會先給我表格提案，我可以改名、合併、拆分，定案才往下走。

🎯 痛點二：只有紙本單字卡，練法太單一

同一個 HTML 裡直接內建四種模式，學生不用換頁、不用換工具，練完一種換一種，成就感比較容易堆起來。

模式	怎麼練
📇 單字卡	看中文猜英文，點一下翻卡，背面有英文＋詞性＋例句，可按 🔊 朗讀
⌨️ 拼字練習	看中文用虛擬鍵盤拼英文，可切大小寫＋退格，答對才顯示例句
🧩 字母重組	點字母池把字母排回正確順序，適合記拼字順序卡關的孩子
🎧 聽音選單字	自動播 3 次發音，三選一，答對顯示英文＋中文＋例句

🎯 痛點三：發給學生的東西還要裝 App、開帳號

產出的就是一個單檔 HTML，題庫直接內嵌在裡面，沒有後端。傳到班級群組、放學校網頁、隨身碟拷貝都可以，學生雙擊即開，用 Chrome / Edge 開就能練，發音用瀏覽器語音，練習次數還會自動存在本機。

📄 PDF / 圖片直接讀 📝 txt 全覽逐字檢查 🔊 瀏覽器語音朗讀 📊 WORD x OF y 進度 💾 練習次數自動保存 🎨 馬卡龍配色 RWD

使用詳細教學

第零步：先把 skill 裝好（只要做一次）

下載 skill

到 GitHub 專案頁按 Code → Download ZIP 並解壓縮，或執行：

git clone https://github.com/kentxchang-goedutw/engcard-skill.git

放到 AI 讀得到的位置（二選一）

方法 A・全域使用（推薦）：把 英文單字片語練功坊 資料夾整個複製到 C:\Users\你的帳號\.agents\skills\英文單字片語練功坊\，之後所有專案都可用。

方法 B・只給某個工作資料夾用：放到 工作資料夾\.agents\skills\英文單字片語練功坊\，只有在該資料夾開 AI 才會載入。

放好後開新對話，可用 skill 清單就會出現它。檔名 SKILL.md 要全大寫、資料夾結構不要拆散。

💡 小提醒：產生題庫和 HTML 的過程需要 Node.js（跑驗證與打包腳本）。學生開啟練習頁則什麼都不用裝。

正式流程：四個階段，AI 會帶著我走

準備單字來源（三選一）

① 直接貼單字，每行 英文,中文，例如 check in,報到（缺中文 AI 會補）；② 上傳 PDF；③ 上傳圖片／掃描檔。如果是掃描版讀不到字，AI 會先問我，不要硬猜。

確認分組提案

我會下這樣的提示詞，AI 就會先列分組表給我看：

使用工作資料夾中的英文單字片語練功坊的skill，分析我上傳的內容

# 也可以加條件，例如：
# 按unit1-4分成四個題庫
# 按「機場、餐廳、飯店」三個情境分三組
# 每組20字，依課本出現順序切組
# 這是國小六年級程度，例句要簡單一點

表格會有組名、字數、主題、例字，這時我可以說改名、合併、拆分、增刪，這一步不定案，後面不會動工。

逐字檢查題庫 txt（最重要的一步）

AI 會輸出一份 <標題>-題庫.txt，列出所有組、所有單字的英文＋詞性＋中文＋中英例句，並全文貼在對話中給我看。我就逐字檢查，有錯直接說，例如「第2組第5字中文改為…」。

都沒問題，我就回 OK，做HTML，才會進入下一步。

生成 HTML，發給學生練

AI 會產出 <標題>-英文練習.html。玩法很固定：開啟即主畫面 → 點題庫 → 選模式 → 看上方 WORD x OF y 練習 → 答對看例句 → 上／下一個切換，練習次數會自動保存。

安裝與需求說明

這個 skill 不是 GAS 網頁應用，不需要部署，比較像「AI 的工作說明書＋打包工具包」。整理一下需求：

老師產生用：需要可讀 skill 的 AI 工具（如 opencode / Claude），加上 Node.js 跑驗證（validate-vocab.js）、匯出（export-txt.js）、打包（build-pages.js）三支腳本。
學生練習用：只要一個瀏覽器，建議 Chrome / Edge 開啟，發音用 Web Speech API，答對／答錯還有音效。
想改內容：不用改 HTML，直接在對話中說要改哪裡，AI 會重出 txt、重建 HTML。

常見問題

狀況	怎麼處理
skill 沒出現在清單	確認路徑是 `…/skills/英文單字片語練功坊/SKILL.md`、檔名全大寫、已開新對話
掃描版 PDF 讀不到字	先提供文字版，或直接描述內容，不要讓 AI 硬猜
例句太難／太簡單	在分組階段就先講程度，例如「國小六年級，例句簡單一點」
每組字數太多或太少	原則是 15–25 字，特殊需求先跟 AI 說，它會提醒是否合適

備課一次，四種練法，學生帶回家也能練

如果你也在為單字複習找方法，歡迎把這個 skill 拿去試試看。
免費開源，授權為 CC BY-NC-SA 4.0，僅供非商業教學使用。

⬇️ 前往下載 engcard-skill

Line動態貼圖生成工具(結合google flow)

2026-10-03T22:37:37.550+08:00

免安裝・免帳號・純電腦本機處理

4×2 八格圖 → 動態影片
→ LINE 官方動態貼圖

用 Google Flow 讓 AI 生成的四格圖真的「動起來」，
再一鍵切成 8 張會動的 LINE 貼圖，直接打包成可送審的 ZIP

🚀 立即開啟貼圖工具

這次為什麼要整個重做？

先前我分享過一個用 AI 產生圖片、再做成 LINE 貼圖的工具，流程是「AI 生一張四格圖 → 切四格 → 打包上傳」。對老師來說確實夠用，但四格圖是四張靜態畫面，要變成動態貼圖，就只能靠一張一張輪播、加上縮放或位移撐出動感。老實說，那比較像是「會動的圖片」，而不是「一段動作」——動作是拼湊出來的，銜接自然就不順。

📌 換個思路：讓 AI 直接「動」起來

既然動作不順，那就不要硬湊。我的做法是把中間多插一個「影片」關卡：把同一組 4×2 的八格角色圖丟進 Google Flow，讓它生成一段真正的動態影片；影片本身就是連續動作，之後再交給這次新做的工具，去背、切 8 格、變成 LINE 動態貼圖。

這樣一來，前半段交給 AI 決定動作、後半段交給工具處理規格，分工乾淨，貼圖也順多了。

💡 簡單說，這次的流程變成三段：AI 生圖（Gemini）→ AI 生成影片（Google Flow）→ 切格去背打包（這個網頁工具）。工具裡就把三個入口按鈕直接排在最上方，不用另外找。

和新舊兩種做法差在哪？

比較項目	舊做法（靜態四格圖輪播）	新做法（先成影片再切格）
動作來源	靜態畫面輪播＋縮放位移	AI 生成的連續影片動作
流暢度	動作跳接、較不自然	動作連貫、接近原生動畫
畫面一致性	各格風格差異較大時會很明顯	同一段影片切出，八格動作自然對得上
可用的畫格數	固定 4 格或 8 格	影片任一秒都能切，張數更自由
學 VIDEO→貼圖的人	不熟悉影片剪輯	不用剪輯，工具自動均分 12 幀

完整流程：三個按鈕就完成

第一次使用，建議就照著下面三顆按鈕的順序走一次，之後熟悉了就能跳著用。

🤖 用 AI 生成 4×2 八格角色圖開啟我的 Gemini 分享連結，套用內附提示詞，一鍵得到風格統一的 8 款表情動作圖（4 欄 × 2 列）

➜

🎬 把八格圖交給 Google Flow 變成影片把上一步的圖匯入 Google Flow，寫一句動態提示詞（例如「八格角色同時眨眼並揮手，動作流暢不誇張」），下載 .mp4

➜

📦 開啟本工具：去背、切 8 格、打包 ZIP把影片拖進網頁，吸管去背 → 拖曳分割線 → 一鍵輸出 01~08.png＋main.png＋tab.png 的官方審核包

➜

💡 還沒有影片也沒關係：工具右上角有一顆「✨ 載入示範影片」按鈕，會即時在你的瀏覽器裡合成一段 4×2 的示範動畫，可以先拿來練手、熟悉每個步驟。

使用詳細教學（四個步驟精靈）

工具介面分成四個步驟，最上方就是進度條，走到哪一步點一下就能跳回去改。只要上傳影片後，四步驟全部在本機完成。

步驟 1：上傳影片、決定要用哪一段

把 Google Flow 下載的影片拖曳進畫面上方的大方塊（或點一下選檔案）。支援 MP4／MOV／WebM，包含 9:16 直式在內的各種長寬比都沒問題。

接著最重要的是「設定影格擷取時間區間」：

開始／結束時間：可用滑桿拉，也可用數字框直接輸入秒數，或按「📍 設為目前位置」抓影片當下的時間點。
⚡ 快捷選取長度：一鍵取 1／2／3／4 秒。其中 2 秒最推薦，因為 LINE 動態貼圖總長上限 4 秒，2 秒剛好可以播兩輪。
🔁 循環播放此區間：先反覆看過這一段再決定要不要用，選得好再往下走。
時間一改，系統會自動重新擷取 12 幀並同步到後面所有步驟。

接著選擇工作模式：「A 直接分割為正方形 MP4」（不去背、給社群短影音用），或「B 製作 LINE 官方動態貼圖」（會依序跑第 2、3、4 步）。

步驟 2：智慧吸管去背

LINE 動態貼圖必須是去背透明背景，這一步就是處理這件事。按「🎯 畫面吸色管」後，直接點一下畫面上要去掉的底色（例如白底或淡桃紅底），預覽就會即時變透明。

底色不乾淨時，靠兩個滑桿微調：

色彩容差（Tolerance）：抓「多接近的顏色算底色」，底色有漸層或雜訊時可以加大。
邊緣羽化平滑（Smooth）：讓角色邊緣不要出現硬鋸齒、毛邊或一圈白框。

另外還有幾個貼心細節：

🔍 沉浸大圖檢視去背：切到全螢幕模式，畫面可放大到 200%，細節看得清清楚楚，還能直接點大圖取色。
🎨 去背預覽底色：預設是「淡桃紅＋白方塊」，另有經典灰白、薄荷綠、純黑、純白與自訂色。建議先切「純黑」檢查一遍，最容易看出有沒有殘留白邊。
隨時可下載去背後的完整透明 GIF，先留著當備份。

步驟 3：網格分割線拖曳微調

影片上會疊出橘黃色（水平）與藍色（垂直）分割線，每一格就是未來的一張貼圖。

常用規格有四種快捷選擇：4 欄 × 2 列（8 格）、4 欄 × 6 列（24 格）、3 欄 × 3 列（9 格）、2 欄 × 2 列（4 格）；也可以直接輸入自訂行列（1～10）。

如果 AI 切的格線沒有剛好對齊角色：

直接用滑鼠／手指拖曳分割線，位置即時更新，每條線還會顯示目前百分比。
精準微調：下拉選一條線，按「◀ −1%／+1% ▶」一格一格修。
🔍 超大視窗沉浸微調：全螢幕＋放大操作，專為 9:16 直式影片設計；直式影片上傳後系統會自動切到 150% 放大，因為直式在一般視窗裡實在太窄不好點。
改壞了不用怕，按「還原等分」一下就回到標準位置。

步驟 4：設定規格並一鍵輸出審核包

最後確認四個設定，再按右上角「開始分割導出」：

輸出格式：LINE 動態貼圖（APNG＋ZIP）／僅正方形影片（MP4＋ZIP）／雙格式同時產出。
單元規格尺寸：LINE 貼圖選 320 × 270 px（上限） 或 270 × 270 px；要輸出 MP4 則有 360／512／640／720 px 可選。
排版模式：等比留白（Contain）保留原比例、填滿裁切（Cover）填滿不留白框。
播放時間：選擇「單次秒數 × 循環次數」，例如 2 秒 × 2 次＝ 4 秒（官方推薦）。

產出後畫面上會列出每一格，隨時能單獨下載；也可以到「👑 main.png 封面來源」與「🏷️ tab.png 標籤來源」指定要用第幾格當封面與聊天室標籤，最後按「📦 一鍵打包 LINE 官方 ZIP」即可。

打包好的 ZIP，後台怎麼上傳？

工具產生的 ZIP 已經是根目錄平鋪結構（沒有子資料夾），上傳後台的流程只要四步：

登入 LINE Creators Market，點左上角「新增」。

項目選擇「貼圖」，並在貼圖類型勾選「動態貼圖」。

切到「貼圖圖片」分頁，把販售張數設成你的實際張數（例如 8 張或 24 張）。

直接上傳工具下載的 .zip，送出審核即可。

工具已經幫你對齊官方規格

LINE 動態貼圖的審核最容易卡在「規格不符」，這也是我把規則直接寫進工具的原因。以下是本工具的預設值與官方規範的對照：

項目	工具設定	說明
動態貼圖張數	8／16／24 張	官方僅接受這三種數量
貼圖尺寸	320 × 270 px（上限）	寬高其中一邊需達 270px 以上
每張畫格數	12 幀	官方規範 5～20 幀
播放時間	1／2／3／4 秒（單次）	官方不允許 1.5 秒這類小數
循環次數	1～4 次	單次時間 × 次數 ≤ 4 秒
主圖 main.png	240 × 240 APNG	貼圖小舖封面，可自選來源格
聊天室標籤 tab.png	96 × 74 靜態 PNG	自動等比置中，不要加播放符號
背景	透明去背	官方要求去背透明處理
檔案結構	根目錄平鋪 ZIP	不必先解壓縮即可上傳

🔧 這裡有個很細的地方：APNG 的「播放秒數」與「循環次數」其實是寫在檔案內部的標記裡，一般工具算出來常常會變成 2.03 秒這種數字，送出審核就會被退件。這支工具會把每一幀的延遲精準分配，加總後剛好等於你選的整數秒，再直接改寫 APNG 的循環標記並重算校驗值，所以能對上官方要求。

兩個貼圖合輯一起用

很多老師會做不只一組貼圖（例如「開學系列」「期末系列」各一組 8 張）。這支工具內建了ZIP 多合一合併功能，不用自己去解壓縮再改檔名。

上傳 2 或 3 個已經打包好的 8 張貼圖 ZIP，系統會自動攤平、依序重新編號為 01.png ~ 16.png（或 24.png）。
每個 ZIP 卡片都能用 ▲▼ 調整先後順序，或用 ✕ 移除。
封面與標籤可以沿用原 ZIP 裡的 main.png／tab.png（與你原本輸出的 100% 相同，最保險），也可以改指定任意一張貼圖。
合併後張數不是 16 或 24 時，工具會主動提醒，避免白忙一場。

不想做貼圖，只想要 8 段短影片？

把第 1 步的模式選成 「A 直接分割為正方形 MP4」就好：不去背、不綁 LINE 規格，可以自選 512／640／720 px 與留白背景色，輸出適合IG reels、短影音或簡報播放的 1:1 影片 ZIP。不用去背的好處是畫面完整、邊緣不會糊。

✅ 純本機處理 ✅ 免安裝免帳號 ✅ 12 幀精準取樣 ✅ 吸管一鍵去背 ✅ 4×2／4×6／3×3／2×2 網格 ✅ 9:16 直式強化 ✅ 分割線拖曳＋±1% 微調 ✅ APNG／MP4 雙輸出 ✅ 官方審核 ZIP 一鍵打包 ✅ 16／24 張合輯合併 ✅ 內建示範影片試玩 ✅ CC BY-NC-SA 4.0

為什麼可以「不上傳」就完成轉檔？

因為所有運算都在你的瀏覽器裡做完：

⚙️ 動態貼圖（APNG）怎麼來的？

上傳影片後，程式會依設定的時間區間平均抓取 12 幀存在記憶體裡。每一幀依序做色彩去背 → 依分割線裁切 → 等比縮放成指定尺寸 → 交給 UPNG.js 編碼成 APNG。接著直接改寫 APNG 內部的循環標記並重算校驗值，讓它精準符合你選的播放時間與次數。

⚙️ MP4 影片怎麼來的？

使用瀏覽器內建的 WebCodecs 影片編碼 API搭配 mp4-muxer，在你的電腦上直接編成 H.264 的 MP4；不支援的瀏覽器會自動改用 MediaRecorder。同樣不需要把影片送到任何伺服器。

🔒 關於資料與隱私

影片不會離開你的電腦，整個流程純前端運算，沒有上傳、沒有轉檔伺服器。
檔案只在你按下「下載」或「打包」時才寫成檔案，並由瀏覽器直接存到你的下載資料夾。
要測試功能但不想上傳自己的影片，可以先按「✨ 載入示範影片」試跑。
工具採 CC BY-NC-SA 4.0 授權，可自由使用與教學分享，非商業為限。

常見問題

狀況	怎麼處理
吸色管按了沒反應	改用 Chrome 或 Edge；或直接點擊下方面板的預覽畫面取色，一樣有效
去背後還有一圈白邊	把「色彩容差」降低、「邊緣羽化平滑」提高，並切到「純黑」預覽底色檢查
角色被切掉一半	到第 3 步拖曳分割線，或用「精準微調 ±1%」；直式影片記得按「🔍 超大視窗」操作
貼圖動起來有卡頓感	把時間區間縮短（1 秒或 2 秒）通常會更順；也可能是 Google Flow 生成的影片本身動作太猛
審核被退件	先確認張數是 8／16／24、尺寸有在 320×270 內、背景已去背透明，再用工具產生的 ZIP 上傳
影片太長不想全部用	第 1 步把「結束時間」往後拉，或用「📍 設為目前位置」精準抓段落

讓 AI 動起來，貼圖就不再是「會動的圖片」

這次改版最大的差別，只是中間多了一個「影片」關卡，動作就自然多了。
工具免費、不用註冊、影片也不會外傳。
如果對你有幫助，歡迎分享給身邊想自己做貼圖的同事一起用。

🚀 開啟 LINE 動態貼圖工具

螢幕畫筆區網互動工具-老師在觸控大屏上畫記、截圖出題，學生掃 QR Code 就能即時作答

2026-09-27T08:30:57.970+08:00

🖍️ 免費 · 免雲端 · 免帳號

螢幕畫筆 × iPad
把課堂變成「人人都在寫」的現場

老師在觸控大屏上畫記、截圖出題，學生掃 QR Code 就能即時作答
完全在區域網路運作，不需要網際網路、不需要註冊

⬇️ 下載最新版（ZIP）📦 前往 GitHub 專案頁

📥 下載方式小提醒點進專案頁後，請往頁面右方（Releases 區塊）找到最新版，點擊下方的「Source code (zip)」即可下載整包程式。下載完記得先解壓縮，再執行資料夾裡的啟動程式.bat。

這套工具為什麼會出現？

一切的起點很單純：我是用 AI 幫自己做了一個大屏用的螢幕畫筆工具，讓我可以直接在觸控大屏上畫重點、圈關鍵字、遮住答案，那堂課就順很多。

但用了一陣子後，我發現一個問題——我畫好的畫面，學生只能「看」，不能「回應」。傳統的課堂提問，往往是幾個志願者舉手，其餘的孩子就開始發呆；我根本不知道誰會了、誰沒會。於是接著第二個念頭冒出來：如果能把畫面上的畫記直接派送給 iPad，讓學生當場寫下答案就好了。

📌 中間的轉折：Firebase 資料庫版

所以我做了第二版，把畫記、截圖和作答資料都丟到 Firebase 資料庫，讓老師和學生透過雲端連線。功能做出來了，但回頭問其他老師「你會用 Firebase 嗎」，答案讓我愣住——大家都要自己去申請帳戶、建立專案、串接 API 金鑰、調整權限規則，光是設定關就卡住一大半人。

工具本身沒問題，問題出在安裝門檻。對不熟程式的老師來說，光是申請 Firebase 資料庫就足以讓他把工具關掉。於是我換了一個方向。

💡 這個轉折讓我體會很深：對老師來說，「免設定」比「功能多」更重要。所以這兩天我把它整個改寫成純區網版——不需要 Firebase、不需要註冊、不需要網際網路，只要老師和學生在同一個 Wi-Fi 下，掃個 QR Code 就能用。

順便也把這兩天累積的互動功能與整體 UI 介面一起重做了一輪：介面改成馬卡龍淡色系、按鈕加大好點、面板可拖曳收合、4K 觸控大屏自動放大；互動上多了題庫預先備課、多頁計算紙、繪圖重播、抽人、暫停作答、並排比較等功能。

每一個功能都是我在課堂上真的卡住過的地方。分享給各位老師，希望也能幫上忙。

它能解決哪些教學痛點？

🎯 痛點一：只有前幾個學生會回答

改用塗鴉題、選擇題，每個人都要動手。儀表板會即時顯示在線人數與已作答人數，哪幾個孩子還沒寫，一目了然，巡堂時可以直接走過去點名輔導。

🎯 痛點二：數學課看不到思考過程

計算題可以讓學生在多頁計算紙上一步步寫算式，寫完一筆，總覽縮圖立刻同步。老師按開任一位學生的作品，就能看到完整過程，而不是只有一個「答案是 42」。

🎯 痛點三：講解時版面看不清

內建螢幕畫筆，可以直接在投影畫面上畫記、重點、遮住答案，10 色 × 5 種粗細，還能存成圖檔隔天繼續用。也可以用「繪圖重播」一筆一筆重現學生的作答過程全班一起看。

🎯 痛點四：備課重複做白工

課前把題目截好、設定題型、存進題庫，上課時一鍵派送，不用每次都在眾目睽睽下拖曳框選。題庫還能匯出成 ZIP，備份或分享給其他老師都很方便。

支援的題型一覽

🎨 塗鴉題 🧮 計算題（多頁計算紙） 🔤 選擇題 📝 簡答題 🎲 抽人點名 ⏸ 暫停作答 🔁 重新作答 🎬 繪圖重播 ⬇️ 一鍵下載作答

安裝與啟動：三步驟就完成

下載並解壓縮

從 GitHub Releases 最新版下載 Source code (zip)，解壓縮後保持資料夾結構完整（templates 資料夾一定要跟主程式放在一起）。

雙擊「啟動程式.bat」

不需要會安裝 Python，也不需要管理員權限。啟動程式會自動尋找電腦上的 Python、缺少時自動安裝、接著補上 PyQt5 與 qrcode，最後安靜地開啟主程式（不會跳出黑色視窗）。

放行 Windows 防火牆

第一次啟動時 Windows 會跳出防火牆提示，請勾選 「私人網路」 並按「允許存取」。沒放行的話，學生的 iPad 會連不進來。

💡 小提醒：只有第一次自動安裝 Python 和套件時需要網際網路，之後每次上課只需要區域網路就好。若顯示安裝完成但程式沒開，關掉視窗再雙擊一次即可（讓 Windows 讀到新的 PATH）。

老師端：開始上課

按 「🖊️ 開始繪圖」：凍結目前畫面，進入畫記模式，可直接在投影上畫重點、圈關鍵字、用方塊遮答案。
按 「✂️ 截圖出題」：不用先進繪圖模式，直接框選畫面任一區域出題，出完自動回到主面板。
選好題型後二選一：「🚀 發送任務」讓全班 iPad 立刻收到，或 「💾 存入題庫」留到下次用。
按 「📱 連線」：顯示 QR Code 與網址，學生掃碼加入。
按 「📊 儀表板」：即時看誰交、誰沒交，還能抽人、暫停作答、下載作答結果。
A－／A＋ 可縮放整體介面（80%～160%），4K 觸控大屏會自動放大，設定會記住。

學生端：三行指令就完成作答

用 iPad 相機掃 QR Code，Safari 開啟網頁後輸入名字或座號，按「加入課堂」。
等老師發題，畫面會自動切換到題目，不用一直重整。
作答完按「送出 ✓」；送出後還能按「✏️ 修改答案」重寫，老師端只會保留最新的一份。
在 Safari 按「分享 → 加入主畫面」，之後點一下就能開，還會記住名字自動加入。

老師端儀表板能做什麼

按鈕	用途
🎲 抽人	從已回應的學生中隨機抽一位，直接把他的作答秀出來；預設不重複
⏸ 暫停作答	討論時間凍結送出，學生端會看到「老師暫停作答中」
🔁 重新作答	同一張截圖、同一題型重考一次，清空原紀錄
☆ 選取 → 🔍 比較	最多選 4 份作品並排比較，找差異超好用
🎬 繪圖重播	在截圖背景上一筆一筆重現學生的畫畫過程，1X／2X／3X 速度可調
⬇️ 下載作答	塗鴉／計算題打包成 ZIP，選擇題／簡答題輸出 CSV 可直接開 Excel

計算題：多頁計算紙特別實用

數學課最怕學生只寫答案，所以計算題我特別設計成多頁格線計算紙：

預設四張計算紙（2×2），頁數最多 20 頁，寫到最後一頁才會出現「＋新增一頁」。
點一格就放大成滿版書寫板，空間大 4 倍；左上角的「⊞ 回全覽 · 第 N / 總頁數頁」或兩指捏合可以退回。
寫到第 2～4 頁時，上方會出現「👁 看第 N 頁」，可以叫出前一頁的浮動預覽，邊看邊接著算。
每寫完一筆，總覽縮圖即時同步，不用送出才看得到。
自動下載時會把所有頁合併成一張 PNG，在 iPad 上可以直接「儲存影像」到相簿。

✍️ Apple Pencil 自動支援：iPad 偵測到 Apple Pencil 會自動切成「觸控筆模式」，手掌和手指都不會畫出東西，再點一下頂列的按鈕可切回「☝️ 手寫模式」。手寫時會暫時忽略手掌誤觸，轉動 iPad 也不會讓畫好的內容跑掉。

技術上怎麼做到離線也能用？

老師端是 Python + PyQt5，啟動時在老師電腦上開一個內建的 HTTP 伺服器（0.0.0.0:8000），學生裝置連進來就取得網頁；學生端是單一 HTML 檔，純 HTML／CSS／JavaScript，不依賴任何外部 CDN，所以沒有網際網路也能正常運作。QR Code 則由 qrcode 套件產生矩陣後用 Qt 直接繪製，不需要額外的圖片套件。

🔒 關於資料與隱私

所有資料只在老師電腦的記憶體處理，不會上傳到任何雲端服務。
關閉程式、結束繪圖或發送新題目時，目前作答就會清除。
只有老師主動按「⬇️ 下載作答」或「💾 存檔」時，資料才會寫成檔案。
學生端網頁不載入任何外部資源，學生裝置連出去也不會留下紀錄。

常見問題

狀況	怎麼處理
掃了 QR Code 卻打不開	確認 iPad 與老師電腦在同一個 Wi-Fi／網段；再到「允許應用程式通過防火牆」把 Python 的「私人網路」勾起來
多張網卡時找不到網址	在「📱 連線」視窗的網路介面選單切換其他網址試試
校園 Wi-Fi 互相看不到	部分校園 AP 會隔離用戶端，可改用一台獨立無線分享器
連接埠被占用	程式預設 8000，被占用時會自動往後找（最多到 8019），實際網址以主面板顯示為準
iPad 偶爾斷線	回到頁面會自動重連；若畫不出來，先在 iPad 重新整理，確認載入的是最新版

工具免費、資料不外流，課堂直接升級

這套工具沒有任何廣告、沒有帳號系統、也不會把孩子的作答送到任何伺服器。
如果你覺得有用，歡迎分享給身邊的同事一起用。

⬇️ 前往下載（Releases 最新版 Source code zip）

🎲 寶島大富翁 V5 教室大屏專用・AI 一鍵自訂主題遊戲

2026-09-19T15:41:10.521+08:00

🎲 寶島大富翁 V5
教室大屏專用・AI 一鍵自訂主題遊戲

以 V5 版本為主｜地圖・題庫・機會命運卡，全部用 AI 生成，再匯出帶著走

V5.0 ・ 2026-09-18 更新・以教室大屏遊玩設計

🤖 第一步：用 AI 生成地圖與內容點我開啟 Gemini・輸入主題就幫你生好地圖＋題庫＋卡片，完成後按「匯出進度」🎮 第二步：開啟大富翁 V5 遊戲主程式在連結上按右鍵「另存 HTML」存到電腦・再載入前面匯出的進度，就能玩自訂內容

一、軟體由來

我原本只是想在課堂上玩一場「有台灣味」的大富翁，讓學生在擲骰子、買地、付租金的過程中，順便把觀光、歷史、時事都複習一遍。

做到 V4 的時候，地圖、題庫、卡片都已經可以 AI 生成、可以手改、可以匯入 XLSX，功能其實很完整了。但我在教室大屏上實際帶了幾次，發現幾個痛點：2D 骰子不夠嗨、訊息彈窗一直擋住流程、玩家欄看不到總資產、下課要收尾很難交代錢怎麼花的。

所以我把整個程式重新整理，推出了這個 V5。V5 的目標很單純：同一套玩法，但更適合站在全班前面、用大屏帶著玩。

二、課堂教學應用

🏫 我的課堂用法（給老師參考）

任何科目都能套主題：台灣歷史、自然生態、英語單字、數學應用題，只要換地圖名＋換題庫，就是一堂複習課。
答對才能行動：踩到無主地、機會、命運都要先答題，答錯就跳過。這讓強勢組不能只靠運氣，弱勢組也有逆轉機會。
收支歷程當檢討素材：V5 點玩家卡就能看到「租金都是跟誰收的、錢花去哪」，下課前 3 分鐘直接投影檢討，金流一目了然。
大屏＋分組對抗：2～4 組，每組派代表擲骰，全班一起喊答案，氣氛比單純搶答好很多。

因為遊戲是為教室大屏設計的，標題、計時器都收進棋盤中央，玩家欄和棋盤等高，坐在後排也看得清楚。功能按鈕收在棋盤角落，不會擋到投影邊緣。

三、V5 比 V4 多了哪些功能？重點

以下是我自己對照程式碼整理出來的差異，V4 有的 V5 全部保留，V5 是加法升級：

項目	V4	V5 新增／改進
🎲 3D 骰子	2D 數字骰＋旋轉動畫	three.js 真 3D 骰子，在棋盤中央翻滾再停在正確點數，一進遊戲畫面就看得到，課堂歡呼聲差很多
🎨 整體美術	傳統灰白棋盤	馬卡龍＋普普風：漫畫貼紙格、粗黑描邊＋硬式陰影，已購買的土地會「浮起來」，一眼看出戰況
🖥️ 大屏版面	標題在棋盤外，地圖＋玩家欄簡單並排	標題＋計時器移入棋盤中央；地圖 75%＋玩家欄 25%，中間有可拖曳把手即時調比例，右欄高度自動同步棋盤，手機自動改上下堆疊
💰 資產與歷程	只顯示現金與土地名	即時顯示總資產（現金＋土地現值）；點擊玩家卡彈出歷程：持有土地、租金收入來源排行、完整收支時間軸，每筆錢都有理由可查
🔔 訊息提示	全部用彈窗，要一直按確定	一般通知改用右下角 Toast 浮動提示（經過起點、匯出成功等），不中斷流程；租金、監獄、破產等關鍵事件才用彈窗
📍 格子回饋	只有底部色條	已購土地左下角顯示地主 emoji 徽章，目前所在格有金色發光脈動外框，大屏遠看也清楚
⚙️ 設定畫面	單欄很長，要捲動	雙欄精簡一頁完成＋版本徽章；新增 XLSX 格式說明弹窗；初始畫面直接有「載入進度」，不用先進遊戲
🔘 功能按鈕	固定在視窗四角	收進棋盤內部：匯出／載入在左上，結束／重置在右上，投影不怕被裁掉

💡 一句話總結：V4 是「功能齊全的單機大富翁」，V5 是「站在全班前面也好帶的大富翁」。如果你用過 V4，直接換 V5 不用重新學。

四、使用詳細教學（建議流程）

我最建議的流程就是：先用 AI 生內容、匯出進度，再用主程式載入來玩。這樣老師在家備課 10 分鐘，到教室 1 分鐘就能開玩。

步驟 1：用 AI 生成地圖、題庫、卡片

點擊最上方 🤖 第一步大按鈕 開啟我的 Gemini 分享連結（share.gemini.google/MbDhf94i4XfY）。照著裡面的指示輸入主題，例如「台灣夜市」「自然生態」「英文單字」。

在 AI 設計區依序按 生成地圖 → 生成題庫 → 生成卡片。地圖主題會自動帶入卡片欄，也可以手動改。不滿意可以按 🗺️ 手動修改地圖、✏️ 編輯卡片／題庫（👁️）微調。

完成後按棋盤左上角 匯出進度，會下載一個 台灣大富翁_儲存_日期.json。這個檔案就是你的「自訂關卡」，請收好。

步驟 2：下載 V5 主程式

點擊 🎮 第二步大按鈕（filedn 的 V5 html 連結），在連結上按 右鍵 → 另存 HTML，存到你的電腦或隨身碟。檔名是 大富翁V5-1150919.html。

用 Chrome 或 Edge 直接雙擊開啟那個 html，不需安裝、不需網路（有網路時 3D 與字體會更漂亮）。

步驟 3：到教室載入、開玩

在設定畫面按 📂 載入進度（或進遊戲後左上角的載入進度），選擇步驟 3 的 json 檔，你的自訂地圖＋題庫就回來了。

設定玩家人數、名稱、emoji、初始資金、遊戲時間，勾選要用的題庫，按 開始新遊戲。把瀏覽器按 F11 全螢幕投影到大屏，點擊 擲骰子開玩！

下課前想留紀錄再按一次 匯出進度，下節課繼續玩。時間到會自動結算總資產排名。

⚠️ 小提醒

題庫 XLSX：每個工作表就是一個題庫，第一列是標題列，從第二列開始每列一題，欄位依序是題目、答案(1~4或A~D)、選項1~4，六格都要填。
監獄規則：探訪沒事，被送監要等 3 回合、擲雙倍提早出來，也可用免費出獄卡或 $500 保釋。
租金：一般地產看租金表，車站看擁有數量加倍，公用事業看骰子點數×倍數，賣地以 9 折計入總資產。

五、佈署說明（免安裝・單一檔案）

這個遊戲是純前端單一 HTML 檔，沒有後端、不需 GAS 佈署、不需伺服器：

取得方式：上方 🎮 大按鈕右鍵另存 HTML 即可，放到電腦、隨身碟、雲端硬碟都能用。
執行方式：雙擊用瀏覽器開啟，建議 Chrome／Edge＋F11 全螢幕投影。
存檔方式：遊戲進度存在 JSON＋瀏覽器 localStorage，換電腦就帶著 json 檔＋html 檔走。
離線：核心玩法離線可玩；CDN（Tailwind、xlsx、three.js、字體）有網路時效果完整。

📥 下載 V5 主程式（右鍵另存 HTML）

六、結語

V5 對我來說不是炫技，而是一次「把教室現場放在心上」的修改：骰子更大聲、錢流更透明、按鈕不再擋畫面、備課 10 分鐘就能帶走一堂課。

如果你手上有 V4 的題庫和地圖，直接匯入 V5 就能用，歡迎試試看。

《紫斑之翼：奇幻大遷徙》台灣生態 RPG 互動答題遊戲｜可完全自訂題庫

2026-09-12T22:33:50.718+08:00

教學 x 遊戲 x 生態

《紫斑之翼：奇幻大遷徙》

台灣生態 RPG 互動答題遊戲｜區網離線 · 全班同樂

🦋 Web / Windows 適用｜ 🎮 JRPG 冒險風｜ 📚 支援自訂題庫

⬇ 前往下載 Source code (zip) →

①軟體由來：一場「不靠網路」的奇幻冒險

這幾年帶學生上課，我一直在想：能不能讓答題這件事，變得像打電動一樣好玩？ 於是前陣子，我趁著空檔用 Google Antigravity 桌面版，從零打造了這款 《紫斑之翼：奇幻大遷徙》——一款以台灣紫斑蝶春季北返大遷徙為主題的 JRPG 答題遊戲。連遊戲中所有的 20 張美術圖片，都全部由 AI 生成並直接整合進程式裡。

學生化身蝶群守護勇者，一路通過茂林幽谷、月世界惡地、濁水溪河谷、國道生態廊道到繁衍聖林 五大關卡，每答對一題就累積能量、打倒關主魔王，抵達繁殖聖地。遊戲融合了鳥山明熱血動漫的 Q 版戰鬥風格，還把四種紫斑蝶的真實辨識特徵設計成四位勇者的能力原型，玩遊戲的同時也能學到生態知識。

🎯 為什麼要做「區網就能玩」的版本？

教室裡常常不是每台裝置都有網路、或網路卡卡的。這款遊戲完全不需要連外網路，只要教師主機跟學生裝置在同一區網（同一台 Wi‑Fi / 有線分享器）下，掃 QR Code 就能立刻連進來開戰！資料全部存本機端，隱私安全、好備份，也不怕臨時遇到網路斷線。

②課堂教學應用：把「考試」變成冒險

這套系統的設計核心，就是希望讓每一個孩子都想主動答題。它具備哪些亮點？

👥

全班同時上線對戰

平板、手機、電腦都能玩，伺服器支援多人同時在線，作答紀錄即時回傳。

💾

題庫一鍵匯入、隨機出題

CSV 批次匯入，也可用 Gemini AI 出題小幫手秒生出題，題目順序自動打亂防背答案。

⚔️

倒數機制提升專注

答題倒數歸零時魔王會立即反擊扣血，緊張感讓學生全神貫注。

💯

錯題分析一把抓

教師後台自動彙整全班作答數據，錯題難度排行榜與誤選人次一目了然。

🖥️

全螢幕簡報檢討模式

投影機大字體投影片，按 H 隱藏／顯示答案，全班一起檢討迷思概念。

🎨

整套遊戲主題換膚

後台可上傳自訂圖片，或一鍵複製 20 張 AI 生圖 Prompt，5 分鐘變身任意主題。

✍️ 最推薦的課堂節奏

暖身導入：先投影第二關或第三關的題目，全班搶答，製造期待的氛圍。
個人闖關：每人用自己裝置選勇者、選主題測驗，開始 5 關冒險。教師從後台即時看學生進度。
錯題檢討：切進「簡報模式」，把全班最常錯的題目放上大螢幕，按 H 先討論再亮答案，順便看看是哪幾位同學選了哪個錯誤選項。
主題變裝：想加入國語、數學、英文？CSV 匯入題庫後即可改名換姓，瞬間變成一款全新主題冒險。

③使用教學：三步驟開始冒險

下載檔案：到下述 GitHub 頁面，下載最新版 Source code (zip) 並解壓縮到電腦。
一鍵啟動：雙擊目錄中的 啟動程式.bat，程式會自動偵測 Python、自動安裝所需套件，並開啟伺服器控制面板與瀏覽器視窗，超簡單！
掃碼開玩：在控制視窗點「顯示 QR Code」，學生用平板／手機掃描，或直接輸入區網網址（例如 http://192.168.1.100:8888），全班立刻連線開戰！

💡 小提醒

預設連接埠為 8888，若被其他程式佔用，可在面板切換 8080 / 8000 / 5000 / 3000 等埠號後重新啟動。
教師後台密碼預設為 admin，主畫面點「⚙️ 教師／管理者題庫後台」即可進入。

🎓 四大守護勇者（也學蝶類辨識口訣）

🦋 小紫 · 幻紫遊俠 —「小紫點一邊」

擅長幻紫瞬光與超高爆發傷害。

🛡️ 阿圓 · 圓翅巨盾戰士 —「圓翅兩邊點」

高體力與全方位堅固護盾。

🧙 阿斯 · 斯氏靈智賢者 —「斯氏有三點」

高魔力與全隊生命滋養回復。

🗡️ 端端 · 端紫幻影刺客 —「端翅亂亂點」

高敏捷與視線幻惑破防打擊。

🗺️ 五大關卡舞台（同時也對應不同 BGM）

茂林幽谷 → 荒漠月世界 → 濁水溪河谷 → 國道生態廊道 → 繁衍聖林
大地圖自由探索：支援 WASD／方向鍵行走，或直接點擊地圖任意地點自動尋路。
五關全破後有四大勇者齊聚的史詩通關動畫，可手動跳轉成果報告書，方便全班合影留念。

⬇ 下載 Source code (zip) →

④取得與佈署說明

本專案開源發布於 GitHub，採用 CC 姓名標示－非商業性－相同方式分享（CC BY-NC-SA 4.0）授權，歡迎各位老師自由下載、自行會考出題與改造主題。

📍 下載位置：請前往專案 Releases 頁面，下載最新版的 Source code (zip) 後解壓縮即可使用。
🔗 https://github.com/kentxchang-goedutw/RPGgame/releases

來源	說明
`啟動程式.bat`	Windows 一鍵啟動（自動偵測 Python、安裝依賴套件、啟動伺服器）
`server.py`	輕量 Python HTTP 伺服器與題庫／作答 RESTful API
`web_exe2.py`	PyQt5 桌面控制面板：Port 切換與 QR Code 產生
`Game-data/`	題庫、主題測驗、學生作答紀錄、全域設定（本機 JSON）
`assets/images/custom/`	教師上傳的自訂圖片存放目錄

需求環境：Windows 10／11（64-bit）＋ Python 3.9 以上（啟動程式.bat 會在未安裝時自動協助安裝）。

🚀 立即前往下載 →

一起把學習變成冒險吧！🦋

打破「測驗卷很枯燥」的印象，讓孩子在「闖關、打魔王、集結同伴」的過程中自然地練習與複習。若你也想讓課堂變得不一樣，歡迎下載試玩、自由改造成屬於你的主題冒險！

有任何想法或建議，也歡迎隨時留言交流。🙂

GAS & Firebase 完美提示詞生成器-不再苦惱怎麼寫 Prompt，選好架構、輸入需求，一鍵生成含資料庫後台的完整部署指令碼。

2026-09-09T11:03:49.803+08:00

GAS & Firebase
完美提示詞生成器

整合三種資料庫後端架構，為你量身打造極致視覺與免綁定設定的 AI 提示詞。
不再苦惱怎麼寫 Prompt，選好架構、輸入需求，一鍵生成完整部署指令碼。

🟢 GAS 一鍵部署🟣 GAS 獨立前端🔥 Firebase NoSQL

立即體驗生成器

💡軟體由來

在教學現場，我經常遇到老師們想用 Google Apps Script 或 Firebase 開發一些小工具——學生請假系統、線上簽到表、器材借用登記——但每次都要從零開始寫提示詞給 AI，反覆修改、來回調整，光是把需求講清楚就花掉大半時間。

後來我發現，與其每次手動撰寫冗長的 Prompt，不如做一個「提示詞生成器」：讓使用者只要選好架構、填入簡單需求，系統就能自動幫你組裝出一份完整、精準、可直接貼給 AI 的提示詞。

更進階的是，我還把 AI 智能優化功能直接內建進去——你只要隨意打幾句話，點一下「AI 智能優化」，Gemini 就會幫你把模糊想法擴寫成清晰的功能規格書。這就像身邊多了一位產品經理，幫你把需求梳理得條理分明。

⚙️核心功能一次看

🧩

三種架構一鍵切換

GAS 一鍵部署、GAS 獨立前端、Firebase NoSQL，點選卡片即時切換技術規格與配色。

✨

AI 智能優化

隨意輸入想法，AI 自動擴寫為完整功能規格書，支援原文與優化版 Tab 切換。

🎨

六種介面風格

粉嫩馬卡龍、校園繽紛、活力藍橘、現代質感綠、日系無印、科技深色，一鍵選用。

📋

完整部署輸出

生成包含 README.md、Code.gs、Index.html 的三段式完整指令碼，附詳盡中文註解。

📁

雲端硬碟自動存檔

GAS 架構自動建立「上傳的資料」子目錄，圖片壓縮後存檔並以縮圖 ID 回傳。

🔗

Base64 分享機制

支援網址參數分享設定，生成短網址與 QR Code，方便團隊協作與快速部署。

🏗️三種架構，各有千秋

根據你的使用場景，選擇最合適的後端架構：

🟢 GAS 一鍵部署（免設定）

前端與後端合一，無跨網域（CORS）問題
直接從試算表建立腳本，免手動設定 ID
可全自動於雲端硬碟建立目錄與存放圖片

💡 適合：校園內部、快速上線、表單登記與小型行政管理工具

🟣 GAS 獨立前端（API）

前後端分離，HTML 可放任何網頁主機或 GitHub
極高擴充性，支援一鍵複製與說明文件彈出
試算表結構清晰，支援雲端硬碟自動分類存圖

💡 適合：需自訂網域名稱、嵌入學校現有網站、有特殊美化與託管需求的專案

🔥 Firebase NoSQL 架構

讀寫效能極高，毫秒級即時資料庫同步更新
原生支援匿名安全登入、LocalStorage 自動緩存
前端單一網頁部署，無需自行管理伺服器

💡 適合：高互動（即時聊天室、搶票）、大用量與需要嚴密安全規則的專案

🎨六種預設介面風格

內建六款精心設計的 UI 風格，從活潑校園到科技深色，滿足不同場景需求：

🍬 粉嫩馬卡龍

🌈 校園繽紛

⚡ 活力藍橘

🌱 現代質感綠

🌾 日系無印風

🌙 科技深色

也可以自由輸入！除了預設風格，你可以在風格欄位中自行描述想要的視覺效果，AI 會根據你的描述生成對應的前端程式碼。

📖使用教學

選擇後端架構
在頁面頂部點選你要使用的架構卡片——GAS 一鍵部署、GAS 獨立前端或 Firebase NoSQL。選定後，下方的技術規格區會自動切換對應內容。
輸入核心功能需求
在「需求輸入區」中，用自然語言描述你想要開發的網頁應用。例如：「我想要做一個學生請假系統，學生可以填寫請假單並上傳證明照片……」
（選用）AI 智能優化
點擊輸入框上方的「AI 智能優化」按鈕，系統會自動將你的簡短描述擴寫為完整的功能規格書。優化後可透過 Tab 切換查看原始版本與 AI 優化版本。
選擇介面風格
從六款預設風格中點選，或自行輸入描述。選定後輸入框會有短暫的高亮動畫回饋。
一鍵生成提示詞
點擊底部的「生成提示詞」按鈕，右側輸出區會立即顯示完整的提示詞內容。確認後點擊「複製提示詞」按鈕，即可貼到任何 AI 對話視窗中使用。

🔬技術亮點

AI 雙模式 API Key 架構：支援「自訂模式」讓使用者輸入自己的 Gemini API Key 並存入 LocalStorage，也支援「預設模式」在 Gemini Canvas 環境中免 Key 直接測試。兩種模式無縫切換，降低使用門檻。

精緻 Glass-Panel UI：採用毛玻璃效果面板（backdrop-filter: blur）、馬卡龍配色架構卡片、流暢的 CSS 過渡動畫，以及自訂模態視窗（嚴格禁用 alert/confirm），整體視覺體驗媲美專業 SaaS 產品。

智慧色彩切換系統：根據使用者選擇的架構，全頁面的按鈕、輸入框 focus ring、右側面板邊框、技術規格區配色會同步切換為對應色系（綠 / 紫 / 橘），打造沉浸式的操作體驗。

// 架構選擇後，全頁色彩同步切換
if (arch === 'gas-embed') {
  btn.className = "...bg-emerald-600 hover:bg-emerald-700";
  rightPanel.style.borderLeftColor = '#10b981';
} else if (arch === 'firebase') {
  btn.className = "...bg-orange-500 hover:bg-orange-600";
  rightPanel.style.borderLeftColor = '#f97316';
}

🚀如何取得與使用

這是一款獨立的網頁工具，無需安裝任何軟體，直接透過瀏覽器即可使用：

開啟生成器頁面
點擊下方按鈕或直接造訪連結，即可在瀏覽器中開啟完整工具。
選擇架構 → 輸入需求 → 生成
按照頁面引導，選好後端架構、輸入功能描述（可搭配 AI 優化）、選定風格後，一鍵生成提示詞。
複製提示詞貼到 AI 對話
將生成的提示詞複製後，貼到 ChatGPT、Gemini、Claude 等任何 AI 對話視窗中，即可開始開發你的網頁應用。

立即開啟完美提示詞生成器

讓 AI 幫你寫出完美的開始

做工具的目的，就是把重複的事情變得簡單。
這款生成器濃縮了我在 GAS 與 Firebase 開發上的經驗，希望能夠幫助更多老師與開發者，
用更少的時間把想法變成真實可用的應用程式。

開始使用 →

(New) 史上最無腦！不需要會畫畫，這招讓你 5 分鐘光速上架 LINE 貼圖

2026-09-08T21:34:09.072+08:00

(New) 史上最無腦！不需要會畫畫，這招讓你 5 分鐘光速上架 LINE 貼圖

從零開始，用 AI 一鍵生成 24 張貼圖並打包上架

🚀 立即開啟貼圖工具

🎬 完整教學影片

💡 軟體由來

一直以來，很多朋友都跟我說想做 LINE 貼圖賣，但一聽到要畫 24 張圖就卻步了。不會畫畫怎麼辦？找人代畫又太貴？

所以我在新版的「貼圖分割打包工具」中，整合了 AI 生圖功能。你只需要上傳一張大頭照，工具就會自動幫你生成 24 張風格統一的貼圖，再幫你分割、去背、打包成可直接上架的格式。

整個過程大約 5 分鐘，完全不需要任何繪畫技巧。

📋 使用詳細教學

1 開啟工具並設定貼圖風格

點擊下方按鈕開啟工具。在「人物特徵描寫」欄位可以留空（之後會用你上傳的照片生成），也可以輸入你想要的動物或主題人物。接著選擇「頭身比」和「核心風格」（如真人照片風格、插畫風格等）。

2 選擇或自訂提示詞主題

工具有預設的主題詞（如「日常」、「社畜」等），你也可以勾選「自訂主題」自行輸入，例如「搞笑版常用詞語」。工具會自動幫你生成 24 個適合的貼圖詞語。

3 複製提示詞並到 Gemini 生圖

確認生成的 24 個詞語沒問題後，把右邊的提示詞複製起來。開啟 Google Gemini（需要登入 Google 帳號），新增對話後貼上提示詞，再上傳你的大頭照，選擇「建立圖像」後送出。Gemini 就會幫你生成一張包含 24 格的貼圖用圖片。

💡 小提醒：在生圖設定中，如果有「圖片外加黑框」的選項，建議勾起來，這樣後續去背效果會更好。

4 下載圖片並上傳至工具

Gemini 生成完成後，點開圖片下載。回到貼圖工具，點擊上傳區域，把剛下載的圖片貼上來。

5 手動分割與調整分割線

上傳圖片後，點選「手動分割」。工具已經預設好 24 格的分割線，你可以放大圖片檢查，確認分割線沒有切到圖案。如有需要可以自行微調。

6 一鍵智慧去背

新版工具內建去背功能！點擊「智慧魔術棒」，再點擊圖片中灰色背景區域，即可自動去背。如果不滿意，可以調整「容差值」再試一次，直到效果理想為止。

7 執行分割與打包

確認去背效果後，點選「執行分割」，工具會自動將 24 張圖分割好。接著設定「主要圖」與「標籤圖」（任選即可），然後點擊「打包」，下載壓縮檔。

8 上架至 LINE 貼圖小舖

到 LINE 貼圖小舖的後台（工具中有「如何上架」的連結可直接導過去），新增一個貼圖項目。填寫標題（英文 + 中文各一組，中文要 10 個字以上）、創作者版權（@你的英文名）、勾選「使用 AI 生成」。重點：將「開始販售」改為「自動販售」，避免審核通過後還需手動操作。最後上傳剛下載的壓縮檔（不用解壓縮），送出申請等審核即可。

⚠️ 重要提醒：「開始販售」一定要改成「自動販售」！如果選手動販售，審核通過後還要再等 2~3 小時才能上架，非常不方便。

🎯 開啟 LINE 貼圖分割打包工具

🎉 總結

有了這套工具，製作 LINE 貼圖再也不需要畫圖功底。上傳照片、讓 AI 生圖、一鍵去背分割打包，5 分鐘就能搞定。快來試試看，讓你的創意直接上架吧！

行事曆架構生成工具 V4-告別手動填日期，一鍵產出原生 DOCX 行事曆

2026-09-04T11:40:31.495+08:00

行事曆架構生成工具 V4

告別手動填日期，一鍵產出原生 DOCX 行事曆

V4 全新升級 — 直接下載 Word 檔案，無需轉檔

立即開啟行事曆生成工具免安裝、免註冊，瀏覽器直接使用

軟體由來

身為第一線教育工作者，每學期初最讓人頭大的工作之一，就是製作那張「學期行事曆」。過去我們常要對著日曆，一個格子一個格子手動輸入日期，不僅瑣碎，萬一其中一天填錯，後面整排都要重改。

之前我分享過 V3 版本的行事曆生成工具，當時已經能自動生成日期框架並支援下載 doc 檔案。但使用一段時間後，我發現 doc 格式畢竟是 HTML 包裝而成，在 Word 中開啟時排版偶爾會跑掉，與學校固定的行事曆格式接軌時仍有些不便。

把重複的瑣事交給程式，把專業的教學留給老師。

於是，我把工具重新改版，推出了 V4 版。這次最大的升級，就是採用 docx.js 函式庫，直接產生原生 DOCX 檔案，在 Word 或 Google Docs 中開啟時排版完全一致，再也沒有格式跑掉的問題。同時，我移除了較少使用的欄位格式功能（如文字顏色、粗體設定），讓介面更簡潔、操作更直覺。

功能特色

📅

一鍵生成日期框架

設定起始日期與週數，程式自動填入所有日期並對應月份，完全免手動輸入。

📄

原生 DOCX 下載

採用 docx.js 直接產生 Word 檔案，開啟即可編輯，排版零误差。

🎯

自訂欄位設定

自由新增、刪除、排序欄位，並可調整各欄位寬度比例，符合學校不同格式需求。

🕐

週起始日選擇

支援以週日或週一作為每週第一天，因應不同學校的行事曆慣例。

🎨

假日視覺標記

點擊日期格子即可切換灰色（假日）、白色（上課日）、黃色（特別標記）。

📥

JSON 匯入匯出

匯出目前設定，下次匯入即可繼續編輯，不用每次從頭開始。

使用教學

輸入基本資訊
在主畫面輸入行事曆標題（如「114學年度第1學期行事曆」）、預計生成的週數，以及起始日期。
設定每週起始日
選擇每週從「週日」或「週一」開始，程式會自動調整日期排列順序。
選擇日期格式
可選擇「純日期，月份為獨立欄位」或「日期含月（如 9/1）」兩種顯示方式。
自訂欄位
預設有「學校行事」與「備註」兩個欄位，可自由新增更多欄位、調整順序與寬度百分比。寬度總和須為 100%。
生成行事曆
點擊「生成行事曆」，程式瞬間建立整學期的日期框架。點擊日期格子可標記假日（灰色）或特別日（黃色）。
下載 DOCX
點擊右上角「下載行事曆 DOCX」按鈕，即可取得原生 Word 檔案，直接在 Word 中進行更細緻的編輯。

小提醒： 生成後可先在頁面上標記好假日顏色，再下載 DOCX。下載的 Word 檔案會完整保留顏色標記，在 Word 中開啟即可繼續編輯內容。

適用場景

學期行事曆製作： 每學期初快速生成日期框架，配合學校格式填入活動內容。
班級週曆規劃： 導師可生成班級專用週曆，搭配自訂欄位記錄作業、考試與活動。
行政單位： 輔導室、學務處等單位製作各類行事曆，自訂欄位因應不同業務需求。
社團活動排程： 將自訂欄位改為活動名稱、負責人、地點等，快速建立社團行事曆。

開始使用行事曆生成工具 V4免費、免安裝，直接在瀏覽器中操作

結語

行事曆生成工具從 V3 到 V4，最大的改變就是「從 doc 升級為原生 DOCX」。這個看似小小的改動，卻大幅提升了在 Word 中的排版穩定性，讓下載的檔案能直接融入學校的固定格式，不再需要花時間調整排版。

同時，移除了較少使用的欄位格式功能，讓介面更加簡潔，操作更加直覺。新增的自訂欄位功能則提供了更高的彈性，不論是班級週曆、行政單位的業務行事曆，或是社團活動排程，都能靈活因應。

如果您覺得這款工具對您的行政工作有所幫助，歡迎分享給身邊的同事，讓更多老師從繁瑣的日期輸入中解放出來。

舊版工具： 若您需要使用舊版 V3 行事曆生成工具，可點擊前往 V3 版行事曆生成工具。

🎬 LINE 動態貼圖生成小工具-設定好想要的貼圖文字，或交給 AI 依主題設計，剩下的交給它就對了

2026-09-02T20:27:25.480+08:00

🎬 LINE 動態貼圖生成小工具

想快速做 LINE 動態貼圖？

設定好想要的貼圖文字，或交給 AI 依主題設計，剩下的交給它就對了

🚀 立即前往使用工具

網頁版直接使用，免安裝任何軟體

為什麼想分享這個工具

LINE 貼圖早就變成我們日常對話的一部分，很多人可能都幻想過「要是有一套屬於自己的動態貼圖該有多酷」。但一想到要繪圖、要逐格做動畫、要合規格、要打包上架，光是那些步驟就讓人打退堂鼓。

所以我做了這個小工具——只要設定好你想要的貼圖文字，或是直接丟一個主題給 AI，讓它幫你發想 8 組文字與動作，剩下的分割、去背、合成、打包，全部自動搞定，真的不用懂任何設計軟體。

就算完全不會畫圖、不會做動畫，也能短短幾分鐘產出一組完整、能上架 LINE 的動態貼圖。

它有哪裡好用

免安裝、免登入設計工具：打開網頁就能用，所有處理都在你的裝置裡完成，圖片不外傳、隱私有保障。
AI 幫你發想：不想自己打字？丟一個主題（例如「可愛小貓在辦公室的一天」「工程師熬夜爆肝日常」），AI 就幫你生成 8 組貼圖文字與動作。
一條龍自動化：從生圖提示詞、切割 4×8 大圖、去背、合成 APNG，到打包 LINE 官方專用 ZIP，通通一鍵搞定。
可以自訂頭身比與風格：Q 版、黏土風、水彩、像素……各種視覺風格隨你挑。
支援超大貼圖組：先輸出多組 8 張的 ZIP，再一次上傳，工具會自動重新合併成 16 張或 24 張的大型貼圖組。

怎麼用

流程很直覺，大概就這幾步：

設定文字或主題直接輸入你想要的 8 組文字，或輸入一個主題讓 AI 幫你自動發想。
產生生圖提示詞工具會自動產生 4×8（32 格）的 Gemini 生圖提示詞，複製後到 Gemini 貼上、上傳參考照片即可。
切割與去背把生好的 4×8 大圖上傳，工具自動切成 8 組貼圖並去除灰底變成透明。
合成與打包上傳一鍵合成 8 組 APNG，打包成 LINE 官方專用 ZIP，直接上傳到 LINE 後台。
組更大的貼圖組想湊 16 張或 24 張？把多組 8 張的 ZIP 一次上傳，工具自動重新合併成一大組。

🚀 現在就來試試

關於這個工具

這是一套純前端應用程式，不需要架伺服器、也不需要安裝任何軟體，瀏覽器一打開就是完整功能。所有圖片都只在你的裝置裡處理，隱私安全有保障。

使用時只要連接 Gemini 就能獲得 AI 設計協助，其餘分割、去背、合成、打包全在地端完成，簡單又快速。

若想製作更大組的貼圖（LINE 也支援 16 張或 24 張貼圖組），你只要先輸出多組 8 張的 ZIP，再把這些 ZIP 一次上傳，工具就會自動重新合併成一組 16 張或 24 張的貼圖 ZIP 檔，省去手動拼湊的麻煩。

🚀 開啟 LINE 動態貼圖生成工具

結語

這個小工具我自己用起來覺得挺方便，所以想分享給大家。無論你是想試試做一組屬於自己的 LINE 貼圖，還是單純覺得有趣，都歡迎去玩玩看。

做得很陽春，但誠心希望對你有幫助。有任何想法或建議，都歡迎一起交流！

WEB 區網互動教學工具箱 V1.2 大升級！新增多個互動教學工具整合。

2026-08-27T22:45:59.312+08:00

智慧教育 • 課堂互動教學神器

WEB 區網互動教學工具箱 V1.2 大升級！
免連外網、AI 自動命題、配對遊戲一鍵生成與作業即時收件

教師電腦雙擊即可開課！iPad／平板免裝 App 掃碼即連，搶答、白板、簡報同步、AI 閱讀測驗、遊戲化學習一應俱全。

阿剛老師• 2026-08-27 更新• V1.2 版本發布

在智慧課堂或研習活動中，許多老師常面臨「教室網路訊號不穩」、「學生需要註冊登入雲端帳號太繁瑣」或「欠缺簡單直覺的作業即時繳交機制」等痛點。

「WEB 區網互動教學工具箱」正是為了徹底解決這些問題而生！不需要申請外部雲端資料庫（免 Firebase、免連外網），只要教師端點開程式，系統就會自動在教室 Wi-Fi 建立局域網路伺服器。學生只要拿出 iPad、平板或手機掃描大螢幕上的 QR Code，就能立刻進入課堂互動。

開源專案已於 GitHub 發布

歡迎點擊下方按鈕前往 GitHub 下載最新完整程式碼、給予 Star 支持或回報建議！

前往 GitHub 下載專案

🎴

亮點一：普普風配對遊戲生成器（多模式遊戲化學習）

課堂複習成語、英文單字或自然科學定義，總是希望有生動的遊戲讓學生動手練習。本次全新整合的「普普風配對遊戲生成器」，讓老師能以最快速度產出課堂小遊戲：

三大遊戲模式

單一題庫同時支援「翻卡練習」、「隨機配對消消樂」與「趣味打地鼠」，適合不同程度與階段的課堂教學。

AI 提示詞 & 批次匯入

內建成語、英文、注音、數學等 10 種 AI 提示詞範本，直接貼上文字即可秒級解析批次匯入。

一鍵直存伺服器

完全不需要下載後再手動搬移檔案！點擊按鈕直接生成並歸檔到 html/配對遊戲/，學生端即可在首頁立刻點選遊玩。

📖

亮點二：PIRLS 閱讀測驗產生器（結合 AI 智慧深度命題）

結合 Google Gemini API，專為國語文與閱讀理解設計的智慧命題系統，能自動分析文章並產出符合國際標準的評量測驗：

嚴格對應 PIRLS 四大理解層次：自動生成「提取訊息 (3題)」、「推論訊息 (3題)」、「詮釋整合 (2題)」與「比較評估 (2題)」，每題附帶詳細解析。
三種靈活命題途徑：支援指定主題由 AI 原創寫作、貼上現有長篇文章由 AI 整理排版命題，或直接手動貼上自訂題目。
支援課本拍照上傳：若有紙本教材照片，可直接上傳圖片並自動封裝為 Base64 嵌入測驗，並自動發布儲存至 html/閱讀測驗/。

⚡

亮點三：地圖互動測驗、自動截圖外掛與後端存檔 API

互動式地圖標示測驗工具

教師可自訂地圖與多個地理標記點，一鍵產生地理問答與互動探索練習，並自動儲存至 html/地圖測驗/。

教材自動掛載「浮動截圖繳交外掛」

所有放在 www/html/ 內的網頁，伺服器均會自動注入「📸 截圖繳交」按鈕，學生瀏覽教材時可隨時截圖繳交至指定題號。

WEB 區網互動教學工具箱完整功能一覽

模組名稱	主要特色與用途
🙋 剛好學	搶答、快速投票、便利貼留言牆、閱讀測驗、作品觀摩互評
📋 剛好白板	多人即時協作數位白板，支援多頁切換、繪圖與清空管理
📊 剛好簡報	上傳 PDF 簡報自動轉檔，教師翻頁同步至學生載具與互動反饋
📝 剛好測	線上即時測驗，AI 自動出題、即時成績分析圖表與 CSV 匯出
🎴 配對遊戲生成器	翻卡練習、隨機配對、打地鼠遊戲，支援 AI 提示詞與一鍵儲存
📖 PIRLS 閱讀測驗	Google Gemini AI 命題，精準產出四大層次理解題目與解析
🎙️ 語音錄音繳交	iPad / 瀏覽器即時錄音、秒數計時、試聽回放與分題自動收件
🎨 即時畫布塗鴉	在題目底圖上即時手繪、文字框排版，完成後一鍵截圖上傳
🖥️ 大螢幕展示牆	依題號自動彙整學生作業，支援圖片放大、隨機抽籤與投影評析

🚀 立即下載體驗，為您的課堂注入活力！

下載後只要雙擊 啟動程式.bat，系統便會自動完成所有環境檢查與設定，完全免安裝、免繁瑣配置！

GitHub 專案首頁與下載

專案開源網址：https://github.com/kentxchang-goedutw/localwebtools作者：阿剛老師 • CC BY-NC-SA 4.0

WEB 區網互動教學工具箱-教室大屏 PC × 學生平板｜連上區網 → 啟動程式 → 掃 QR Code，互動馬上開始！

2026-08-25T12:42:50.651+08:00

WEB 區網互動教學工具箱

教室大屏 PC × 學生平板｜連上區網 → 啟動程式 → 掃 QR Code，互動馬上開始！

🚀 免安裝設定　🔒 資料全在本機　📶 不需要網際網路

⬇️立即下載 V1.2（Source Code.zip）GitHub Releases 下載後解壓縮，雙擊「啟動程式.bat」即可使用

💡軟體由來

這幾年教室裡的設備越來越齊全：講台上有了大螢幕與電腦，學生也常一人一台平板。但我發現一個很實際的問題——想讓平板跟大螢幕即時互動，往往得仰賴雲端服務或外部平台，不是要申請帳號、就是要擔心學校網路能不能連出去，甚至課堂中突然斷網，整個活動就卡住了。

於是我自己動手做了這套「WEB 區網互動教學工具箱」。它的核心想法很單純：只要教師電腦和學生平板連上同一個 Wi-Fi（區域網路），老師啟動程式、學生掃描 QR Code，互動就能立刻開始——全程資料都留在自己的電腦裡，不需要網際網路、不需要註冊任何帳號，也不依賴任何雲端服務。

🖥️📱確認同一區網教師 PC 與平板連同一個 Wi-Fi

➜

▶️教師啟用程式雙擊 bat 自動架好伺服器

➜

📸學生掃 QR Code大螢幕投影 QR Code 即可

➜

🎉開始互動教學搶答、投票、白板、繳作業

🏫課堂教學應用

這套工具箱內建了完整的課堂互動功能，涵蓋「提問回饋」、「協作共創」、「同步簡報」、「評量分析」到「作業收繳與展示」，幾乎一堂課會用到的互動環節都包辦了：

🙋 剛好學

搶答、是非選擇、快速投票、便利貼牆、閱讀測驗、文字雲、作品觀摩投票，支援 AI 智慧出題。

📋 剛好白板

多人即時協作數位白板，畫筆、圖形、便利貼、插入圖片與 PDF，多頁切換、教師可鎖定管控。

📊 剛好簡報

上傳 PDF 同步播放，逐頁設定塗鴉題、文字題、選擇題，學生作答即時回收、比較與統計。

📝 剛好測

AI 出題（選擇／閱讀測驗／素養題組／配對題），線上施測後自動產生成績分佈與試題分析。

🎨 多元作業繳交

即時畫布繪圖、檔案上傳、iPad 語音錄音、教材截圖繳交，依題號自動分類歸檔。

🖥️ 大屏作業展示牆

卡片牆展示全班作品，支援放大檢視、多圖並排比較、隨機抽籤，適合公開講評。

🧠 心智圖創作

線上節點心智圖編輯，完成後一鍵截圖繳交，也可匯出 PNG / HTML / 影片。

🔗 課堂網址分享

把常用網站做成馬卡龍色大圖卡，學生點一下就前往；教師可在後台自行增修清單。

🎯 實際課堂情境舉例

📌 國語課：用「剛好學」出閱讀測驗，學生平板作答，長條圖立即呈現各題答對率，當場檢討迷思概念。

📌 自然課：分組在「剛好白板」上共同繪製實驗紀錄，教師鎖定某組畫面投影講解。

📌 英語課：學生用平板錄音朗讀課文上傳，老師在大螢幕展示牆逐一點播回饋。

📌 社會課：用「剛好測」的 AI 素養題組出一份時事題組，考完立刻看到成績分佈與試題答對率。

📖使用詳細教學

整個流程非常簡單，第一次使用建議照著下面的步驟操作一次：

Step 1｜確認網路環境

確認教師電腦與學生平板都連上同一個 Wi-Fi 基地台（或同一個區域網路）。這是最重要的前提，只要在同一個區網內，其他都不用設定。

Step 2｜教師啟動程式

在下載的資料夾中雙擊 啟動程式.bat，程式會自動檢查環境、必要時自動安裝 Python 與所需套件，接著跳出桌面視窗並顯示連線網址（例如 http://192.168.1.100:8000），代表課堂伺服器已經架好了。

Step 3｜學生掃 QR Code 連線

點擊程式頂部的「📱 QR Code」按鈕，把彈出的大尺寸 QR Code 投影到教室大螢幕上，學生打開平板相機掃描，即可直接進入互動首頁。（也可以讓學生手動輸入畫面上顯示的網址。）

Step 4｜挑選互動工具開始上課

從首頁的「🧩 剛好互動工具」選單開啟「剛好學／剛好白板／剛好簡報／剛好測」，或使用課堂繳交、心智圖創作等功能。學生端會即時同步教師的操作，互動過程全部記錄在本機。

Step 5｜展示成果與下課收尾

透過左下角 ⚙️ 輸入管理密碼（預設 tpet）解鎖教師後台，即可開啟「作業呈現介面」在大螢幕講評學生作品、隨機抽籤、勾選比較。下課前關閉程式視窗即可，所有資料都保留在自己電腦的資料夾中。

💾下載與安裝說明

本工具為 Windows 本機執行的 Python 程式，完全不需要手動輸入任何指令，安裝流程如下：

📦前往 GitHub 下載 Source Code.zip

下載壓縮檔：點擊上方按鈕前往 GitHub Releases 頁面（V1.1），下載 Source code.zip。
解壓縮：將 zip 解壓縮到電腦中任一資料夾（建議放在固定位置，之後的課堂資料也會存在這裡）。
雙擊啟動：對資料夾內的 啟動程式.bat 點兩下。第一次執行會自動偵測並安裝 Python 與 PyQt5 等必要套件（約需 1～3 分鐘，請保持網路暢通），之後再啟動只需幾秒鐘。
開始使用：看到程式視窗顯示連線網址後，就可以依照上面的教學步驟，讓學生掃 QR Code 加入課堂了。

以下為完整工具介紹影片播放清單，共5段: 播放清單點我

⚠️ 小提醒

• 若校園網路有防火牆限制導致套件安裝失敗，可請資訊組協助，或先在家用網路完成第一次啟動。

• 若 8000 連接埠被占用，可在程式上方 Port 欄位改成其他數字（如 8080）後按「⚡ 重啟伺服器」。

• 所有課堂資料（作業、題庫、互動紀錄）都存在程式資料夾內，搬移或備份整個資料夾即可完整保留。

✍️結語

從搶答投票到白板協作，從同步簡報到 AI 出題測驗，再到作業收繳與大螢幕講評——我希望這套工具能讓「教室大屏＋學生平板」的互動教學變成一件零門檻的事：不用連外網、不用辦帳號，雙擊啟動、掃碼上課。

工具是自由授權分享的，如果你在使用過程中有任何建議或遇到問題，歡迎留言告訴我，我會持續改進。也期待你在課堂上的精彩應用！

🚀下載 WEB 區網互動教學工具箱 V1.2

網頁行事曆便利貼-把 Google 日曆的行程變成便利貼，貼在瀏覽器的每個網頁上

2026-08-16T13:42:55.898+08:00

網頁行事曆便利貼

把 Google 日曆的行程變成便利貼，貼在瀏覽器的每個網頁上

Chrome 擴充功能｜ Google Apps Script ｜免付費｜自動同步

📥 下載 Source Code（v1.5.3）點擊前往 GitHub Release 頁面下載 source code.zip

📌軟體由來

大家應該都有這種經驗：明明行事曆排得滿滿的，卻常常在瀏覽網頁、處理工作的時候，完全忘了等一下還有會議、還有行程。Google 日曆開在另外一個分頁，它就靜靜躺在那裡，不看就等於沒有。

我一直覺得，行事曆不應該被「藏」在特定頁面裡。既然我整天都在瀏覽器上工作，那為什麼不能讓行程一直「貼」在眼前呢？

於是我就動手做了一款 Chrome 擴充功能「網頁行事曆便利貼」——它會把我 Google 日曆上未來有行程的每一天，各自變成一張小便利貼，常駐在瀏覽器的每個網頁角落。打開任何網站，該辦的事情一目了然，就像桌邊貼滿了提醒紙條一樣自然。

⚡核心功能總覽

這款擴充功能把「看到行程」變成一件很直覺的事，重點功能如下：

📌

便利貼呈現

有行程的每一天獨立呈現為一張便利貼，自動過濾空檔日

📐

三段式停靠

下方橫排雙列 ⇄ 右方直排單欄 ⇄ 左方直排單欄，一鍵循環切換

📏

直排極窄設計

停靠左右兩側時寬度僅 104px，完全不擋網頁主內容

🖱️

拖曳滑動

滑鼠按住左鍵即可橫向 / 直向 Drag to Scroll，流暢不卡頓

🔄

自動背景同步

開啟瀏覽器自動載入，每 30 分鐘背景更新最新行程

單張收合 / 展開

點 ✕ 收合至收合列，點擊底部小日便條即可單獨展開

📁

工具列收合

一鍵將工具列縮至左下角為迷你膠囊標籤

🔒

日曆範圍過濾

僅限個人主要日曆，避免混入他人共用或訂閱日曆

🔍

尺寸自由切換

標準 100% 或精簡約 50%，迷你模式只佔 132px 寬

🗂️

跨分頁常駐

切換分頁、開新頁面，便利貼與收合狀態無縫維持

➕

快速新增行程

在擴充套件面板直接填寫，一鍵寫入 Google 日曆並即時產生便利貼

🎯

自由拖曳定位

按住標題列任意擺放，自動記住位置，直達 Google 日曆

🎯誰適合使用

這款工具沒有年齡或身份的限制，任何使用 Google 日曆安排生活的人都能派上用場。我自己天天用，也特別推薦給行程繁重的朋友們：

🗓️ 行程繁重的人

會議、約診、繳費期限、截稿日、家庭聚會……行程散落在不同日期，常常一不小心就漏掉。裝上這款擴充功能後，只要一打開電腦、任何瀏覽頁面，今天的行程就自動貼在眼前，看過一遍就有底了。

我自己最常用的是「僅限個人主要日曆」過濾，確保便利貼上只出現自己帳號的行程，不會混進他人共用的行事曆，畫面乾淨又準確。

💻 需要長時間用瀏覽器工作的人

需要開會、簡報或線上研討時，把工具列停靠在右側或左側直排，寬度只有 104px，完全不遮擋工作內容，卻能隨時瞄一眼下一個行程，非常方便。

🔧使用教學：從下載到開始使用

🚀 安裝步驟（Chrome 擴充功能 + GAS 後端）

📥 步驟一：下載 Source Code（v1.5.3）

點擊上方按鈕前往 GitHub Release 頁面，下載 source code.zip 並解壓縮。
開啟 gas/Code.gs，複製全部程式碼。
前往 Google Apps Script 官網建立新專案，命名為「網頁行事曆便利貼 API」，貼上程式碼並儲存。
點擊「部署」→「新增部署」→ 選取類型為「網頁應用程式」。
執行身分：選擇「我」；誰可以存取：選擇「所有人」。
通過 Google 授權（允許讀寫日曆），複製產生的 Web App URL。
在 Chrome 開啟 chrome://extensions/，開啟右上角「開發人員模式」。
點擊「載入未封裝項目」，選取解壓縮後包含 manifest.json 的專案資料夾。
點擊瀏覽器工具列的 📅 圖示，貼上 Web App URL（會自動永久儲存）。
選擇日曆範圍與便利貼尺寸，點擊「🔄 立即同步行程」，完成！

⚠️ 此工具使用 Google Apps Script 作為後端 API，完全由你自己的 Google 帳號控管，不用申請 Google Cloud OAuth 審核，設定快速、權限安全透明。

📌 日常操作重點

切換停靠位置：點擊工具列「📐 靠右直排 / 靠左直排 / 靠底橫排」，三段式循環切換。
拖曳滑動：在小便利貼區按住左鍵拖曳（橫排左右、直排上下）。
收合便利貼：點 ✕ 收合單張；「📁 全部收合 / 📂 全部展開」一次處理全部。
工具列縮起：點 ◀ 收至左下角膠囊標籤，點膠囊一鍵展開。
跨分頁常駐：切換分頁、開新頁面，便利貼與收合狀態都無縫維持。

🎁 貼心小功能

日曆來源範圍過濾：僅限個人主要日曆（推薦）/ 個人擁有日曆 / 所有日曆。
便利貼尺寸切換：標準 100% 或精簡約 50%，螢幕空間隨心省。
快速新增行程：面板直接填寫標題、時間、地點與備註，一鍵寫入日曆。
直達 Google 日曆：點便利貼 🔗 或任一行程，直接跳轉當日行程。

💡技術亮點

這款擴充功能在技術上用到了這些技術：

Chrome Manifest V3 Google Apps Script Google Calendar API Content Script 注入 Service Worker chrome.storage.local chrome.alarms 跨分頁廣播同步

擴充功能採用 Manifest V3 架構，由 background service worker 負責透過 GAS 抓取日曆資料、定期背景同步與跨分頁廣播，content script 負責把便利貼注入到每個網頁中並處理拖曳、收合與尺寸切換。行程資料快取在 chrome.storage.local，換分頁也能即時還原，達成「開任何網頁都看得到行程」的核心體驗。

🤝結語

做這款工具的初衷很單純：讓行程「看得見」。與其每天手動翻行事曆，不如讓行程自動貼在你每天開的網頁上，一開電腦就看到今天該做的事。

可愛風格學期手寫筆記本生成工具-學期行事曆、週計畫、月計畫、課表，一鍵生成、立即列印

2026-08-15T07:44:23.282+08:00

可愛學期手寫筆記本生成工具

學期行事曆、週計畫、月計畫、課表與習慣打卡，一鍵生成、立即列印

免安裝｜免費｜直式橫式 A4 ｜可列印或存成 PDF

📖 立刻開啟工具點擊按鈕即可在瀏覽器中直接使用，無需安裝任何軟體

📜軟體由來

兼行政之後，我的時間被切成好多塊：組長要追全校活動的行事曆與進度、導師要處理班級事務、剩下的零碎時間還得備課。每天要記的事多到翻桌：這個會議幾點、那份公文哪天要交、學生比賽什麼時候報名……我試過電子行事曆，但開會、巡堂時總覺得還是拿筆寫下來最踏實。

於是我動手做了一個「學期手寫筆記本生成工具」，專為像我這樣兼行政的教師設計：只要輸入學期的起訖日期，它就會自動計算出每一週、每一個月，把校內行事曆、會議、截止日期通通標進對應的週次與月份裡，生成一本屬於自己的行政記事簿。月計畫頁記錄每月大事、週計畫頁追蹤每週待辦，直接列印或存成 PDF 就能隨身帶著走。

希望這份工具能幫同樣忙碌的夥伴們省下最瑣碎的排版時間，把精力留給行政工作與學生身上真正重要的事。

⚡核心功能總覽

一本工具書，涵蓋學期記事的所有版面：

🌸

專屬可愛封面

6 種粉彩樣板、自訂背景圖與手寫字型

📅

學期日期自動切分

輸入起訖日期，自動計算每週與每月

🏫

課程時間表

7/8/9 節課可選，格子可直接打字

🗓️

月計畫頁

一月一頁大方格，週一自動標示教學週次

📝

週計畫頁

每日待辦、天氣心情、習慣打卡欄

📐

方格與點陣附錄

大方格、大間距點陣頁，頁數可自訂

🖨️

直式 / 橫式 A4

標準 A4 版面，列印不跑版

💾

設定檔匯出匯入

版面與自訂文字存成 JSON，隨時套用

🎨

即時預覽與配色

右側即時預覽，隨機配色一鍵切換

🎓課堂教學上的實際應用

🏷️ 每週小語與週次自訂：自己的筆記自己命名

每一週的「第 X 週」標籤都可以直接點擊修改，右上角的小語也可以個別更換。老師可以先設定好整個學期的週次與激勵小語，再自由填空；或直接寫下自己的每週焦點。

🖨️ 貼近現場：印得出來才實用

這是我在設計時最在意的一件事——所有版面都依照標準 A4 排版，直式、橫式都能選，列印時勾選「背景圖形」就能完整輸出可愛底色，也可以直接另存為 PDF 發給學生讓家長自行列印。不管是整本印、還是只印某一頁，都方便。

🔧使用教學：四步驟完成一本記事簿

🚀 立即開始（免安裝、免設定）

✨ 開啟「學期手寫筆記本生成工具」

開啟工具：點擊上方按鈕，工具在瀏覽器中直接開啟，完全不用安裝任何程式。
設定日期區間：點「上學期 (9月-1月)」或「下學期 (2月-6月)」快速帶入，也可自行輸入起訖日期；再設定第 1 週從哪個日曆週開始、最後一週結束於哪週。
勾選需要的頁面：封面、課表、月計畫、週計畫、方格頁、點陣頁都可以自由開關；課表節數與附錄頁數也能調整。
設計封面與配色：挑選粉彩樣板、上傳自訂背景圖、輸入標題與姓名、選擇手寫字型；內頁色系也有奶油、櫻花、薄荷等 6 種主題。
預覽與修改：右側即時預覽每一頁，週次標籤、課表格子、每週小語都可以直接點擊打字修改。
列印或存成 PDF：按下「列印 / 另存為 PDF」，選擇 A4 紙張並勾選「背景圖形」，一本可愛的學期記事簿就完成了。

💡 提示：若想要下次快速重做，可以用「匯出設定」把版面與自訂文字存成 JSON 檔，之後「匯入設定」一鍵還原，完全不需重設。

⚠️ 注意：AI 生成內容並非本工具核心，本工具為純前端網頁工具；列印前建議先在「列印」預覽畫面確認頁數與方向，再輸出 PDF。

數學科 AI 備課與練習題生成器-上傳數學課本 PDF，自動生成補充教材、重點整理與教學規劃

2026-08-10T15:32:35.177+08:00

數學科 AI 備課與練習題生成器

上傳數學課本 PDF，自動生成補充教材、重點整理與教學規劃

Gemini AI ｜免安裝｜免費｜一鍵匯出 Word

🚀 立刻開啟使用點擊按鈕即可在瀏覽器中直接使用，無需安裝任何軟體

📜軟體由來

數學課本裡短短一句「異分母分數不能直接相加減」，課堂上要講清楚通分的道理、要設計練習題鞏固算則、要預判學生哪裡最容易算錯，要準備許多資料與考卷。

尤其到了段考前，學生需要重點整理、公式講義與練習題卷，每一份都得從零開始做。我一直在想：如果有一台機器，把課本丟進去，就能自動吐出我要的補充教材、重點整理和練習題，該有多好。

於是，我利用 Gemini AI 打造了這個「數學科 AI 備課與練習題生成器」。只要上傳數學課本 PDF（或直接貼上單元內容與重點公式），AI 就會依照年段課綱自動剖析核心觀念、常見迷思與出題方向，再依照我的教學需求生成完整的備課文件與練習題卷。

⚡核心功能總覽

一個網頁，涵蓋數學科老師備課幾乎所有需求：

📄

上傳教材 / 貼上內容

支援 .txt 與文字型 PDF，自動提取單元內容與公式

🏷️

教學階段設定

國小低/中/高年級到國中，依 108 課綱自動調整深度

🧮

核心觀念與公式分析

提煉數學定義、公式法則與教學提示

⚠️

迷思概念診斷

常見易錯陷阱、錯誤算式與正確觀念對照

✏️

出題建議與原型題

計算題、應用題、觀念題原型與解題關鍵步驟

📝

練習題數自由設定

5 / 10 / 15 / 20 題，題型組成與特殊要求可自訂

📋

學生觀念與公式講義

知識地圖、公式整理表、迷思診斷與即測即答

🧑‍🏫

教師備課導讀手冊

教學目標、概念建構策略、補救教學與提問設計

📥

一鍵匯出 Word

原生 DOCX，數學符號以 Word 公式呈現，可直接列印

📦

三合一 ZIP 打包

題卷、講義、手冊一次下載，壓縮成一個檔案

🎓課堂教學上的實際應用

📝 單元練習題卷：出題、排版、解答一次搞定

這是這個工具最讓我驚豔的功能。AI 會依照你設定的題數與題型組合（純計算題、應用題、觀念思考題）自動編題，計算題與應用題以二欄式表格左右並排呈現，每一題都預留充足的「空白計算與作答區」，最後還附上「答：________」。

更貼心的是，參考答案與詳細解題步驟會透過分頁符號獨立呈現在題卷最後一頁，印給學生時可以直接裁掉解答區，或列印成兩份（題卷＋答案卷），省去過去對答案、排版、留作答空間的所有手工時間。

📋 學生核心觀念與公式講義：段考前最強救火隊

段考前最需要的就是條理清楚的複習講義。AI 會把單元整理成核心觀念與算則地圖、重點公式與計算法則整理表、易錯迷思診斷與解題陷阱對照表，再補上「觀念實戰快篩」即測即答。往年我熬夜兩三小時才能做出一份，現在幾分鐘就有初稿，再依班上情況微調即可。

🧑‍🏫 教師備課導讀手冊：備課、共備、教學觀察都適用

這份手冊把「課程綱要學習目標與教案架構」「數學觀念建構與具體操作策略」「學生迷思概念診斷與補救教學指引」「課堂提問與層次化命題設計建議」「跨領域/生活素養數學活動拓展」整合在一份文件裡。不管是自己備課、跟同事共備、還是教學觀察前的準備，一份就夠。

🌱 依年段自動調深度：每個學生都學得懂

同樣一個「分數」主題，低年級聚焦基礎加減與九九乘法，中年級聚焦四則混合與小數分數加減，高年級聚焦異分母加減乘除、比例與未知數 x，國中則提升到負數數線、方程組、因式分解與幾何證明。AI 會依照你選擇的教學階段與核心學習目標調整內容與題目難度，不用擔心「給錯年級」的問題。

🔧使用教學：三步驟完成備課

🚀 立即開始（免安裝、免設定）

✨ 開啟「數學科 AI 備課與練習題生成器」

開啟工具：點擊上方按鈕，工具會在瀏覽器中直接開啟，完全不需要安裝任何程式。
匯入教材：上傳數學課本 PDF（或 .txt 檔），也可以直接將單元名稱、重點公式或課本範例貼進文字框。接著選擇教學階段、數學範疇、核心學習目標與練習題題數。
AI 深度分析：按下「開始 AI 數學教學觀念分析」，AI 會自動提煉核心觀念與公式、學生常見迷思概念與出題原型，並全部幫你勾選好。
勾選想納入的項目：如果不想全收，可以自行取消勾選，也可以手動新增想加強的教學重點或指定題型。
選擇文件模式並生成：可一次生成「教師備課手冊 + 學生觀念講義 + 單元練習題卷」三種版本，也可以只選其中一種。
預覽與下載：生成後可在網頁上直接預覽，一鍵下載 DOCX（Word）檔，或打包成 ZIP 一次取得全部文件。

💡 提示：生成的 DOCX 採用標楷體排版，分數、方程式等數學符號會以 Word 原生公式呈現，題卷的作答區與獨立解答頁都已排好，下載後可直接列印。

📌 說明：受限於 AI 文字生成能力，目前產出內容以文字與數學符號為主，無法直接產生幾何圖形或插圖，圖形題會以文字描述題目，再請您視需要自行補圖。

⚠️ 注意：工具需使用 Google 帳號登入 Gemini 才能使用；AI 生成的題目與內容建議仍花時間確認一次，再發給學生。

🎁如何取得

這是我自己平常備課在用的工具，直接分享給大家，完全免費、不需要任何安裝步驟，點開就能用。如果你也是數學科老師，歡迎試試看，看看能不能為你省下幾個小時的備課與出題時間。

上傳數學課本 PDF，讓 AI 幫你把備課與出題時間省下來，把精力留給學生。

🚀 立即開啟「數學科 AI 備課與練習題生成器」https://gemini.google.com/share/4a515c1daf07

💡 技術亮點

Gemini AI PDF.js KaTeX Word 原生公式 docx.js JSZip

工具在瀏覽器端完成 PDF 文字提取、AI 分析、Markdown 排版與 Word 檔案生成，全程資料都在你的瀏覽器與 Google 之間流動，不需要架設伺服器。數學符號支援 LaTeX 輸入，網頁以 KaTeX 即時渲染，匯出 Word 時則轉為原生公式物件；練習題卷支援分頁符號與獨立解答頁，並可打包成 ZIP 一次下載，兼顧速度與便利。

🤝結語

做這個工具的初衷很單純：讓備課與出題不再熬夜，讓更多時間可以留給學生、留給家人。如果你是數學科老師，希望這個工具能成為你備課與出題路上的好夥伴。

國語科 AI 課文分析與備課教材生成器-上傳國語課文，自動生成補充教材、重點整理與教學規劃

2026-08-09T19:41:53.662+08:00

國語科 AI 課文分析與備課教材生成器

上傳國語課文，自動生成補充教材、重點整理與教學規劃

Gemini AI ｜免安裝｜免費｜一鍵匯出 Word

🚀 立刻開啟使用點擊按鈕即可在瀏覽器中直接使用，無需安裝任何軟體

📜軟體由來

國語課文裡短短一句「桂花開了」，要講清楚背後的情感脈絡、感官描寫與文章結構，讓學生既能讀懂文字，又能體會作者的心境，得準備很多的資料與引導設計，。

尤其到了段考前，學生需要重點整理、複習講義與延伸補充，每一份都得從零開始做。我一直在想：如果有一個程式，把課文丟進去，就能自動吐出我要的補充教材、重點整理與教學規劃，該有多好。

於是，我利用 Gemini AI 打造了這個「國語科 AI 課文分析與備課教材生成器」。只要上傳課文檔案（或直接貼上課文文字），AI 就會依照年段學習目標自動剖析生字詞語、修辭技巧與文章結構，再依照我的教學需求生成完整的備課文件。

⚡核心功能總覽

一個網頁，涵蓋國語科老師備課幾乎所有需求：

📄

上傳課文 / 貼上文字

支援 .txt 與文字型 PDF，自動提取課文全文

🏷️

教學階段設定

國小低/中/高年級到國中，內容深度自動調整

✍️

生字詞語與修辭分析

提煉生字詞語、成語典故與修辭技巧，附備課重點

🗂️

文章結構剖析

拆解起承轉合、段落安排與文體寫作特色

💡

素養思考題

閱讀理解、素養討論與寫作延伸引導一次到位

📋

學生考點講義

知識地圖、修辭整理表、結構大綱與考前速記

🗂️

教師備課手冊

教學目標、文本深究、課堂提問與延伸活動設計

📥

一鍵匯出 Word

原生 DOCX，表格、標題、頁碼都已排好，可直接列印

📦

三合一 ZIP 打包

三種文件一次下載，壓縮成一個檔案方便保存

🎓課堂教學上的實際應用

📖 深度補充學習單：把課文的「一句話」變成一堂語文課

十二年國教最強調的就是「素養導向教學」，但設計一份好的語文深究教材並不容易。AI 會把課文拆解成課文語文要素與修辭精析、篇章結構與寫作特色解析、閱讀理解素養提問與寫作延伸三大區塊，從字形字義、成語典故到修辭手法，一項項附上情境例句與教學重點。

可直接列印成補充學習單，做為課堂講述的底稿，或發給學生作為課文深究的前置閱讀與思考單。

📝 學生語文考點講義：段考前最強救火隊

段考前最需要的就是條理清楚的複習講義。AI 會把課文整理成課文核心知識地圖、生字詞語與修辭重點整理表、文章起承轉合結構大綱，再補上「考前 3 分鐘速記密碼與易錯陷阱」與「素養理解即測即答」。往年我熬夜兩三小時才能做出一份，現在幾分鐘就有初稿，再依班上情況微調即可。

🗂️ 教師備課導讀手冊：備課、共備、教學觀察都適用

這份手冊把「課程教學目標與年段學習重點」「課文文本深究與寫作特色導讀」「生字詞語與修辭教學策略建議」「課堂引導討論與閱讀素養提問設計」「跨領域/寫作延伸教學活動設計」整合在一份文件裡。不管是自己備課、跟同事共備、還是教學觀察前的準備，一份就夠。

🌱 依年段自動調深度：每個學生都聽得懂

同樣一篇課文，低年級聚焦注音生字、筆順部首與生活造句，中年級聚焦字形字義、常用成語與基礎修辭，高年級聚焦高階修辭、文章起承轉合與閱讀素養，國中則提升到文言文語譯、文學意象與會考素養題。AI 會依照你選擇的教學階段與核心學習目標調整內容深度，不用擔心「給錯年級」的問題。

🔧使用教學：三步驟完成備課

🚀 立即開始（免安裝、免設定）

✨ 開啟「國語科 AI 課文分析與備課教材生成器」

開啟工具：點擊上方按鈕，工具會在瀏覽器中直接開啟，完全不需要安裝任何程式。
匯入課文：上傳國語課本 PDF（或 .txt 檔），也可以直接將課文文字貼進文字框。接著選擇教學階段、課文文體、核心學習目標與備課產出目標。
AI 深度分析：按下「開始 AI 語文要素分析」，AI 會自動提煉生字詞語、修辭技巧、課文結構與素養問題，並全部幫你勾選好。
勾選想補充的項目：如果不想全收，可以自行取消勾選，也可以手動新增想探討的延伸主題或教學討論點。
選擇教材模式並生成：可一次生成「完整補充單 + 學生考點講義 + 教師備課手冊」三種版本，也可以只選其中一種。
預覽與下載：生成後可在網頁上直接預覽，一鍵下載 DOCX（Word）檔，或打包成 ZIP 一次取得全部文件。

💡 提示：生成的 DOCX 採用標楷體與書卷風排版，表格、標題、頁碼都已排好，下載後可直接列印或依個人需求微調。

⚠️ 注意：工具需使用 Google 帳號登入 Gemini 才能使用；AI 生成的內容建議仍花時間確認一次，再發給學生。

🎁如何取得

這個國語備課在用的工具，直接分享給大家，完全免費、不需要任何安裝步驟，點開就能用。如果你也是國語或國文老師，歡迎試試看，看看能不能為你省下幾個小時的備課時間。

上傳國語課文，讓 AI 幫你把備課時間省下來，把精力留給學生。

🚀 立即開啟「國語科 AI 課文分析與備課教材生成器」https://gemini.google.com/share/de1583e41b81

💡 技術亮點

Gemini AI PDF.js docx.js JSZip Markdown

工具在瀏覽器端完成 PDF 文字提取、AI 分析、Markdown 排版與 Word 檔案生成，全程資料都在你的瀏覽器與 Google 之間流動，不需要架設伺服器。生成的文件支援三種模式切換預覽，並可打包成 ZIP 一次下載，兼顧速度與便利。

🤝結語

做這個工具的初衷很單純：讓備課不再熬夜，讓更多時間可以留給學生、留給家人。如果你是國語或國文老師，希望這個工具能成為你備課路上的好夥伴。

自然科 AI 補充教材生成器-上傳自然課本 PDF，自動產出補充教材、重點整理與教學規劃

2026-08-08T21:05:34.653+08:00

自然科 AI 補充教材生成器

上傳自然課本 PDF，自動產出補充教材、重點整理與教學規劃

Gemini AI ｜免安裝｜免費｜一鍵匯出 Word

🚀 立刻開啟使用點擊按鈕即可在瀏覽器中直接使用，無需安裝任何軟體

📜軟體由來

自然課本裡的一句話「水蒸氣遇冷凝結成小水滴」，課堂上要講清楚背後的三態變化機制、要設計對照實驗讓學生理解變因、要連結到天氣現象與日常生活讓學生有感，都得準備許多資料與教具。

尤其到了段考前，學生需要重點整理、複習講義、練習題，每一份都得從零開始做。我一直在想：如果有一個工具，把課本丟進去，就能自動吐出我要的補充教材、重點整理和教學規劃，該有多好。

於是，我利用 Gemini AI 打造了這個「自然科 AI 補充教材生成器」。只要上傳課本 PDF（或直接貼上課文文字），AI 就會依照年段自動剖析科學名詞、原理機制與實驗變因，再依照我的教學需求生成完整的備課文件。

⚡核心功能總覽

一個網頁，涵蓋自然科老師備課幾乎所有需求：

📄

上傳 PDF / 貼上文字

支援文字型 PDF 與 .txt，自動提取課文全文

🏷️

教學階段設定

國小低/中/高年級到國中理化生物地科，深度自動調整

🧪

科學概念與迷思破解

提煉專有名詞、原理機制與常見迷思，附教學提醒

🔬

實驗變因分析

操作變因、控制變因、應變變因一次拆解清楚

💡

素養思考題

觀察猜想、變因控制、生活應用與科學思辨提問

📋

應試複習講義

知識地圖、迷思對照表、變因表、考前速記與易錯陷阱

🗂️

教師實驗導讀手冊

教學目標、器材準備、引導提問與 STEM 延伸一應俱全

📥

一鍵匯出 Word

原生 DOCX，表格、標題、頁碼都已排好，可直接列印

📦

三合一 ZIP 打包

三種文件一次下載，壓縮成一個檔案方便保存

🎓課堂教學上的實際應用

🧬 探究補充學習單：把課本的「一句話」變成一堂探究課

十二年國教最強調的就是「探究與實作」，但設計一份變因清楚的實驗單真的不容易。AI 會把課文拆解成科學核心概念與原理精析、實驗探究設計與變因控制解析、科學閱讀素養提問與生活延伸三大區塊，每一項都對應到操作變因、控制變因與應變變因。

我通常是直接列印成補充學習單，做為課堂講述的底稿，或發給學生當作探究活動的前置閱讀與思考單。

📝 學生觀念與考點講義：段考前最強救火隊

段考前最需要的就是條理清楚的複習講義。AI 會把課文整理成單元科學知識地圖、關鍵科學名詞與常見迷思陷阱對照表、實驗探究變因與操作觀察對照表，再補上「段考與會考常見陷阱」與「素養探究即測即答」。往年我熬夜兩三小時才能做出一份，現在幾分鐘就有初稿，再依班上情況微調即可。

🗂️ 教師實驗導讀手冊：備課、共備、教學觀察都適用

這份手冊把「課程教學目標與年段自然綱要」「科學現象機制與概念迷思剖析」「課堂實驗探究教學策略與器材準備」「課堂引導討論與素養提問設計」「跨領域/STEM 延伸探究活動設計」整合在一份文件裡。不管是自己備課、跟同事共備、還是教學觀察前的準備，一份就夠。

🌱 依年段自動調深度：每個學生都聽得懂

同樣的「水循環」，低年級聚焦五感觀察與生活現象，中年級聚焦定性觀察與簡單實驗，高年級聚焦變因控制與現象推理，國中則提升到定量計算與會考閱讀素養題。AI 會依照你選擇的教學階段與核心學習目標調整內容深度，不用擔心「給錯年級」的問題。

🔧使用教學：三步驟完成備課

🚀 立即開始（免安裝、免設定）

✨ 開啟「自然科 AI 補充教材生成器」

開啟工具：點擊上方按鈕，工具會在瀏覽器中直接開啟，完全不需要安裝任何程式。
匯入課文：上傳自然課本 PDF（或 .txt 檔），也可以直接將課文文字貼進文字框。接著選擇教學階段、自然科領域分類、核心學習目標與備課產出目標。
AI 深度分析：按下「開始 AI 自然科探究要素分析」，AI 會自動提煉科學名詞、原理機制、實驗變因與素養問題，並全部幫你勾選好。
勾選想補充的項目：如果不想全收，可以自行取消勾選，也可以手動新增想探討的實驗主題或教學討論點。
選擇教材模式並生成：可一次生成「探究補充學習單 + 學生考點講義 + 教師導讀手冊」三種版本，也可以只選其中一種。
預覽與下載：生成後可在網頁上直接預覽，一鍵下載 DOCX（Word）檔，或打包成 ZIP 一次取得全部文件。

💡 提示：生成的 DOCX 採用微軟正黑體與書卷風排版，表格、標題、頁碼都已排好，下載後可直接列印或依個人需求微調。

⚠️ 注意：工具需使用 Google 帳號登入 Gemini 才能使用；AI 生成的內容建議仍花時間確認一次，再發給學生。

🎁如何取得

這是我自己平常備課在用的工具，直接分享給大家，完全免費、不需要任何安裝步驟，點開就能用。如果你也是自然科、理化、生物或地科老師，歡迎試試看，看看能不能為你省下幾個小時的備課時間。

上傳課本 PDF，讓 AI 幫你把備課時間省下來，把精力留給學生。

🚀 立即開啟「自然科 AI 補充教材生成器」https://share.gemini.google/9jLKnzMxb9gv

💡 技術亮點

Gemini AI PDF.js docx.js JSZip Markdown

🤝結語

做這個工具的初衷很單純：讓備課不再熬夜，讓更多時間可以留給學生、留給家人。如果你是自然科老師，希望這個工具能成為你備課路上的好夥伴。

社會科 AI 補充教材生成器-上傳社會課本 PDF，自動產出補充教材、重點整理與教學規劃

2026-08-07T21:23:43.645+08:00

社會科 AI 補充教材生成器

上傳社會課本 PDF，自動產出補充教材、重點整理與教學規劃

Gemini AI ｜免安裝｜免費｜一鍵匯出 Word

🚀 立刻開啟使用點擊按鈕即可在瀏覽器中直接使用，無需安裝任何軟體

📜軟體由來

社會課本裡的內容往往只是一句短短的「1895 年日本統治臺灣，展開一系列基礎建設」，但課堂上要講清楚前因後果、要補充事件細節、要連結到現代新聞讓學生有感，需要翻多少參考書、查多少資料，只有自己知道。

尤其到了段考前，學生需要重點整理、複習講義、練習題，每一份都得從零開始做。我一直在想：如果有一台機器，把課本丟進去，就能自動吐出我要的補充教材、重點整理和教學規劃，該有多好。

於是，我利用 Gemini AI 打造了這個「社會科 AI 補充教材生成器」。只要上傳課本 PDF（或直接貼上課文文字），AI 就會幫我把歷史事件、核心概念、現代時事一次找齊，再依照我的教學需求生成完整的備課文件。

⚡核心功能總覽

一個網頁，涵蓋社會科老師備課幾乎所有需求：

📄

上傳 PDF / 貼上文字

掃描外也支援文字型 PDF，自動提取課文全文

🏷️

教學階段設定

國小中年級～高中，內容深度自動調整

🌍

歷史 × 地理 × 公民

跨領域或單科分析皆可，精準對應課文脈絡

📰

自動連結現代時事

AI 搜尋相關新聞，古今對照讓課文活起來

✍️

補充教材文本

每項 600-1000 字，可直接當閱讀單發給學生

📋

應試複習講義

時間軸、因果表、易錯釐清表、考前速記口訣

🗂️

備課教學手冊

教學目標、事件解析、討論題設計一應俱全

📥

一鍵匯出 Word

原生 DOCX，標楷體排版，可直接列印或修改

📦

三合一 ZIP 打包

三種文件一次下載，壓縮成一個檔案方便保存

🎓課堂教學上的實際應用

📚 補充教材：把課本的「一句話」變成完整故事

課本篇幅有限，很多故事只能一句帶過。透過 AI 生成的獨立補充文本，每一項歷史事件或概念都會有 600 到 1000 字的完整敘述，包含時空背景、人物細節與演變脈絡。我通常是直接列印成閱讀單，做為課堂講述的底稿，或發給學生當課外補充閱讀。

每個項目後面還會附上 2-3 個開放性素養題，帶一點引導，學生讀完就能進行小組討論，不用我再絞盡腦汁設計提問。

📝 應試複習講義：段考前最強救火隊

段考前最需要的就是條理清楚的複習講義。AI 會把課文整理成時間軸大事紀表格、因果關係分析、以及易錯觀念釐清對照表，還附上「考前 3 分鐘速記口訣」和素養練習題。往年我熬夜兩三小時才能做出一份，現在幾分鐘就有初稿，再依班上情況微調即可。

🗂️ 備課教學手冊：備課、說課、教學觀察都適用

這份手冊把「課程簡介與教學目標」「勾選歷史事件深度解析」「核心概念與跨科延伸」「古今對照時事連結」「課堂引導討論題」整合在一份文件裡。不管是自己備課、跟同事共備、還是教學觀察前的準備，一份就夠。

📰 古今對照：歷史課也能跟現代生活連結

我最喜歡的功能是 AI 會自動搜尋與課文相關的現代新聞與時事。例如講到日治時期鐵道建設，就能連結現代鐵路電氣化的永續議題。學生會發現「歷史其實跟我們很近」，課堂的共鳴與討論度明顯提升。

🔧使用教學：三步驟完成備課

🚀 立即開始（免安裝、免設定）

✨ 開啟「社會科 AI 補充教材生成器」

開啟工具：點擊上方按鈕，工具會在瀏覽器中直接開啟，完全不需要安裝任何程式。
匯入課文：上傳社會課本 PDF（或 .txt 檔），也可以直接將課文文字貼進文字框。接著選擇學生階段、學科領域與生成焦點。
AI 深度分析：按下「開始 AI 深度分析與檢索」，AI 會自動找出關聯的歷史事件、核心概念與延伸時事新聞，並全部幫你勾選好。
勾選想補充的項目：如果不想全收，可以自行取消勾選，也可以手動新增想探討的事件或議題。
選擇教材模式並生成：可一次生成「補充文本 + 複習講義 + 備課手冊」三種版本，也可以只選其中一種。
預覽與下載：生成後可在網頁上直接預覽，一鍵下載 DOCX（Word）檔，或打包成 ZIP 一次取得全部文件。

💡 提示：生成的 DOCX 採用標楷體與書卷風排版，下載後可直接列印或依個人需求微調，標題、表格、頁碼都已排好。

⚠️ 注意：工具需使用 Google 帳號登入 Gemini 才能使用；AI 生成的內容建議仍花時間確認一次，再發給學生。

🎁如何取得

這是我自己平常備課在用的工具，直接分享給大家，完全免費、不需要任何安裝步驟，點開就能用。如果你也是社會科老師，歡迎試試看，看看能不能為你省下幾個小時的備課時間。

上傳課本 PDF，讓 AI 幫你把備課時間省下來，把精力留給學生。

🚀 立即開啟「社會科 AI 補充教材生成器」https://gemini.google.com/share/60e8ed07ab8e

💡 技術亮點

Gemini AI Google 搜尋檢索 PDF.js docx.js JSZip Markdown

工具在瀏覽器端完成 PDF 文字提取、AI 分析、Markdown 排版與 Word 檔案生成，具備 Google 搜尋功能讓 AI 能抓取最新時事。生成的文件支援三種模式切換預覽，並可打包成 ZIP 一次下載，兼顧速度與便利。

🤝結語

做這個工具的初衷很單純：讓備課可以更容易，讓更多時間可以留給學生、留給家人。如果你是社會科老師，希望這個工具能成為你備課路上的好夥伴。

雲端典藏庫工具分享--雲端硬碟資料夾，一秒變身精美成果網站！

2026-08-05T22:52:01.070+08:00

GAS + HTML 一鍵佈署・免伺服器・免寫程式

雲端硬碟資料夾，一秒變身精美成果網站！

「雲端典藏庫」── 讓評鑑、成果展、作品集，不再只是「藍色的資料夾畫面」

📥立刻取得雲端典藏庫點擊按鈕，建立副本即可開始使用

軟體由來

在學校工作，常常需要製作「成果網站」：領域成果展、課程成果、評鑑資料、學生活動作品集……樣樣都要放在網路上給大家瀏覽。

最偷懶的做法，就是把雲端硬碟資料夾的「共用連結」直接當成網站連結交出去。但這樣一來，訪客看到的就只是一堆資料夾與檔名的列表，既不好看，也不夠專業。更麻煩的是，有些公文會特別要求：不可以用雲端硬碟的方式來呈現網站成果。

為了同時滿足「好看」與「合規定」，我寫了這套工具──「雲端典藏庫」。做法很單純：把程式的試算表複製一份，放到成果資料夾中，再部署成網頁，原本平凡的雲端硬碟資料夾，就會化身為一個乾淨漂亮的網站，檔案可以直接在頁面上預覽，也可以一鍵下載。

沒有自己的伺服器？沒關係。

不懂網頁程式？也不用怕。

只需要一個 Google 帳號，就能做出專屬的成果典藏網站。

課堂教學應用

這套工具非常適合學校各種需要「對外展示」的情境，不用花任何經費，也不用申請伺服器空間：

🏆

成果評鑑

將評鑑佐證資料、教學成果整理成網頁，取代零散的資料夾共用連結，呈現更專業。

🎨

學生作品集

把學生的作品、照片、報告統一收進資料夾，家長與訪客可輕鬆線上瀏覽下載。

📚

教材資源庫

將各科教材、研習講義、會議資料分類存放，成為全校共用的數位資源中心。

📸

活動紀實

活動照片、影片、新聞稿直接展示，點開即可預覽，不必再逐一傳檔給家長。

整個網站會「跟著資料夾走」：試算表放在哪一個資料夾，網站的首頁就顯示那一個資料夾的內容，子資料夾可以繼續往內層瀏覽，就像逛一個真正的網站一樣。資料夾與檔案隨時更新，網站內容也同步呈現，不必重新部署。

功能特色

🎨

五種視覺主題

極光、深色玻璃、透白玻璃、淡藍海洋、淡橘晚霞，一鍵切換網站風格。

👁️

檔案線上預覽

點擊檔案直接彈出預覽視窗，PDF、文件、試算表、簡報、影片皆可即時檢視。

⬇️

一鍵下載

每張檔案卡片都附下載按鈕，訪客可直接儲存所需檔案。

🖼️

圖片縮圖牆

圖片類檔案自動顯示縮圖，滑鼠移過還有放大效果，瀏覽更直覺。

⚡

快取與預載入

資料夾內容自動快取並於背景預載，再次瀏覽近乎秒開。

🧭

麵包屑導覽

多層資料夾以麵包屑呈現，隨時回到上一層或大廳。

📢

公告區塊

可在網站頂端顯示公告文字與超連結，重要訊息一眼可見。

📱

手機也能用

響應式設計，電腦、平板、手機瀏覽都舒服。

使用詳細教學

建立副本後，先別急著部署，讓我們先認識一下「控制台」──也就是試算表裡的兩個工作表：

系統設定
網站的大腦。在這裡設定網站標題、副標題、公告內容、視覺主題，以及是否顯示 Google 原生檔案（文件、試算表、簡報）。
設定說明
內建的小抄，每個設定項目的參數說明與可用數值範例都寫得清清楚楚，遇到疑問翻這頁就對了。

「系統設定」工作表提供以下可調整項目：

設定項目	用途
SiteTitle	網頁主標題，顯示在頁面最上方。
SiteSubtitle	網頁副標題，位於主標題下方。
NoticeText	公告區文字，留空則自動隱藏該區塊。
NoticeLink	公告區的按鈕超連結，留空則不顯示按鈕。
Theme	網頁整體視覺主題，共五種可選擇。
ShowGoogleNativeFiles	是否顯示 Google 原生檔案（文件、試算表、簡報），預設 FALSE 隱藏。

aurora 極光glass-dark 深色glass-light 透白ocean-blue 淡藍sunset-orange 淡橘

設定好之後，把試算表副本放進你要展示的成果資料夾中，接著進行最後一步──佈署。順帶一提，作為資料庫的這份試算表，網站會自動將它隱藏，不會出現在成果頁面上，可以放心放進資料夾裡。

佈署說明

這套工具採用「GAS + HTML 一體佈署」模式，程式碼與網頁都已內建在範本中，你不需要貼任何一行程式碼，只要跟著以下四個步驟：

建立副本
點擊下方的「立刻取得雲端典藏庫」按鈕，按「建立副本」，系統會自動將一份試算表副本存進你的 Google 雲端硬碟。
放入成果資料夾
將這份試算表副本移動到你希望展示的成果資料夾中（也可直接在該資料夾中建立副本）。網站首頁將以這個資料夾的內容作為入口。
部署為網頁應用程式
在試算表中點擊「擴充功能」→「Apps Script」開啟指令碼編輯器，點擊「部署」→「新增部署」，選擇類型「網頁應用程式」，執行身分選「我 (自己的帳號)」，存取權限選「知道連結的使用者」。部署完成後取得的網址，就是你的成果網站！

💡 提示：Google 原生檔案（文件、試算表、簡報）預設會隱藏，若要讓它們顯示在網站上，請到「系統設定」將 ShowGoogleNativeFiles 改為 TRUE。成果網站的瀏覽權限，與雲端硬碟檔案的共用設定連動，記得先確認相關檔案已開放給需要的對象。

準備好把雲端硬碟變身成果網站了嗎？

📥立刻取得雲端典藏庫

免費使用・Google 帳號即可・完整內建說明文件

結語

讓成果被看見，不該被資料夾限制

製作成果網站，本來就該是一件「把心力放在內容」的事，而不是煩惱伺服器、網頁程式這些技術門檻。

這套「雲端典藏庫」讓任何人，都能用最熟悉的雲端硬碟，花幾分鐘佈署出一個像樣的成果網站。檔案可以預覽、可以下載，內容跟著資料夾自動更新，既符合規定，也讓每一次的成果展現，都更有面子。

如果對使用上有任何想法或建議，歡迎隨時跟我說，我會繼續把它做得更好。

我用AI重建了一個仿google Tour Creator 的360 度互動導覽平台

2026-08-01T16:13:24.625+08:00

360 度互動導覽建置平台

免安裝、免付費、雲端儲存

GAS + HTML ｜ 360 全景｜ AI 生圖提示詞｜ VR 模式

📥一鍵下載 — 建立副本開始使用點擊後即可將完整程式複製到自己的 Google 雲端硬碟

📖軟體由來：Google Tour Creator 關閉之後

還記得 Google Tour Creator 嗎？那是 Google 推出的 360 照片導覽工具，讓老師和創作者可以上傳自己的全景照片，在上面加入資訊點、語音解說、測驗題目，做出沉浸式的虛擬導覽。可惜 Google 在 2021 年關閉了這項服務，許多老師精心製作的教材因此無處存放。

我一直很喜歡這個工具的概念——用 360 照片帶領學生「走進」教學現場。不管是校園植物觀察、博物館導覽還是社區踏查，360 導覽帶給學生的臨場感遠超過一般照片和影片。但 Tour Creator 關閉後，市場上一直沒有出現類似且免費的替代方案。

於是，我決定自己動手做一個。我用 Google Apps Script（GAS）搭配 HTML，從零開始打造了這個「360 度互動導覽建置平台」。它完全複刻了 Tour Creator 的核心功能——上傳 360 全景照片、加入互動錨點（資訊、圖片、語音、影片、YouTube、測驗、場景轉場），更進一步支援了 AI 生圖提示詞產生器和 VR 模式。

軟體建置及使用說明影片

🤖當 360 導覽遇上 AI 生圖

Google Tour Creator 當年只能上傳自己拍攝的 360 照片。但我發現一個重要的轉折：現在 AI 生成圖片已經非常成熟了，只要輸入一段好的提示詞（Prompt），就能產出高品質的 360 全景照片。

這代表什麼？代表即使你沒有 360 相機、沒有出過國、甚至沒有離開過教室，也能透過 AI 生成任何主題的 360 場景——古羅馬競技場、熱帶雨林、太空站、深海世界、中世紀城堡……只要想得到，AI 就能幫你畫出來。

因此，我在系統中內建了「360° AI 生圖提示詞產生器」。新增場景時，只要輸入簡單的場景需求（例如「午後陽光灑進溫暖的森林圖書館」），系統會自動整理成適合 AI 生圖的完整提示詞，包含等距柱狀投影、2:1 比例、無縫環繞、VR 最佳化等關鍵參數，一鍵複製後貼到 Midjourney、DALL·E、Stable Diffusion 等工具就能直接生圖。

✨ 提示詞範例

生成一張超高解析度、寫實攝影風格的 360 度全景照片。採用等距柱狀投影（equirectangular projection），畫面比例嚴格為 2:1，可無縫環繞拼接並直接用於 VR 與 360 Viewer。
主題與場景需求：午後陽光灑進溫暖的森林圖書館，木質書架、閱讀角落、窗外可看見山景。
攝影機位於場景中心，視點為自然成人視線高度；水平完整涵蓋 360 度，垂直完整呈現天空、四周環境至腳下地面。左右邊緣必須連續且精準銜接，地平線保持水平，空間比例與透視自然。光線自然，空間層次清楚，遠近景一致，材質真實，細節豐富，色彩協調。避免任何可見接縫、重複物件、拉伸、破圖、錯位、魚眼黑邊、過度廣角變形。畫面不得出現文字、標誌、浮水印。輸出單張 2:1 等距柱狀 360 全景圖，建議解析度 8192×4096 像素。

把 AI 生圖的結果上傳到平台後，就可以像以前用 Tour Creator 一樣，在場景中加入資訊點、語音導覽、影片、測驗題目，甚至場景間的轉場。從「AI 產生場景」到「設計互動內容」，整個流程都在一個系統內完成。

⚡核心功能總覽

這個平台完整複刻了 Google Tour Creator 的功能，並加入了我自己設計的新機制：

🌐

360 全景上傳

支援 JPG / PNG / WebP，自動縮圖最佳化

🤖

AI 生圖提示詞

內建產生器，一鍵複製給 Midjourney 等工具

📌

互動錨點

資訊、圖片、語音、影片、YouTube 都可加入

❓

測驗機制

是非題／選擇題，答對解鎖場景，記錄答題

🚪

場景轉場

連結多個 360 場景，打造連貫導覽路線

🥽

VR 模式

Cardboard 眼鏡支援，凝視 3 秒開啟內容

🎙️

瀏覽器錄音

直接錄製語音解說，無需額外軟體

📊

互動統計

追蹤錨點點擊率、答題正確率

🔗

QR Code 分享

手機掃碼直接開啟 360 導覽

☁️

雲端儲存

照片、語音、影片全存在 Google Drive

🎓教學上的應用場景

🌍 社會與歷史：穿越時空的教室

用 AI 生成古羅馬廣場、埃及金字塔或台灣清朝時期的老街，再搭配語音解說錨點和是非題測驗，學生就像真的穿越時空一樣。我曾在社會課上讓學生「走進」AI 生成的宋代市集，配合課本內容標示重點，學生對歷史的記憶深刻許多。

🔬 自然與科學：把世界搬進教室

熱帶雨林、深海珊瑚礁、太空站內部——這些學生很難親眼看到的場景，AI 生圖可以完整呈現。我在自然課做過「虛擬生態系導覽」，在 360 場景中加入不同生物的解說點和互動問答，學生用平板就能探索，效果比看課本圖片好太多了。

🏫 校園導覽：新生報到日的亮點

用 360 相機拍下校園各角落，上傳後在每個重要地點（圖書館、體育館、視聽教室）加入資訊錨點和 YouTube 介紹影片，做成新生導覽。家長日用手機掃 QR Code 就能逛校園，不用實際帶隊，卻更有互動感。

🧩 密室逃脫風的闖關導覽

利用「答對才可繼續」和「答對解鎖場景」這兩個機制，我可以設計出一套闖關式導覽。學生必須在每個場景中回答問題，答對才能前往下一個場景。這種遊戲化的設計讓學生在不知不覺中就把知識學起來了。

🔧使用教學：建立你的第一個 360 互動導覽

🚀 一鍵部署步驟

📂 步驟一：取得範本（建立副本）

點擊上方按鈕，建立 Google 試算表副本到自己的雲端硬碟。
點擊右上角「部署」→「新增部署作業」，選擇「網頁應用程式」。
執行身分選擇「我」，誰可以存取選擇「任何人」。
部署完成後複製網址，打開就是編輯後台！

⚠️ 重要提醒：部署後若要更新程式碼，需在「管理部署作業」中建立新版本，前台才能讀取到最新程式。

📌 日常操作流程

建立專案：進入編輯器後，按「建立新專案」，輸入導覽名稱。
新增場景：按「新增場景」，上傳 360 全景照片（或先用 AI 生圖）。
產生提示詞：（選用）輸入場景需求，按「✨ 產生提示詞」，一鍵複製後貼到 AI 生圖工具。
加入錨點：點擊 360 場景中的位置，選擇要加入的互動類型。
儲存視角：轉到喜歡的角度，按「儲存目前視角」，決定使用者進入場景的初始畫面。
拖曳調整：長按錨點圖示約 0.6 秒，即可拖曳到新位置。
預覽測試：按「Viewer 預覽」在編輯器內直接測試所有互動。
分享導覽：按「Viewer 網址／QR」，取得獨立網址或 QR Code 供學生掃描。

🎯 進階技巧

VR 模式：Viewer 和編輯器預覽都支援 VR 模式。手機橫放放入 Cardboard 眼鏡，凝視錨點 3 秒即可開啟內容。
注音字體：在專案設定中開啟「使用注音字體」，錨點名稱和互動內容會自動套用注音，低年級學生也能讀。
背景音效：每個場景都可以上傳背景音樂或環境音，進入場景後自動循環播放，沉浸感加倍。
本地影片：支援 MP4/WebM/Ogg 上傳，Viewer 會自動從 Google Drive 串流播放。
答題統計：在編輯器中查看每個錨點的點擊次數與答題正確率，掌握學生學習狀況。

💡技術亮點

這個平台的技術架構完全建置於 Google 免費服務之上：

Google Apps Script Pannellum Tailwind CSS Google Sheets Google Drive QRCode.js

後端使用 GAS 綁定試算表作為資料庫，照片、語音、影片自動存入 Drive。360 全景預覽由 GAS 讀取圖片後以 Data URL 回傳，避開 Pannellum 讀取 Drive 網址時的 CORS 問題。所有上傳檔案都在前端經過 Canvas 壓縮處理後再傳送，兼顧品質與速度。

值得一提的是 AI 生圖提示詞產生器——這完全是前端文字組合功能，不需要串接任何 AI API，也沒有額外成本。系統會根據你輸入的場景需求，自動填入 2:1 等距柱狀投影、無縫環繞、VR 最佳化等關鍵參數，讓不會寫提示詞的老师也能輕鬆生成高品質的 360 場景提示詞。

🤝結語

Google Tour Creator 被關閉時，我曾經覺得很可惜，畢竟那是當時最好用的免費 360 導覽工具。以前的 Tour Creator 只能上傳自己拍的照片，但現在 AI 讓我們可以創造任何想像得到的場景。老師不再被「有沒有 360 相機」或「有沒有去過那個地方」限制，只要有想法，就能帶學生到任何地方。

這個平台完全免費開放使用，程式碼全都放在你建立的副本中。如果你也曾經懷念 Tour Creator，或者想嘗試用 360 導覽做教學，歡迎下載試試。

📥 立即下載 — 建立副本開始打造你的 360 導覽

點擊後自動複製到你的 Google 雲端硬碟，馬上開始使用

阿剛老師的異想世界

剛好系列：課堂任務通 Cloudflare 版 -自己建立可自主掌握的非同步互動教學平台

剛好系列：課堂任務通 Cloudflare 版打造自主掌握的非同步互動教學平台

💡 從「即時同步」走向「多元非同步」的教學拼圖

軟體由來：為什麼從 GAS 改寫為 Cloudflare 版？

⚡ 架構升級：基於現代化 Cloudflare Workers 邊緣運算架構

功能總覽：走廊教室入口與 9 種互動任務

🏫 貼心專為師生設計的友善管理

九種多元任務類型，滿足全方位學習情境

1. PDF 講義互動

2. YouTube 隨堂考

3. 圖文回應

4. 手繪繪圖板

5. Markdown 文件

6. 外部連結

7. 分享檔案

8. 自動閱卷測驗

9. AI 網頁加截圖回傳

🌟 重點推薦：生成式 AI 互動教材 ＋ 截圖回傳機制

課堂教學應用：課前、課中、課後完整實踐

🖼️ 打造班級的「作品藝廊」與家長親師連結

四步部署：只要 5 分鐘，免信用卡架設上線

🎬 軟體部署及功能介紹影片

下載程式並解壓縮

準備 Node.js 環境與 Cloudflare 免費帳號

開啟命令視窗並登入 Cloudflare

一行指令完成部署上線

課堂維護：空間管理與課程備份機制

📊 直覺容量長條圖與一鍵備份還原

常見問答（FAQ）

讓每個班級，都能擁有專屬的智慧任務基地

教室大屏工具（Cloudflare 版） 白板、計時器、抽籤、PDF 講義、實物投影與雲端畫面存檔，全部裝在一個網頁裡。

🎬 影片介紹：部署流程與軟體操作

🌱 軟體由來：我想要一個「打開就能上課」的頁面

🧰 七大類工具，涵蓋一整堂課的需求

白板

班級

遊戲

資源

多媒體

雲端

系統

🏫 課堂教學應用：一堂課的節奏

把這節課排成一個「畫面」

收心與預告

講義、板書與重點標示

計時、計分與音量提醒

把學生的作品放上大屏

自動存檔與分享

🖱️ 使用詳細教學：幾個常用的操作

工具列與視窗

建立並保存一堂課的畫面

加入教材

排出上課要用的樣子

存成好記的名稱

分享給學生

🤖 上傳 HTML：讓 AI 做的教材直接變成一個網址

🚀 佈署說明：免費架在 Cloudflare 上

取得程式

到 GitHub 下載 ZIP

找到正確的資料夾

（可選）換一個自己喜歡的網址名稱

登入與部署

在這個資料夾打開命令視窗

登入 Cloudflare

開始部署

部署完成後的第一件事

立刻設定管理者密碼

🚀 取得程式，開始部署自己的教室大屏

📝 結語

教師課堂管理整合工具：Cloudflare 免費極速架構實戰

🎬 系統功能與課堂運作影片導覽

🎒 課堂教學應用：直擊現場教學痛點

🚀 零成本快速部署指南

事前準備：註冊帳號與安裝 Node.js

修改專案名稱（自訂網址）--可不修改使用預設

終端機登入與一鍵部署

初始化管理密碼

📖 課堂情境完整操作手冊

結語

剛好系列：課堂任務通 Cloudflare 版
打造自主掌握的非同步互動教學平台

🌟 重點推薦：生成式 AI 互動教材＋截圖回傳機制

教室大屏工具（Cloudflare 版）白板、計時器、抽籤、PDF 講義、實物投影與雲端畫面存檔，全部裝在一個網頁裡。

剛好學 Cloudflare 版
把課堂互動搬到自己的免費網址

AI 在教育上的應用
與實務操作全攻略