阿剛老師的異想世界

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 雲端硬碟，馬上開始使用

來佈署班上專用的「英文單字練習機」吧!!!

2026-07-28T22:39:20.389+08:00

我為小三女兒打造了一款
英文單字練習機

用 Google Apps Script 一鍵部署，免伺服器、免設定

取得免費範本

部署方式：GAS 一體式適用對象：國小、國中英文授權：CC BY-NC-SA 4.0

軟體由來

女兒升上小三後，學校開始有了英文課。每天要背的單字不多，但對剛接觸 26 個字母的孩子來說，要記得拼法、發音與中文意思，還是不太容易。市面上的單字 App 功能琳瑯滿目，但大多綁定特定教材或需要註冊帳號，對於只是想要「簡單背個單字」的家庭來說，反而顯得笨重。

於是我想，不如自己寫一個吧。需求很單純：讓我可以自己輸入單字，孩子能打開網頁就開始練習，不用記帳號密碼，最好連伺服器都不用管。正好我一直是 Google Apps Script 的愛用者，就用它搭配 HTML 做了這個單字練習管理系統。

核心訴求： 家長建立題庫 → 孩子打開網頁就練 → 記錄自動回傳。零設定、零費用、零伺服器。

課堂教學應用

雖然開發初衷是給自己孩子用，但回頭來看，這套工具在學校場景也相當合用：

教師自建題庫： 老師可以根據教學進度，自行建立對應的單字題庫，不受限於教科書版本。
四種練習模式： 滿足不同學習階段的練習需求——入門用單字卡，進階練拼字與重組，聽力則用聽音選字。
學習數據可視化： 每筆練習記錄都會回傳到 Google 試算表，老師可以清楚看到每位學生的練習時長、答錯率與常錯單字。
零門檻使用： 學生只需要一個網址，輸入姓名即可開始，不需要任何帳號註冊。
平板與手機都可用： 採用響應式設計搭配虛擬鍵盤，即使沒有實體鍵盤的平板也能順利進行拼字練習。

功能特色

📇

單字卡模式

看中文翻卡對答案，適合初次學習

⌨️

拼字練習

內建虛擬鍵盤，點擊字母拼出正確單字

🧩

字母重組

打亂字母順序，還原正確拼法

🎧

聽音選字

播放發音後從選項中選出正確單字

📊

常錯分析

自動統計各單字答錯次數與花費時間

🔁

一鍵部署

建立副本 + 部署，兩步驟完成上線

使用詳細教學

老師端：管理題庫與查看數據

開啟部署後的網址，點選「我是老師」。
第一次使用時輸入您想要的密碼，系統會自動存入「系統設定」工作表。
進入管理介面後，可新增題庫、編輯單字內容、啟用/停用題庫。
單字輸入格式：每行一個單字，用逗號或 Tab 分隔英文與中文，例如 Apple,蘋果。
切換至「學習數據」分頁，即可查看每位學生的練習記錄與題庫常錯分析。

學生端：開始練習

在首頁點選「我是學生」，輸入姓名即可進入題庫列表。
選擇一個題庫後，會出現四種練習模式供選擇。
練習時系統會即時計時並記錄答錯次數。
完成後點選「結束練習」，系統會自動將記錄上傳至雲端。

佈署說明

這份專案採用 GAS + HTML 一體部署 模式，後端（試算表資料庫）與前端（操作介面）全部打包在同一個 Apps Script 專案中，部署後直接取得一個完整可用的網址，不用另外託管 HTML。

取得免費範本

建立副本

點擊上方按鈕開啟試算表副本連結，按下「建立副本」。系統會自動建立一份完整的試算表與 Apps Script 程式碼到您的 Google 雲端硬碟，完全不需要手動複製貼上任何程式碼。

部署為網頁應用程式

在試算表中點擊「擴充功能」→「Apps Script」開啟指令碼編輯器。點擊右上角「部署」→「新增部署」，選擇類型為「網頁應用程式」。

執行身分： 選擇「我」（也就是您的 Google 帳號）
存取權限： 選擇「知道連結的使用者」

取得網址，開始使用

部署完成後，複製產生的網頁應用程式網址，貼到瀏覽器即可使用。把這個網址傳給學生或孩子，他們打開就能直接練習。就是這麼簡單。

提醒： 第一次開啟時，試算表背後的「系統設定」、「題庫資料」、「學習記錄」工作表會自動建立，並產生一組範例題庫讓您測試，無需人工介入。

結語

這個工具雖然是為自己的孩子設計的，但我也希望它能幫助到更多家庭或老師。不需要昂貴的授權、不需要複雜的設定，只要有一個 Google 帳號，就能在五分鐘內建好自己的單字練習系統。

如果您也對這種「用 GAS 打造教學小工具」的做法感興趣，歡迎直接取用這份範本，自己改寫成適合您課堂的版本。有任何問題或建議，也歡迎與我交流。

完全免費的AI創作的校園排課系統(支援自動排課功能)

2026-07-27T10:18:34.367+08:00

