準備材料：
八開圖畫紙
報紙（避免弄髒桌面）
黑色書面紙
剪刀、膠水
紅黃兩色壓克力或水彩顏料（壓克力比較不會褪色）
粗的水彩筆（至少16號以上或排筆）、調色盤、筆洗
圍裙（建議準備\，壓克力不好洗）
教學步驟：
1. 先在八開圖畫紙上輕輕刷過薄博清水比較好暈染
2. 告訴學生顏色變化：紅＋黃＝橘，邊說明邊用壓克力示範
3. 從最上面紅色刷起，越下面加入越多黃色，產生漸層
4. 完成後放在旁邊等乾的時間，可以帶小孩做剪影。
5. 剪影必備：島、棕櫚樹、飛鳥
學生作品
在第一線教學現場的我們，每天面對家長、學生、還有各種突如其來的需求，常常為了當一個「好老師」，不小心把熱情燃燒成了委屈。今天到教研中心得到的啟發，想送給每一位正在默默忍耐、一退再退的「我們」。
今天討論的是「邊界感」。
「邊界感」被侵犯時，很多時候當下並不覺得痛，但事後往往會有很多委屈跑出來。
其實「邊界感」是需要透過學習而來的。在國外，去人家家裡作客都需要預約，但臺灣傳統的熱情文化，往往覺得「預約」代表著「疏離」，也因此讓人常常被踩線而不自知。
我們從小被教導要熱情、要分享，他人有難就要幫忙、不要計較。我們太受困於「想要他人喜歡自己」的框架裡，導致長大之後，只要一選擇「拒絕」內心就會產生不安。在不自覺中被踩線的同時，他人也因為未曾被拒絕過，而變得予取予求。這一切，都顯示了我們多麼缺乏對「邊界感」的練習。
「與拒絕他人時的不安共處」是自己要練習的；
「學習每個人都有邊界」是他人要學習的。
這樣的磨合過程總會有代價，代價有大有小、有得有失。而在過程中所產生的不適感，也是在讓自己學會停下來思考：「我真正的目的是什麼？」 想清楚了，心裡也就會比較甘願一些。
最終我發覺到，「情緒」並非完全感性，它其實有一部分是非常理性的。既然如此，我們就可以透過轉念和認知調整去做改變。
練習去控制自己的想法念頭，讓自己真正「想通了」——這真的是一件很酷、也很有力量的事。
親愛的「我們」，劃清界線、適時說不，並不代表我們不熱愛教育，而是我們選擇用更健康的方式，好好保護自己的靈魂。下次感到不安時，抱抱自己，我們一起練習這堂叫做「邊界感」的課。
〖搭機去看世足〗
特色：以世足為主題進行沈浸式互動，讓學生透過場景和AI創作的人互動，把英語生活化。
流程：
開頭：一開始就是沈浸式場景
一、登機
選擇題：用英文問答
互動式配對連連看
三、買票：
選擇題：問答
三、會場看足球：和不認識的球迷聊天
克漏字
四、踢球
融入物理知識：香蕉球
瞄準和側旋來射門
五、教師端
老師可以看後台確認學生答對答錯率，了解學生哪個文本容易錯。
心得：
這是我驚艷的分享之一，我很喜歡這種沈浸式方式，讓學生能讀懂對話選擇正確的回答。相較於紙本選擇題更加生活化，讓英語能力接地氣。唯有一個比較困惑的是：不論選擇題還是克漏字，似乎都是選項多點幾次就能點到正確答案來過關，缺少防猜機制。
張崴耑老師真的是很促咪的AI大神，我被會產生「每日一字」、「小刀會」、「維士比」等音效的計時器迷住，而且這計時器還能增加到六個，因此組間分享時間結束後，我立刻詢問老師怎麼製作。
以下是筆記部分：
步驟一：準備音效素材並上傳至 pCloud
由於 AI 生成的網頁 HTML 檔本身檔案很小，無法將音樂直接「包」在網頁裡，而是採用外連（連結）的方式讀取聲音。因此，您需要一個能直接分享檔案真實網址的空間：
準備音效：自行尋找或錄製所需的鬧鐘音效 MP3 檔案。
上傳至 pCloud：將 MP3 檔案上傳至 pCloud 雲端硬碟。（張老師選擇 pCloud 是因為它買斷後可終身使用，且其網址特性可以直接被外連分享，避免像 Google 雲端硬碟或其他網路相簿常有抓不到真實檔案網址、導致 AI 無法讀取的問題）。
獲取真實音效網址：從 pCloud 取得該音效檔案的公開分享網址（結尾需為 .mp3 的真實網址）。
利用 AI（如 Gemini 或 ChatGPT）來編寫倒數計時器的程式網頁：
提供素材連結：將步驟一取得的 pCloud 音效網址餵給 AI，並告訴 AI：「請讀取這個連結的音樂作為鬧鐘音效」。
輸入功能指令：向 AI 提出功能需求，並透過對話逐步修改調整：
多組鬧鐘：要求在同一個畫面上可以同時出現多個鬧鐘（張老師設定上限為 6 個）。
同步按鈕：需要一個「同步按鈕」，按下後可以讓多個鬧鐘同步運作。
功能選單：設計選單與必要的控制按鈕。
聲音同步修正：若測試時發現某個鬧鐘響時另一個會斷音，需提醒 AI 修正為「聲音可以同時播放，彼此不干擾」。
當 AI 生成出符合需求的 HTML 程式碼後，將其轉換為網頁檔案：
複製程式碼：將 AI 產出的程式碼完整複製下來。
貼至記事本：在電腦中開啟一個全新的記事本（.txt 檔），將程式碼貼進去。
修改副檔名：儲存檔案後，將該文字檔的副檔名從 .txt 改為 .html。
本機測試：此時直接雙擊該 .html 檔案，電腦就會用瀏覽器將它開啟，即可直接在電腦上操作這個倒數計時器。
如果您希望這個倒數計時器不只在自己電腦上用，還能分享給別人使用：
上傳網頁檔：將做好的 .html 網頁檔案同樣上傳到 pCloud（或其他支援網頁發布的免費空間，如 Google Sites / Google Shape 等）。
分享連結：直接將該網頁的 pCloud 分享網址傳給其他人，大家點擊連結就能直接在線上執行這個特別音效倒數計時器了！
這次內容是在AI教育年會小組分享時，見到許凱琳老師a.k.a小葵神人的神技。我們在「語音備忘錄」前亂聊一通，結束後小葵神人把亂聊的逐字稿和Ｗord檔丟進Claude的Agent裡，不到幾分鐘的時間我們小組要繳的word檔就好了！真讓我大開眼界。因此第二次討論，我就主動提出錄下步驟的請求。
以下內容經過Gemini整理：
在動手操作前，必須先理解老師強調的最重要觀念：AI 的產出品質，取決於你給它的「思考脈絡」而非單純的指令。
什麼是脈絡？ 以「雞兔同籠」數學題為例，網頁中的第一關、第二關、第三關、第四關，這種引導學生循序漸進理解的教學邏輯與步驟，就是脈絡。
為什麼脈絡重要？ 老師們擁有豐富的教學現場經驗，知道學生在哪裡容易卡關（迷思概念）。如果直接叫 AI 寫一個網頁，它只會給出非常陽春、空洞的產品（如一般的計算機）；但如果將你的教學脈絡輸入給 AI，它就能精準生成符合教學需求的互動引導教材。
在將任務完全交給 Agent 自動化之前，建議新手先使用 Gemini (Canvas) 等口語化 AI 工具進行「原型設計」，體驗人機互動的邏輯。
將你現有的教學手冊、課本內容、或一整份 PDF 教學手冊 準備好。
專業心法： 老師的專業資產（教學手冊）非常珍貴，將其作為 AI 的輸入源，能讓產出高度聚焦。
不要一開始就叫 AI 寫網頁。先對 Gemini 發出以下指令，請它協助梳理教學邏輯：
💡 新手實戰對話範本：
「我目前有一份國小高年級的數學教學手冊。在進入互動網頁設計前，請先幫我整理：在這個學習階段，學生遇到這個單元（如：雞兔同籠/速率）時，常見的迷思概念有哪些？以及必須學會的核心概念有哪些？」
當 AI 幫你釐清邏輯後，即可將學校或團隊設定好的「問題定義單」丟給 AI，並下達具體需求：
指令重點： 格式指定為 HTML 輸出，內容需符合剛剛定義的教學脈絡。
產出結果： AI 會根據指令，生成第一版的互動式遊戲網頁（例如：利用圖形、卡片替換的方式，讓學生點選「增加一隻雞」或「減少一隻兔子」，觀察腳總數的變化，進而發現數學規律）。
當你確認了初版網頁的「教學脈絡」可行後，進階的 Claude (或 CodeX) 等付費/進階 Agent 工具，就能幫你省去繁瑣的文書與編碼工作，甚至打通前後台。
[ 老師輸入口語化需求 ] ──> [ AI Agent 自動執行 ] ──> [ 自動上架部署至 GitHub ]
設定不打擾模式： 訓練你的 Agent「不要一直問問題，直接把事情做好並上架」。
上傳指令與文件： 將問題定義單、PDF 教學檔，以及你剛剛在 Gemini 測試成功的脈絡直接提供給 Agent。
串接 GitHub（前端）： 指令 Agent 自動將生成好的網頁代碼上架、部署到你的 GitHub Pages 網路端，這樣網址就直接建置完成了。
串接 Supabase（後端資料庫）： 為了即時掌握學生的學習狀況，開啟 Supabase 後台權限給 Agent，讓它幫你把學生的操作數據（例如在第幾關卡關、座號、班級）即時回傳到後台資料庫。
註：錄音中提到，若 Supabase 超過一週沒使用可能會暫停，記得重新登入激活即可。
如果網頁執行時出現錯誤（例如字體跑掉、邏輯出錯、或是功能失效），請直接截圖，將圖片丟給 Agent，並對它說：
「這裡執行出錯了，請對照原本的問題定義單，幫我把網頁修改成正確的邏輯。」
（Agent 會自動判讀圖片並修正網頁，完全不需手動改代碼。）
透過 Agent 的強大能力，你可以讓它自動完成所有繁瑣的 Paperwork（行政與教學表單）。
將官方要求的成果表單（Word 檔、觀課記錄等）丟給 Agent，它會根據你們昨晚開會的錄音檔（或逐字稿），自動將「交流重點筆記」、「問題調整與解決方案」填入對應的表格中，完全符合格式要求。
客製化後台格式： 指定班級座號格式（例如：601XX），方便後台數據撈取。
動態獎勵機制： 根據學生的破關記錄，除了讓老師下載關卡記錄外，也可以請 Agent 設計一個「自動生成獎狀/成就感勳章」的功能，提高學生的學習動機。
建議新手，暑假是很好的充電期，可以先投資一個月試用付費工具，包準能大幅提升未來的工作效率：
| 工具名稱 | 特性與建議 | 新手適用度 |
| Claude (Paid) | 目前最聰明、做事最令人放心的 Agent。處理複雜任務、前後台串接最精準。 | ⭐⭐⭐⭐⭐ (極推) |
| CodeX | 代碼與網頁開發能力優秀，目前有提供免費試用一個月，適合跟著教學影片（如 30_Days 頻道）一步步操作。 | ⭐⭐⭐⭐ |
| Gemini (Canvas) | 最適合前期的口語溝通、邏輯梳理與概念生成。 | ⭐⭐⭐⭐⭐ (新手起手式) |
| Anti-Gravity | 適合處理簡單的重複性任務（如：整理電腦檔案），複雜的填表或寫網頁容易亂填，不建議交給它。 | ⭐⭐ |
使用 Agent 的最高境界不是盲目依從，而是「你教它做事，它也教你怎麼做」。在請 Agent 幫你上傳 GitHub 或串接資料庫時，多加一句：「請不要只是幫我做，還要一邊教我你是怎麼做的。」 如此一來，你不但能快速產出高品質的互動教材，你自己的 AI 素養與數位教學轉型能力也會隨之突飛猛進！