剛好學 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 幫我們省下重複的工。如果這篇對你備課或做教材有幫助，歡迎分享給需要的老師。過程中若遇到問題，也可以回來對照各單元的步驟逐一檢查。