剛好系列-校園排課系統

用AI輔助打造的排課利器，讓排課不再是一件苦差事

純前端架構｜免安裝｜免費用｜自動排課

🚀 立即體驗排課系統點擊後即可在瀏覽器中使用

📖軟體由來

這是我前陣子在測試目前的AI有沒有辦法寫出排課軟體時試寫的作品。身為一個以前當過十幾年教學組長的老師，排課對我來說一直是學期初最頭痛的事情之一。

用我以前當教學組長排了十幾年課的經驗，用我覺得最方便的流程來設計的。不過我在六班小校，所以我測試軟體時，只用六班來排課測試，沒試過大校多班多教師的，有興趣的老師們可以自己再試試看。

整個系統是用 Google 的 Gemini 3.5 Flash 大型語言模型輔助編譯與設計製作的。從介面設計到自動排課演算法，都是在AI的協助下完成的。這也讓我深刻體會到，AI已經不再是科幻電影裡的情節，而是真真切切能幫我們解決實際問題的工具。

操作示範說明影片:

⚡核心功能總覽

這套排課系統具備以下特色：

🧠

CSP 自動排課

毫秒間自動計算最佳課表，避開衝堂

📊

引導式五步驟

從設定到排課，流程清晰不迷路

🎯

雙向對照排課

視覺化標示完美時段，一鍵填入

💾

資料備份還原

JSON格式匯入匯出，隨時恢復進度

📥

多元匯出格式

支援 PDF 與 Word 檔案下載

🔒

衝堂防呆機制

教師同節衝堂自動偵測阻擋

🎓排課實戰應用

🏫 小校排課的最佳幫手

對於像我這樣在六班小校服務的老師來說，這套系統真的幫了大忙。以前用 Excel 排課，每次都要手動檢查衝堂，一個不小心就要重來。現在只要照著五個步驟走，系統會自動幫你避開所有衝突。

特別是「雙向對照排課」功能，當自動排課後還有少數課程因為限制條件無法排入時，系統會自動比對班級和教師的時間，用綠色標示出兩邊都是空堂的「完美時段」，點一下就搞定，不用再自己比來比去。

📋 引導式操作流程

系統採用上方橫式分頁標籤，從第一步到第五步一目了然：

年級與班級設定：設定年級、班級，並可指定不上課時段
時間框架設定：設定每週天數與節數，以及教師不可排課時段
課程計畫與配課：設定各科每週節數，建立教師名冊，進行配課
預排指定時段：將需要固定時段的課程先行排入
執行自動排課：一鍵啟動演算法，1.5秒內完成全校課表

📤 彈性的匯出選項

排好的課表可以輸出為 PDF 或 Word 格式。如果有其他學校要用的系統可以匯入排課資料的話，老師可以匯出排課資料，自己再請AI把格式調整成你們學校用的系統可以匯入的格式。

系統採用 Landscape (橫式) A4 排版，包含行分割防截斷設計，確保一班一頁，列印不跨頁，品質非常專業。

🔧使用教學：從零開始

🚀 快速開始

點擊上方「立即體驗排課系統」按鈕，開啟排課系統網頁。
按照頂部橫式選單的五個步驟依序操作。
先設定年級與班級，再設定時間框架。
建立課程計畫與教師名冊，進行配課。
如有需要，預排指定時段的課程。
最後點擊「開始自動排課」，系統會自動完成全校課表。

📌 重要提醒

資料備份：系統頂部有備份功能，請務必定期備份，避免瀏覽器關閉或重新整理導致資料遺失。
衝堂防呆：系統會自動偵測教師同節衝堂，並發出警告阻擋指派。
預排優先：預排的課程會被保留，演算法會自動避開這些課程進行排課。
每週節數上限：系統會阻擋超額排入，保護每週授課上限不超支。

🎁 進階功能

課程拆分：可將彈性課程拆分為多個子課程，分別指派給不同教師。
批次指派：可勾選多門課程，一次指派給同一位教師。
關鍵字搜尋：可快速搜尋特定班級、學科或教師。
課表直接調整：排課完成後，可直接點擊課表格子進行微調。

💡技術亮點

這套系統在技術上採用了以下架構：

React 18 Tailwind CSS Lucid Icons html2pdf.js docx.js CSP 演算法 Babel JSX

系統採用單一網頁架構 (Single-File App)，所有邏輯、樣式與資料處理皆整合在 index.html 內，下載至本機即可離線使用。這種設計讓部署變得非常簡單，不需要安裝任何軟體，也不需要後端資料庫。

核心的防呆限制性規避演算法 (CSP)，能在毫秒間自動計算並填入最佳課表，自動避開班級不上課、教師不可排課及教師同節衝堂，大幅節省了排課時間。

💻開源專案

這套系統的完整程式碼已開源在 GitHub 上，歡迎大家下載使用。如果覺得好用，歡迎幫我按個星號，讓更多人看到這個專案！

⭐ GitHub 專案連結

好用可以幫我按個星號唷!!!

