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

 課堂互動 so easy · 邊緣運算全新架構

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

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

📥 下載程式與部署教學🎬 觀看 4 段教學影片

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

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

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

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

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

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

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

🚀 零門檻、開箱即用

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

⚡ WebSocket 雙向極速同步

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

🤖 智慧 AI 出題與質性分析

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

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

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

🎬 16 大功能操作教學說明影片（分四部曲）

為了讓老師與夥伴們能快速掌握「剛好學」的各項操作細節，我將系統內建的 16 大核心互動功能 分成四個單元進行完整解說與實機示範。

🎙️

補充說明： 本系列教學影片的解說文稿與教學脈絡是由我精心規劃，並透過 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）、互動教材或網頁推播至學生平板。
• 小組便利貼牆：仿實體牆的卡片分組歸納、便簽拖曳分類與發表。
• 即時同步白板：支援多人即時共編或教師示範，極低延遲筆跡同步。
• 同步簡報：教師切換投影片頁面，學生畫面毫秒跟隨，精準掌控教學節奏。

🛠️ 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行指令佈署自己專用課堂互動平台

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

剛好學 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

1

下載程式並解壓縮

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

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

2

安裝 Node.js、註冊 Cloudflare 帳號

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

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

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

node -v

3

登入 Cloudflare

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

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

npx wrangler login

4

一行指令完成部署

接著輸入 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年台南科技教育週研習錄影及內容整理

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

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

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

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

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

步驟三：撰寫精準提示詞

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

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

步驟四：設定思考程度

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

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

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

步驟六：匯出與下載

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、英語與台語繪本

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

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

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

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

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

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

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

玖、單元八：Gemini 音樂創作

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

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

佈署說明

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

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

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

拾、研習結語與常見問題

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

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

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

結語

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