🤝結語

這套排課系統是我用十幾年排課經驗，結合AI輔助開發出來的作品。雖然我只在六班小校測試過，但系統的設計應該能適用於不同規模的學校。有興趣的老師們可以自己試試看。

行政通 TaskFlow-用 AI 打造你的智慧公文與任務整合工作台

2026-07-26T14:02:55.968+08:00

行政通 TaskFlow

用 AI 打造你的智慧公文與任務整合工作台

GAS + HTMLGemini AIOCR 辨識Google Drive

Made by 阿剛老師

一、這套工具的由來

在學校擔任行政工作這些年，我深深體會到一件事：公文管理是行政人員最耗時、最容易出錯的日常。每天收文、分文、追蹤辦理期限、結案歸檔，一套流程下來往往耗掉大半天。更要命的是，公文散落在各個資料夾、各台電腦裡，要查某件公文的辦理進度，得開好幾個視窗來回切換。

我一直在想：能不能用 AI 幫忙自動解析公文內容，再把所有待辦事項整理成一個一目了然的工作台？ 於是我開始結合 Google Apps Script、Google 試算表、Google Drive，以及 Gemini 大語言模型，花了一整天的時間請AI完成了這套「行政通 TaskFlow」。

它的核心理念很簡單：上傳一份公文 PDF 或截圖，AI 幫你自動抓出發文單位、文號、辦理期限與重點摘要，再自動同步到雲端試算表和 Google Drive，只要開一個網頁就能掌握全部公文的辦理進度。

二、核心功能亮點

🤖

AI 智慧公文解析

支援 Gemini 大模型或本機免 Key OCR，自動提取主旨、文號、期限與摘要

📄

PDF / 圖片雙軌辨識

PDF.js 提取文字層 + Tesseract.js 繁體中文 OCR，掃描檔也能辨識

🚨

到期預警看板

紅黃綠三色預警，自訂天數範圍，一眼掌握即將到期的公文

☁️

雲端同步

Google 試算表 + Drive 雙同步，公文原檔自動備份至雲端硬碟

📦

批次上傳

一次上傳最多 5 個公文檔案，分頁編輯後一次性存檔

📊

報表匯出

匯出 Excel / CSV 處室週報，JSON 完整備份，輕鬆跨電腦移轉

🔗

資料夾路徑追蹤

記錄本機工作資料夾路徑，一鍵複製貼上 Win+R 快速開啟

📱

分享與 QR Code

一鍵產生分享連結與 QR Code，處室同仁掃碼即用

三、進階設定（選填）

🔑 Gemini API Key：若你有 Google Gemini API Key，可在設定中填入，開啟 Gemini 2.5 Flash 大語言模型的高階公文結構化分析能力。即使不填入 Key，系統也能透過免 Key 代理通道或本機 Tesseract OCR 正常運作。

⚡ 本機分析模式：在設定中可切換為「強制僅使用本機規則引擎」，所有分析完全在瀏覽器前端完成，資料不會傳送至雲端 AI。

四、立即體驗

下方嵌入了行政通 TaskFlow 的下載頁面，你可以直接在這裡按步驟建置並下載自己專用的html，並佈署到gemini canvas上使用：

結語

行政通 TaskFlow 是我從日常行政痛點出發，結合 GAS 與 AI 技術打造的實用工具。它不只是一套公文管理系統，更是一個讓行政工作從「人工追蹤」升級為「智慧管理」的起點。

如果你也是學校行政人員，或者對 GAS + AI 的應用有興趣，歡迎試試看這套工具。有任何問題或建議，也歡迎到我的部落格留言交流！

剛好系列 - 課堂任務通-課堂任務派發、作答繳交、同儕互評與作品藝廊展示系統。

2026-07-24T09:34:01.884+08:00

剛好系列

課堂任務通-課堂任務派發平台

班級課堂互動任務平台 ─ 用 GAS + HTML 實現的異步學習系統

📥 一鍵建立試算表副本

💡軟體由來

以前在課堂上，我一直在用別人的教學平台來輔助教學。這些平台確實好用，但用久了總會發現一些功能缺口──有些我想要的互動方式，平台上就是沒有。

最近 AI 工具已經發展到能協助一般使用者開發軟體了，我就想：既然如此，何不自己把那些缺少的功能都實作出來？

於是，我開始動手打造這個「班級課堂互動任務平台」。它建立在 Google 試算表之上，以 Google Apps Script 作為後端，前端則是純 HTML + Tailwind CSS，不需要另外架設伺服器，只要有 Google 帳號就能使用。

🔍 核心理念：把 Google 試算表當作資料庫，用 GAS 操控它，再加上前端互動介面，就能做出一個完整的網頁應用程式。這個模式讓不懂伺服器架構的教育工作者也能快速上手。

🎓課堂教學應用

這個平台解決了幾個我長期以來的教學痛點：

🔗

多元任務類型

支援六種任務類型：外部連結、PDF 教材閱讀、YouTube 影片隨堂考、圖文回應、手繪繪圖、自動閱卷測驗。一個平台涵蓋所有課堂互動需求。

⏱️

異步自主學習

學生按自己的節奏完成任務，不用等待其他人。教師端能即時掌握全班進度，一目了然誰完成了、誰還沒開始。

✏️

觸控繪圖板

內建手繪畫布，支援畫筆、橡皮擦、直線、矩形、圓形、文字等工具，Apple Pencil 也能流暢使用。教師還能上傳學習單當背景圖，讓學生直接在上面標註。

📖

PDF 劃線筆記

PDF 教材自動轉為圖片頁面，學生可在每一頁上用畫筆或螢光筆做標註，教師能檢視全班的閱讀筆記，掌握理解程度。

✅

自動批改測驗

選擇題測驗支援 CSV 批次匯入題庫，還內建「AI 出題小幫手」──貼上影片字幕，一鍵產生 AI 提示詞，再把 AI 回覆貼回來即可匯入。

🖼️

作品藝廊

圖文回應與手繪作品可公開展示，支援同儕按讚與留言鼓勵。教師可控制公開程度：不公開、僅本班可見、或完全公開讓任何人免登入瀏覽。

📋使用詳細教學

🧑‍🏫 教師端操作

首次設定密碼

開啟平台後點選「教師入口」，首次進入需設定一組登入密碼，之後皆以此密碼登入。

建立課堂

點選「＋建立新課堂」，輸入課堂名稱與科目，可同時指派學生加入。系統會自動產生 4 位數加入代碼，也能手動改成 4 碼英數字組合。

建立分類與任務

進入課堂後，在「📚 單元內容」分頁建立分類頁籤（例如：單元一、課前預習），再於分類下新增互動任務。六種任務類型可自由選擇。

管理題庫

測驗與 YouTube 類型的任務可進「題庫管理」，支援逐題新增或 CSV 批次匯入。內建 AI 出題提示詞產生器，貼上字幕內容就能讓 AI 幫你出題。

批改與總覽

「📝 批改與總覽」分頁提供全班進度矩陣，依分類分組顯示每位學生的完成狀態。點選即可查看繳交內容、評分（支援分數/等第/通過未通過）並加上評語。

作品藝廊管理

在「🖼️ 作品藝廊」分頁可一鍵切換所有任務的公開程度。設為「完全公開」的任務會產生專屬分享連結與 QR Code，任何人免登入即可瀏覽。

🎒 學生端操作

登入帳號

學生從「學生入口」進入，從下拉選單選擇姓名並輸入密碼。也可透過掃描 QR Code 自動帶入加入代碼。

選擇課堂

登入後看到已加入的課堂清單，點選進入該課堂的學習儀表板。

完成任務

依分類頁籤切換，點選任務卡片進入操作。每種任務都有專屬的操作介面，完成後送出即可。

查看藝廊

若教師已公開作品藝廊，學生可在此欣賞同儕作品、按讚與留言鼓勵。

🚀佈署說明

這個平台採用「容器綁定試算表」架構，資料庫就是試算表本身。程式碼已預先寫好在試算表範本中，你只需要一鍵建立副本即可開始使用。

建立副本

點選上方按鈕，系統會自動建立一份試算表副本到你的 Google 雲端硬碟。程式碼已內建在範本中，不需手動貼上。

部署為網頁應用程式

在副本中，點擊「擴充功能」→「Apps Script」開啟指令碼編輯器，然後點擊「部署」→「新增部署」，選擇類型為「網頁應用程式」，執行身分選「我 (自己的帳號)」，存取權限選「知道連結的使用者」。部署後取得網址，即可直接使用。

💡 小提醒：首次開啟時，系統會自動建立所需的工作表。若看到預設的空白工作表（工作表1 / Sheet1），系統會自動清除。整個過程不需手動操作資料庫。

⚙️程式架構一覽

整個平台的程式碼分為後端（Code.gs）與前端（Index.html）兩個檔案，以下列出主要架構：

模組	說明
Web App 進入點	doGet 函式處理路由，支援帶入課堂代碼或藝廊任務 ID
資料庫層	10 張工作表：系統設定、課堂資料、分類頁籤、任務資料、學生資料、課堂學生、提交紀錄、測驗題目、畫記筆記、藝廊互動
雲端硬碟整合	PDF 頁面圖片上傳、照片上傳、背景圖管理、檔案權限自動設定
課堂管理	建立/編輯/刪除課堂、產生/修改加入代碼、管理課堂名單
任務系統	六種任務類型的建立、編輯、上架/下架、拖曳排序
測驗與題庫	逐題新增、CSV 批次匯入、AI 提示詞產生、自動批改
提交與批改	學生提交、教師批改（分數/等第/通過未通過）、退回重修
PDF 標註	畫筆/螢光筆/擦除、防抖自動儲存、教師端全班筆記檢核
作品藝廊	三級公開控制、按讚互動、留言鼓勵、分享連結與 QR Code

📚 結語

以前覺得「自己做一個教學平台」是很遙不可及的事，但有了 AI 的協助，這件事變得實際可行。從構想到完成，我逐步把以前用的平台缺少的功能一個一個補上來。

如果你也有類似的需求，不妨試試看。這個平台完全免費、採用創用CC 授權，歡迎教育用途自由使用。

經費支出明細表管理工具-多人用GAS雲端佈署版

2026-07-23T00:00:24.652+08:00

經費支出明細表管理工具

多人協作 × 雲端備份 × 一鍵匯出 Word 列印

GAS + HTML ｜多人 Web App ｜免安裝｜免費用

📥 立即取得工具（建立副本）點擊後建立副本到自己的雲端硬碟，即可開始使用

📖軟體由來

每個學期，學校的行政工作總少不了「經費支出明細表」的填報。從戶外教學、畢業旅行、校慶活動到社團補助，每一筆支出都需要詳實記錄，層層核章。傳統的做法不外乎用 Word 或 Excel 手動排版，每次都要重新調整格式、對齊欄位、計算總計，遇到多人需要同時填報時，更是衍生出無數個版本的檔案，最後搞得誰也不確定哪個才是最新的。

為了徹底解決這些痛點，我用 GAS（Google Apps Script）搭配 HTML 打造了一套「經費支出明細表管理工具」。它不只是一個表單生成器，而是一個完整的多人協作工作台：支援帳號登入、雲端自動備份、一鍵匯出 Word 文件、列印即用的核章欄位，讓經費核銷從「痛苦的行政負擔」變成「幾分鐘就能搞定的事」。

⚡核心功能總覽

這個工具整合了經費明細表從建立到核銷的完整流程：

👥

多人帳號系統

Admin/User 權限分級，下拉選單登入

☁️

雲端自動備份

每 30 秒自動同步至 Google 試算表

📄

匯出 Word 文件

標楷體排版，A4 直式即印格式

🖨️

一鍵列印

去除 UI 元素，純淨列印輸出

📊

自動加總計算

金額即時運算，大寫國字金額

✍️

核章欄位自訂

承辦人/主計/校長，自由修改名稱

🎯

拖曳排序

Drag & Drop 調整項目順序

🧮

剩餘經費計算

輸入核定經費，自動算出剩餘

📦

JSON 匯入匯出

完整備份與跨帳號搬遷

🎨

卡片色彩標記

右鍵選單自訂明細表卡片顏色

🔍

即時搜尋

關鍵字快速篩選已儲存明細

⚙️

管理者後台

帳號管理、全域視察、批次匯入

🎯實際應用場景

🏫 學校行政：經費核銷不再痛苦

每學期的戶外教學、畢業旅行、校慶活動，都需要填報經費支出明細表。以前用 Word 手動排版，每次都要重新調整表格格式、計算總計、對齊欄位。現在只要登入系統，選擇「開新支出明細」，輸入標題（如「115學年度畢業旅行經費支出明細表」），接著逐筆輸入項目、單位、單價、數量，系統自動計算合計與總計，就這麼簡單。

更方便的是，核章欄位（承辦人、主計、校長）可以自由修改名稱，不同學校的組織編制不同，彈性調整完全沒問題。完成後直接點「📄 下載 docx」，產出的 Word 文件就是標準的 A4 直式格式，標楷體排版，直接拿去列印就能簽核。

👥 多人協作：各做各的，互不干擾

這套工具最大的特色就是「多人 Web App」。每位老師都有自己獨立的帳號，登入後只能看到自己建立的明細表，資料完全隔離。管理者则可以透過後台查看全校所有人的經費明細，需要審閱他人資料時，系統會自動切換到唯讀審閱模式，只能檢視、下載或列印，無法修改，確保資料安全。

管理者還可以批次匯入帳號名單，一次建立全校老師的帳號，不需要逐一設定。開放自主註冊時，還能設定 4 位數驗證碼，防止外人隨意加入。

☁️ 雲端備份：換電腦也不怕

所有資料每 30 秒自動同步到 Google 試算表，就算換了一台電腦、甚至換了瀏覽器，只要打開同一個網址登入，所有明細表就會自動載回來。再也不用擔心「上次做的那份明細表存在哪台電腦」的問題。

系統還提供 JSON 匯出功能，可以完整備份所有明細表資料，或是選擇性地部份匯出。需要搬到另一個帳號時，直接匯入 JSON 檔案即可，完全無痛遷移。

🧮 經費控管：剩餘經費一目瞭然

輸入核定的總經費金額，系統自動計算已支出金額與剩餘經費。在活動執行過程中，隨時可以掌握預算執行情況，避免超支。還能「勾選項目獨立加總」，只計算特定項目的花費，方便做分類統計。

📊與傳統方式的比較

比較項目	Word / Excel 手動	本工具
格式排版	每次手動調整	自動生成標準格式
金額計算	手動或用 Excel 公式	即時自動計算 + 大寫金額
多人使用	檔案傳来傳去	雲端多人獨立作業
資料備份	自己負責	每 30 秒自動同步
匯出列印	手動排版列印	一鍵下載 Word / 列印
跨裝置使用	需帶著檔案	有瀏覽器就能用
管理者稽核	逐一索取檔案	後台一鍵視察全校

🔧使用教學：從零開始

🚀 部署步驟（GAS + HTML 一鍵佈署）

📋 步驟一：建立試算表副本

點擊上方按鈕，將試算表建立副本到自己的 Google 雲端硬碟。
在自己的副本中，點擊「擴充功能」→「Apps Script」開啟指令碼編輯器。
將 Code.gs 的內容完全覆蓋原本的程式碼。
在左側檔案列表中新增 HTML 檔案（命名為 Index），貼入前端程式碼。
首次執行：在上方工具列選擇 doGet 函式，點擊「執行」並通過權限審核。
點擊右上角「部署」→「新增部署」。
選擇類型為「網頁應用程式」。
執行身分：選擇「我 (Me)」（重要！）
誰可以存取：選擇「任何人 (Anyone)」（重要！）
點擊「部署」，複製產生的網址，這就是你的工具網址。

⚠️ 首次部署後，若要更新程式碼，需在「新增部署」時選擇「新版本」，才能讓修改生效。

💡 系統首次開啟時，會自動跳出身分初始化畫面，請設定管理者密碼。之後所有使用者即可透過下拉選單選擇帳號登入。

📌 日常操作流程

登入系統：從下拉選單選擇自己的帳號，輸入密碼登入。
建立明細表：點擊「➕ 開新支出明細」，輸入標題名稱。
輸入項目：逐筆輸入支出項目的名稱、單位、單價、數量，系統自動計算合計。
自動儲存：系統每 30 秒自動備份至雲端，也可手動點「💾 手動儲存」。
調整順序：直接拖曳表格中的列，即可調整項目順序。
修改核章：點擊「✍️ 修改核章區」，自訂承辦人、主計、校長的名稱。
匯出列印：點擊「📄 下載 docx」取得 Word 文件，或「🖨️ 列印」直接列印。

⚙️ 進階功能推薦

計算剩餘經費：輸入核定總經費，系統自動算出還剩多少可以用。
選取加總：勾選特定項目，只計算勾選項目的金額小計。
卡片色彩標記：在明細表清單上按右鍵，可自訂卡片背景顏色，方便分類。
管理者後台：Admin 帳號可批次匯入帳號、查看全校所有人的明細表、遠端列印。
JSON 備份：左下角「📦 檔案工具」可匯出/匯入 JSON，完整備份所有資料。
隨機換背景：點擊「🎨 換背景」按鈕，切換不同的淡色系漸層主題。

💡技術亮點

這個工具在技術上使用了以下技術：

Google Apps Script HTML5 Tailwind CSS JavaScript Google Sheets API docx.js CacheService Noto Sans TC

前端使用 Tailwind CSS CDN 快速打造響應式介面，搭配 docx.js 在瀏覽器端直接生成 Word 文件，完全不需要伺服器轉換。後端使用 GAS 的 CacheService 管理 Session Token，確保 6 小時內的登入狀態有效，兼顧安全與效能。

資料儲存採用「同標題覆蓋機制」，同一個使用者對同標題的明細表永遠只保留最新版本，避免試算表中堆積大量重複紀錄。密碼欄位強制設為純文字格式，確保「01」不會被 Google 試算表自動轉成數字「1」。

🤝結語

經費核銷是學校行政中不可或缺的一環，但它不應該成為老師們的負擔。我希望透過這個工具，讓每一位老師都能在幾分鐘內完成一份格式正確、內容完整的經費支出明細表，把省下來的時間留給更重要的教學工作。

程式碼完全開放，大家都可以依照自己學校的需求修改調整。如果你在使用上有任何問題或建議，歡迎留言告訴我。

教師課堂管理整合工具 V5(使用GAS+html可一鍵佈署版)

2026-07-22T20:36:05.664+08:00

教師課堂管理整合工具 V5

用一個網頁搞定加扣分、作業追蹤、座位表與雲端備份

GAS + HTML ｜免安裝｜免費用｜雲端同步

📥 取得工具（開啟試算表）點擊後建立副本即可開始使用

📖軟體由來

身為一個每天要處理加扣分、追作業、排座位的老師，我深深感受到課堂管理的瑣碎與耗時。市面上的工具要嘛功能太分散，要嘛需要安裝軟體、擔心資料安全性，更有些需要付費才能使用完整功能。

我想要的其實很簡單：一個網頁就能搞定所有事情，不用安裝任何東西，資料存在 Google 雲端，換電腦也能繼續用。就這樣，我從零開始，用 GAS（Google Apps Script）搭配 HTML，一步步把這個工具打造出來。

從最早的加扣分功能開始，到後來陸續加入座位表、作業追蹤、抽籤系統、計時器，一直到現在的 V5 版本，整合了多班級管理與雲端自動備份。每一個功能都是我從課堂實戰中提煉出來的，真正解決了老師們常遇到的痛點。

⚡核心功能總覽

這個工具包含了我認為一位老師在課堂管理上幾乎會用到的所有功能：

🏫

多班級管理

支援多班切換，馬卡龍配色主題

📊

加扣分系統

個人與群組計分，座位表視圖

📝

作業檢核

顏色標記追蹤，四種狀態切換

🪑

座位表生成

按列/按組排列，拖曳調整

🎲

隨機抽籤

全螢幕動畫，活絡課堂氣氛

⏱️

倒數計時器

預設/自訂時間，緊張音效

📋

聯絡簿顯示

全螢幕投影，學生直接抄寫

🏆

兌獎系統

點數兌換獎勵，歷史紀錄

📈統計報表

每週/每月統計，長條圖視覺化

📄

PDF/Word 匯出

作業清單與加扣分總表

☁️

雲端備份

30 秒自動同步至 Google 試算表

📦

資料匯入匯出

JSON 格式，單班或全部匯出

🎓課堂教學上的實際應用

🎯 正向增強：讓加分成為習慣

加扣分不只是紀律工具，更是正向行為的即時回饋。透過座位表視圖，我可以看著學生的座位直接加分，不需要翻名冊、不需要打字，一個按鈕就完成。當學生看到自己的分數在全螢幕上跳動，那種成就感是紙本紀錄無法比擬的。

更進階的是「群組計分」模式，我會在小組討論時使用。當某一組的回答特別好，我直接幫整組加分，讓團隊合作產生正向壓力，也讓沉默的學生因為組員的表現而被帶動。

📝 作業追蹤：再也不用追著學生要作業

作業追蹤是我覺得最實用的功能。每天設定好作業內容後，隔天用「檢」按鈕進入檢核表，看到的是學生姓名配上每項作業的狀態按鈕。點一下就切換狀態：紅色＝未繳交、綠色＝已繳交、橘色＝待訂正、藍色＝已訂正。

到了期中或期末，一鍵匯出 PDF 作業清單，連「誰沒交、誰还没訂正」都標註得清清楚楚。拿來跟家長溝通，或是做為學生學習歷程的佐證，都比口頭說的有說服力。

🪑 座位表：不只是排座位

這個座位表不只是好看而已。它支援「按列」與「按組」兩種排列方式，我可以根據教學需求自由切換。座位表上的每個格子都顯示學生的姓名與累積分數，有未完成作業的學生還會標示 ❌，點一下就能直接跳到該學生的作業追蹤頁面。

拖曳功能也很方便，開學初調整座位時，直接把學生名字拖到新位置就好，不用重新輸入。

☁️ 雲端備份：換電腦也不怕

這是 V5 最重要的升級。透過 GAS + Google 試算表，系統會每 30 秒自動備份所有資料到雲端。就算我換了一台電腦、甚至換了瀏覽器，只要打開同一個網址，所有班級資料就會自動同步回來。再也不用擔心資料消失的恐懼。

🔧使用教學：從零開始設定

🚀 部署步驟（GAS + HTML 一鍵佈署）

開啟我提供的 Google 試算表，點擊「檔案」→「建立副本」，將試算表複製一份到自己的 Google 雲端硬碟。
在自己的副本中，點擊「擴充功能」→「Apps Script」開啟指令碼編輯器。
點擊右上角「部署」→「新增部署」。
選擇類型為「網頁應用程式」。
執行身分：選擇「我 (Me)」（重要！）
誰可以存取：選擇「任何人 (Anyone)」（重要！）
點擊「部署」，複製產生的網址，這就是你的工具網址。

⚠️ 首次部署後，若要更新程式碼，需在「新增部署」時選擇「新版本」，才能讓修改生效。

📌 日常操作流程

建立班級：在初始畫面點擊 ➕ 按鈕，輸入班級名稱（如「601班」）。
輸入學生：點擊左上角 ☰ 選單 →「輸入學生姓名」，每行一個名字貼上。
設定作業：在日曆上找到今天，點擊作按鈕輸入作業內容。
抄聯絡簿：點擊聯按鈕，全螢幕顯示作業內容，投影到螢幕讓學生抄寫。
收作業檢核：隔天點擊檢按鈕，逐一點擊學生狀態切換顏色。
加扣分：點擊日曆上的日期數字，進入加扣分介面操作。
雲端備份：點擊右上角「☁️ 雲端存檔」，資料自動同步到 Google 試算表。

🎁 進階功能推薦

抽籤系統：課堂提問時，點擊「抽籤」按鈕隨機選人，學生超愛，氣氛瞬間熱起來。
計時器：小考或分組討論時使用，最後 10 秒還有緊張音效，學生會自動加速。
兌獎系統：約定好獎勵規則（如 10 分換免死金牌），讓加扣分制度更有感。
PDF 匯出：期末時匯出加扣分總表與作業清單，親師溝通超方便。
座位表視圖加扣分：在座位表上直接加分，不用切換畫面，教學節奏不中斷。

💡技術亮點

這個工具在技術上用到了以下技術：

Google Apps Script HTML5 CSS3 JavaScript Google Sheets API Chart.js html2pdf.js html2canvas Web Audio API localStorage LockService ContentService

值得一提的是，前端使用 localStorage 做為主要的資料儲存機制，搭配 GAS 後端將資料同步到 Google 試算表。這種「前端快取 + 雲端同步」的架構，讓工具在沒有網路時也能正常使用，連線後再自動備份，兼顧了速度與安全性。

🤝結語

做這個工具的初衷很單純，就是想讓自己的課堂管理更有效率。如果這個工具也能幫到其他老師，那就更好了。程式碼完全開放，大家都可以依照自己的需求修改調整。如果你在使用上有任何問題或建議，歡迎留言告訴我。

教學已經夠辛苦了，希望科技能幫我們省下更多時間，把精力留給最重要的事情——學生。

KentDrop：用 Google 雲端硬碟打造屬於你自己的專屬「AirDrop」跨平台快速傳檔工具

2026-07-20T14:45:11.824+08:00

不知道大家在電腦教室上課，或是帶學生用平板做行動教學時，有沒有遇過這樣的困擾：想傳個檔案或點名單給學生，但平板是 Android、電腦是 Windows，或者是不同網段互不相通，搞得傳檔像在跨越數位鴻溝？

雖然 iOS 有好用的 AirDrop，但一碰到混搭設備就沒轍了。為了給自己和課堂一個方便，我最近動手寫了一個簡單的網頁工具，我把它叫作「KentDrop」。它不需要大家安裝任何 App，只要利用我們學校常用的 Google 帳號和雲端硬碟，就能架設出一個專屬於你、跨網段、跨平台的傳檔與傳訊小幫手。

💡 軟體開發由來

這個工具的原始概念就是來自 iOS 的 AirDrop。我選用 Google Apps Script (GAS) 技術作為後端中繼。你傳送的檔案會先暫存在你自己的 Google 雲端硬碟中。為了不佔用空間，程式特別設定了「20分鐘自動過期清理機制」，時間一到就會自動移到垃圾桶，大家可以放心使用。

🏫 課堂教學痛點解決

自訂暱稱，精確查找學生：網頁每 10 秒自動掃描，點擊裝置卡片即可傳送。
一鍵全體廣播：老師可同步發送講義連結給全班。
手機電腦互傳：手機拍照傳到電腦，點一下就搞定。
即時彈窗與一鍵複製：提供一鍵複製按鈕，減少學生打錯字。

🛠️ KentDrop 部署詳細教學

這個工具完全是「零設定」，只要你會複製貼上，五分鐘就能擁有自己的傳檔伺服器：

1
開啟試算表副本：點擊下方按鈕複製一份副本到你自己的雲端硬碟中。
2
部署為網頁應用程式：點擊右上角「部署」 ➔ 「新增部署」。
3
設定存取權限：類型選擇「Web 應用程式」，將「執行身份」設為「我」 (Me)，將「誰有存取權限」設為「任何人」 (Anyone)。
4
授權並取得網址：完成權限授權後，複製產生的 Web App 網址，這就是你的專屬工具連結了！所有當下連上網址的使用者就可以互傳訊息及檔案了。

立即複製 KentDrop 範本

阿剛小提醒：因為完全仰賴 GAS 的網頁服務，背景大約 10 秒同步一次，會有一點點延遲，但在日常教學操作上，阿剛我覺得已經相當夠用，希望能幫各位老師減輕負擔！

阿剛老師的異想世界

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

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

這次為什麼要整個重做？

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

和新舊兩種做法差在哪？

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

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

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

步驟 2：智慧吸管去背

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

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

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

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

兩個貼圖合輯一起用

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

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

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

⚙️ MP4 影片怎麼來的？

🔒 關於資料與隱私

常見問題

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

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

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

這套工具為什麼會出現？

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

它能解決哪些教學痛點？

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

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

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

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

支援的題型一覽

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

下載並解壓縮

雙擊「啟動程式.bat」

放行 Windows 防火牆

老師端：開始上課

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

老師端儀表板能做什麼

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

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

🔒 關於資料與隱私

常見問題

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

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

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

一、軟體由來

二、課堂教學應用

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

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

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

步驟 2：下載 V5 主程式

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

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

六、結語

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

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

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

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

✍️ 最推薦的課堂節奏

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

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

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

④取得與佈署說明

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

GAS & Firebase完美提示詞生成器

💡軟體由來

⚙️核心功能一次看

三種架構一鍵切換

AI 智能優化

六種介面風格

完整部署輸出

雲端硬碟自動存檔

Base64 分享機制

🏗️三種架構，各有千秋

🟢 GAS 一鍵部署（免設定）

🟣 GAS 獨立前端（API）

🔥 Firebase NoSQL 架構

🎨六種預設介面風格

📖使用教學

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

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

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

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

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

GAS & Firebase
完美提示詞生成器

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

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