【教研中心】對別人的貼心，最後成了委屈：談談「邊界感」

 

〈對別人的貼心，最後成了委屈：談談「邊界感」〉

在第一線教學現場的我們，每天面對家長、學生、還有各種突如其來的需求，常常為了當一個「好老師」，不小心把熱情燃燒成了委屈。今天到教研中心得到的啟發，想送給每一位正在默默忍耐、一退再退的「我們」。

今天討論的是「邊界感」。

「邊界感」被侵犯時，很多時候當下並不覺得痛，但事後往往會有很多委屈跑出來。

其實「邊界感」是需要透過學習而來的。在國外，去人家家裡作客都需要預約，但臺灣傳統的熱情文化，往往覺得「預約」代表著「疏離」，也因此讓人常常被踩線而不自知。

我們從小被教導要熱情、要分享，他人有難就要幫忙、不要計較。我們太受困於「想要他人喜歡自己」的框架裡，導致長大之後，只要一選擇「拒絕」內心就會產生不安。在不自覺中被踩線的同時，他人也因為未曾被拒絕過，而變得予取予求。這一切，都顯示了我們多麼缺乏對「邊界感」的練習。

「與拒絕他人時的不安共處」是自己要練習的； 

「學習每個人都有邊界」是他人要學習的。

這樣的磨合過程總會有代價，代價有大有小、有得有失。而在過程中所產生的不適感，也是在讓自己學會停下來思考：「我真正的目的是什麼？」 想清楚了，心裡也就會比較甘願一些。

最終我發覺到，「情緒」並非完全感性，它其實有一部分是非常理性的。既然如此，我們就可以透過轉念和認知調整去做改變。

練習去控制自己的想法念頭，讓自己真正「想通了」——這真的是一件很酷、也很有力量的事。

親愛的夥伴，劃清界線、適時說不，並不代表我們不熱愛教育了，而是我們選擇用更健康的方式，好好保護自己的靈魂。下次感到不安時，抱抱自己，我們一起練習這堂叫做「邊界感」的課。

【115.7.5 AI教育年會day3 優良教案分享】〈搭機去看世足〉

 

〖搭機去看世足〗

特色：以世足為主題進行沈浸式互動，讓學生透過場景和AI創作的人互動，把英語生活化。 

流程：

開頭：一開始就是沈浸式場景

一、登機

二、完畢，搭計程車

        選擇題：用英文問答

        互動式配對連連看

三、買票：

        選擇題：問答

三、會場看足球：和不認識的球迷聊天

        克漏字

      

     

 四、踢球

        融入物理知識：香蕉球

        瞄準和側旋來射門

五、教師端

        老師可以看後台確認學生答對答錯率，了解學生哪個文本容易錯。

心得：

        這是我驚艷的分享之一，我很喜歡這種沈浸式方式，讓學生能讀懂對話選擇正確的回答。相較於紙本選擇題更加生活化，讓英語能力接地氣。唯有一個比較困惑的是：不論選擇題還是克漏字，似乎都是選項多點幾次就能點到正確答案來過關，缺少防猜機制。

搭機去看世足分享

【115.7.5 AI教育年會 day3】崴耑老師請教特殊音效的倒數計時器製作

 

張崴耑老師真的是很促咪的AI大神，我被會產生「每日一字」、「小刀會」、「維士比」等音效的計時器迷住，而且這計時器還能增加到六個，因此組間分享時間結束後，我立刻詢問老師怎麼製作。

計時器的介面

以下是筆記部分：

步驟一：準備音效素材並上傳至 pCloud

由於 AI 生成的網頁 HTML 檔本身檔案很小，無法將音樂直接「包」在網頁裡，而是採用外連（連結）的方式讀取聲音。因此，您需要一個能直接分享檔案真實網址的空間：

1. 準備音效：自行尋找或錄製所需的鬧鐘音效 MP3 檔案。

2. 上傳至 pCloud：將 MP3 檔案上傳至 pCloud 雲端硬碟。（張老師選擇 pCloud 是因為它買斷後可終身使用，且其網址特性可以直接被外連分享，避免像 Google 雲端硬碟或其他網路相簿常有抓不到真實檔案網址、導致 AI 無法讀取的問題）。

3. 獲取真實音效網址：從 pCloud 取得該音效檔案的公開分享網址（結尾需為 .mp3 的真實網址）。

步驟二：與 AI 協作生成程式碼

利用 AI（如 Gemini 或 ChatGPT）來編寫倒數計時器的程式網頁：

1. 提供素材連結：將步驟一取得的 pCloud 音效網址餵給 AI，並告訴 AI：「請讀取這個連結的音樂作為鬧鐘音效」。

2. 輸入功能指令：向 AI 提出功能需求，並透過對話逐步修改調整：

   • 多組鬧鐘：要求在同一個畫面上可以同時出現多個鬧鐘（張老師設定上限為 6 個）。

   • 同步按鈕：需要一個「同步按鈕」，按下後可以讓多個鬧鐘同步運作。

   • 功能選單：設計選單與必要的控制按鈕。

   • 聲音同步修正：若測試時發現某個鬧鐘響時另一個會斷音，需提醒 AI 修正為「聲音可以同時播放，彼此不干擾」。

步驟三：打包程式碼並建立網頁檔

當 AI 生成出符合需求的 HTML 程式碼後，將其轉換為網頁檔案：

1. 複製程式碼：將 AI 產出的程式碼完整複製下來。

2. 貼至記事本：在電腦中開啟一個全新的記事本（.txt 檔），將程式碼貼進去。

3. 修改副檔名：儲存檔案後，將該文字檔的副檔名從 .txt 改為 .html。

4. 本機測試：此時直接雙擊該 .html 檔案，電腦就會用瀏覽器將它開啟，即可直接在電腦上操作這個倒數計時器。

步驟四：發布網頁至網路空間（選填）

如果您希望這個倒數計時器不只在自己電腦上用，還能分享給別人使用：

1. 上傳網頁檔：將做好的 .html 網頁檔案同樣上傳到 pCloud（或其他支援網頁發布的免費空間，如 Google Sites / Google Shape 等）。

2. 分享連結：直接將該網頁的 pCloud 分享網址傳給其他人，大家點擊連結就能直接在線上執行這個特別音效倒數計時器了！

計時器分享連結：計時器分享

【115.7.4 AI教育年會小組討論】🤖 AI Agent 實戰新手教學使用說明書

先放一張小葵老師教學合照當封面。

這次內容是在AI教育年會小組分享時，見到許凱琳老師a.k.a小葵神人的神技。我們在「語音備忘錄」前亂聊一通，結束後小葵神人把亂聊的逐字稿和Ｗord檔丟進Claude的Agent裡，不到幾分鐘的時間我們小組要繳的word檔就好了！真讓我大開眼界。因此第二次討論，我就主動提出錄下步驟的請求。

以下內容經過Gemini整理： 

💡 核心觀念：什麼是「思考脈絡（Context/Logic）」？

在動手操作前，必須先理解老師強調的最重要觀念：AI 的產出品質，取決於你給它的「思考脈絡」而非單純的指令。

• 什麼是脈絡？ 以「雞兔同籠」數學題為例，網頁中的第一關、第二關、第三關、第四關，這種引導學生循序漸進理解的教學邏輯與步驟，就是脈絡。

• 為什麼脈絡重要？ 老師們擁有豐富的教學現場經驗，知道學生在哪裡容易卡關（迷思概念）。如果直接叫 AI 寫一個網頁，它只會給出非常陽春、空洞的產品（如一般的計算機）；但如果將你的教學脈絡輸入給 AI，它就能精準生成符合教學需求的互動引導教材。

🛠️ 第一階段：親手體驗與 Gemini 的前期溝通

在將任務完全交給 Agent 自動化之前，建議新手先使用 Gemini (Canvas) 等口語化 AI 工具進行「原型設計」，體驗人機互動的邏輯。

【步驟一】準備基礎教學資料

將你現有的教學手冊、課本內容、或一整份 PDF 教學手冊 準備好。

專業心法： 老師的專業資產（教學手冊）非常珍貴，將其作為 AI 的輸入源，能讓產出高度聚焦。

【步驟二】初步分析與迷思概念整理

不要一開始就叫 AI 寫網頁。先對 Gemini 發出以下指令，請它協助梳理教學邏輯：

💡 新手實戰對話範本：

「我目前有一份國小高年級的數學教學手冊。在進入互動網頁設計前，請先幫我整理：在這個學習階段，學生遇到這個單元（如：雞兔同籠/速率）時，常見的迷思概念有哪些？以及必須學會的核心概念有哪些？」

【步驟三】匯入「問題定義單」生成初版網頁

當 AI 幫你釐清邏輯後，即可將學校或團隊設定好的「問題定義單」丟給 AI，並下達具體需求：

• 指令重點： 格式指定為 HTML 輸出，內容需符合剛剛定義的教學脈絡。

• 產出結果： AI 會根據指令，生成第一版的互動式遊戲網頁（例如：利用圖形、卡片替換的方式，讓學生點選「增加一隻雞」或「減少一隻兔子」，觀察腳總數的變化，進而發現數學規律）。

🚀 第二階段：進階自動化——交給進階 Agent（如 Claude）

當你確認了初版網頁的「教學脈絡」可行後，進階的 Claude (或 CodeX) 等付費/進階 Agent 工具，就能幫你省去繁瑣的文書與編碼工作，甚至打通前後台。

[ 老師輸入口語化需求 ] ──> [ AI Agent 自動執行 ] ──> [ 自動上架部署至 GitHub ]

【核心操作流程】

1. 設定不打擾模式： 訓練你的 Agent「不要一直問問題，直接把事情做好並上架」。

2. 上傳指令與文件： 將問題定義單、PDF 教學檔，以及你剛剛在 Gemini 測試成功的脈絡直接提供給 Agent。

3. 串接 GitHub（前端）： 指令 Agent 自動將生成好的網頁代碼上架、部署到你的 GitHub Pages 網路端，這樣網址就直接建置完成了。

4. 串接 Supabase（後端資料庫）： 為了即時掌握學生的學習狀況，開啟 Supabase 後台權限給 Agent，讓它幫你把學生的操作數據（例如在第幾關卡關、座號、班級）即時回傳到後台資料庫。

   • 註：錄音中提到，若 Supabase 超過一週沒使用可能會暫停，記得重新登入激活即可。

【人機協同：如何修正錯誤？】

如果網頁執行時出現錯誤（例如字體跑掉、邏輯出錯、或是功能失效），請直接截圖，將圖片丟給 Agent，並對它說：

「這裡執行出錯了，請對照原本的問題定義單，幫我把網頁修改成正確的邏輯。」

（Agent 會自動判讀圖片並修正網頁，完全不需手動改代碼。）

📝 第三階段：產出與優化（成果盤點）

透過 Agent 的強大能力，你可以讓它自動完成所有繁瑣的 Paperwork（行政與教學表單）。

📊 Day 2 / Day 3 表單自動填寫

將官方要求的成果表單（Word 檔、觀課記錄等）丟給 Agent，它會根據你們昨晚開會的錄音檔（或逐字稿），自動將「交流重點筆記」、「問題調整與解決方案」填入對應的表格中，完全符合格式要求。

🏆 學生端的有感優化

• 客製化後台格式： 指定班級座號格式（例如：601XX），方便後台數據撈取。

• 動態獎勵機制： 根據學生的破關記錄，除了讓老師下載關卡記錄外，也可以請 Agent 設計一個「自動生成獎狀/成就感勳章」的功能，提高學生的學習動機。

🛠️ 常見 AI 工具特性與選擇指南（老師私房心得）

建議新手，暑假是很好的充電期，可以先投資一個月試用付費工具，包準能大幅提升未來的工作效率：

工具名稱	特性與建議	新手適用度
Claude (Paid)	目前最聰明、做事最令人放心的 Agent。處理複雜任務、前後台串接最精準。	⭐⭐⭐⭐⭐ (極推)
CodeX	代碼與網頁開發能力優秀，目前有提供免費試用一個月，適合跟著教學影片（如 30_Days 頻道）一步步操作。	⭐⭐⭐⭐
Gemini (Canvas)	最適合前期的口語溝通、邏輯梳理與概念生成。	⭐⭐⭐⭐⭐ (新手起手式)
Anti-Gravity	適合處理簡單的重複性任務（如：整理電腦檔案），複雜的填表或寫網頁容易亂填，不建議交給它。	⭐⭐

🎯 新手結語：把 AI 當成一個「聰明的人」

使用 Agent 的最高境界不是盲目依從，而是「你教它做事，它也教你怎麼做」。在請 Agent 幫你上傳 GitHub 或串接資料庫時，多加一句：「請不要只是幫我做，還要一邊教我你是怎麼做的。」 如此一來，你不但能快速產出高品質的互動教材，你自己的 AI 素養與數位教學轉型能力也會隨之突飛猛進！

【115.7.4 AI教育年會day2 】校園美感詠唱師：AI驅動的設計思考實驗室

• 主題： 《校園美感詠唱師：AI 驅動的設計思考實驗室》

• 講師/單位： 北大高中 劉卉庭｜吳俐璇

• 心態轉折：

1. 初始心態： 傾向排斥在美術課引入 AI，認為應著重於學生「手繪能力」的發揮。
2. 關鍵轉變： 觀察到學生私下使用 AI 的作品不夠理想，意識到消極禁止不如積極主導。
3. 最終初衷： 決定轉為正面引導，在課堂中教導學生「正確且理想地使用 AI」。

一、 現狀分析與過去痛點

1. 教學背景與實施對象

• 於 114 學年度（2025年） 開始實施。

• 由於該校美術課屬於「對開」性質（上學期為高一美術課、下學期為高二美術課），因此講師分別在高一與高二兩個年段的學生中都有操作此套課程。

2. 過去三大教學迷思/偏限（高一學生盲點實例）

在測試階段，若老師沒有給予太多引導、讓學生自由發想時，會暴露出以下問題：

• 單一視角與表達工具的侷限：

  • 手繪或 3D 建模技術門檻過高，導致提案退縮回陽春、僅滿足自身的功能修補。

  • 學生思考無法深入，面對校園環境無法提出具體的更改方式。

• 美感的習得性無助（缺乏美學「詞彙庫」）：

  • 長期處於標準化景觀中，認為美感是額外且昂貴的負擔。

  • 缺乏美學形容詞（如：不知道什麼是包浩斯風格、不曉得各式主義的風格、色調與色彩），寫出的 AI 指令極其簡陋、單一。

• AI 工具定位的迷思（缺乏主導 AI 的能力）：

  • 學生將 AI 視為單純的「一鍵代筆」工具。

  • 學生下達指令後（例如：「我覺得這邊很醜，AI 可以怎麼改？」），對 AI 生成的結果會全盤接收，流於表面生成，不會去反思或主導。

3. 過去學生的簡陋作品範例

• 缺乏「設計思考」的案例（高一生物多樣性草地）：

  • 學生針對學校後方大片草地，下達了簡單的指令「生物的多樣性」。

  • AI 直接生成出極不合理、宛如「動物園」般的照片（甚至包含長頸鹿、貓熊、浣熊等）。學生雖覺得有趣，但完全不符合校園實際邏輯。

• 缺乏美學「詞彙庫」的案例（走廊傘架與洗手台）：

  • 教室外缺乏傘架空間，學生用 ChatGPT 生成的指令僅為「希望在教室外面多一個傘架」。

  • 生成出功能性重疊、密密麻麻且毫無美感邏輯的多個傘架畫面。

  • 走廊轉角防護網在雨天（新北市常下雨）容易濕滑導致滑倒，以及洗手台過小問題，學生的解決方案皆流於直覺式地「將屋簷延長」、「將洗手台放大」，缺乏整體美感。

二、 設計中的創新與獨特想法

核心概念：設計思考 5 步驟

課程融入經典的設計思考五大階段（特別強調前三個階段：同理、定義、發想）：

1. Empathize (同理思考)： 必須站在使用者的角度思考。

2. Define (需求定義)： 定義出清楚的問題，才能解決目前的困境。

3. Ideate (創意發想)

4. Prototype (模型設計)

5. Test (模擬測試)

   
   
   

三、 STEP 1 & 2. 實務操作演進與 AI 詠唱引導

1. 同理階段：打破「學生本位」的盲區

• 過去盲點： 學生寫討論板（使用 Canva 或 Padlet 等數位便利貼）時，如果沒有老師引導，往往只會寫「教室很亮」、「那個人怎麼樣」等非常淺層的學生本位觀察。

  
  
  
  

• 延伸思考： 引導學生思考校園內其實存在很多不同角色，例如：每天送營養午餐的中央廚房廚工（可能面臨電梯不足、等電梯很久的問題）、家長、或是學校老師。

2. 創新同理模式：利用 AI 進行「辯證式多角色扮演」

為了增加同理心與感官深度，講師設計了 Prompt 1（同理心階段指令）：

• 操作方式： 先讓學生進行小組討論，並給予一個 Prompt 架構與 AI 對話，藉此激盪出學生沒想到的環境死角與他人觀點。

• 新版指令（Prompt 1）結構：

  「我正在進行校園改造計畫，目前處於設計思考的『同理心』階段。請針對附件照片中的**『地點/時段/天氣（例如：下雨過後濕滑的午後）』，扮演一位『具體背景的校園角色（例如：受傷的學生、或懷孕八個月的女教師）』**。請你以極度挑剔、對環境極其敏感的眼光審視這張照片，指出你在這個環境中可能會碰到的生涯障礙、心理壓力或行為不便，並以條列式清單呈現。」

• 防呆限制： 規定學生不能直接將 AI 生成的長篇大論「複製貼上」到討論板，必須看完後自己「精簡標題」，老師會下組與學生一組組討論，確保學生有內化。

3. 定義與發想階段：豐富學生的「美學詞彙庫」

為了解決學生缺乏美感名詞的問題，講師設計了 Prompt 2（風格定義與發想指令）：

• 操作方式： 學生先輸入「特定改造地點（如：色彩雜亂的美術教室外）」與「自己期望的基礎氣氛（如：溫馨、暖色調/冷色調）」。

• 新版指令（Prompt 2）功能：

  • 請 Gemini / AI 根據現狀照片分析當前的視覺問題。

  • 請 AI 提供更精準、進階的「美學關鍵字」與「藝術風格」。

  • 學生必須逐一去查詢這些美學名詞與藝術風格的真實含意，擴充自身的美學素養，未來在居家改造或職涯上都能有所運用。

4. 詠唱終章：結合「手繪基礎」與「AI 圖像生成」

• 美感詠唱終極指令： 結合前面獲得的「環境痛點解決方案」與「精準美學關鍵字」，下達給 AI 進行最終的 Before / After 空間改造模擬。

• 維持結構限制（不可盲目生成）： 講師提醒學生「空間的建築架構基本上是不能動的」（因為學校不可能拆掉重蓋），學生能動的是「裝潢、燈光改善、收納空間、視覺美化」的部分，以確保改造具備「可行性」。

• ✨ 講師的堅持——加入「手繪圖」防線：

  講師不希望學生完全放棄畫畫，因此在請 AI 生成最終圖片前，強制要求學生必須先根據想像畫出「手繪立體圖/架構圖」（能畫多少是多少，盡量呈現立體感），嚴格禁止先生成圖片再照著畫的投機行為。最後才用手繪架構搭配 AI 詠唱生成，落實美感落地。

四、 課程成效、時間規劃與成果發表

1. 六週單元課程規劃表（每週 2 堂課，共 6 週）

• 第 1 週：引導與感受

  講師利用「學美．美學」校園美感改造計畫的全國徵件網站作為教材，讓學生討論「為什麼校園美感改造很重要？」、「美感為何重要？」，建立學生的同理心與感受。

• 第 2 週：個人練習與小組分組

• 第 3 ~ 5 週：小組數位共創與手繪/AI 生成

  利用 Canva 的白板共創功能進行小組線上共創（學生登入校務行政帳號進行公屏協作），逐步完成「同理、發想、手繪架構、AI 生成」的討論板。

• 第 6 週：成果發表與展現

  
  
  

2. 最終成果發表形式

• 線上學習歷程： 學生五人一組，每組選擇三個校園地點進行改造，將反思簡報、Canva 討論板等成果製作成網頁（如 Google 協作平台）。

• 實體海報展演： 將改造前（Before）與 AI 改造後（After）的對比圖，製作成 A3 尺寸的實體展延海報，直接張貼在該改造地點的校園牆面外，讓全校師生能直觀對比與感受空間的可能性。

  
  
  
  
  
  
  

3. 學生反思與問卷反饋

根據講師對普通班學生的問卷調查顯示：

• 手繪能力的限制： 絕大多數普通班學生（非美術班）自評手繪能力都在「中後階」，畫出建築 3D 渲染圖對他們而言是巨大障礙（過去常卡在「老師我立體感不會畫」而放棄）。

  
  
  

• AI 帶來的跨越： 大部分學生高度認同「AI 能協助呈現比自己手繪更好的效果」，成功跨越了手繪技術的限制，讓普通班學生也能天馬行空地實踐校園美感的創意發想。

五、 研習現場 QA 問答紀錄

Q1：你們班級分組討論的「討論板」，具體是用什麼軟體工具操作？

• 講師回覆： 全程都是使用 Canva。我會在 Canva 裡面開一個「白板（Whiteboard）」功能的專案，並將討論板的共編連結分享到 Google Classroom 中。學生用新北市的校務行政帳號登入即可進行即時共編，老師在後台也能一目了然各組的編輯進度。

Q2：現場老師回饋與分享

• 聽眾老師 A： 過去我們給學生的指令往往不夠清楚，學生很難精準操作。今天卉庭老師分享的 Prompt 範例方向非常明確，有非常具體的「角色與環境設定限制」，能讓學生有條理地依循。而且這個課程核心從「同理心」出發，最後落實到校園公共環境的「利他精神」，非常符合核心素養的體現。

Q3：我想請問講師，如果我今天想要對我自己「家裡的某個空間（例如：廚房、曬衣空間）」進行美感改造，我也想用這套方法，那我應該從哪裡開始入門與處理？

講師回覆： 如果是改造自己的家，前兩個步驟（同理與定義階段）就可以直接略過，因為使用者就是你自己，不需要再去模擬別人的痛點了。

建議你直接從「第二部分：美學關鍵字發想」開始入手：

1. 拍照上傳你家想要改造的空間（如：廚房或曬衣場）。

2. 告訴 AI 這是什麼地點，並輸入你「期望的基礎氛圍」（例如：希望乾淨整齊、或者希望很溫馨）。

3. 讓 AI 幫你診斷目前的視覺問題，並為你吐出專業的「美學關鍵字與推薦風格」，你再從中挑選喜歡的方向進行詠唱生成即可。

心得：

          這場分享最棒的是，透過引導學生站在他人立場換位思考，真正落實了貼近生活的「利他」精神；而且研習中分享的「美學關鍵字」方法真的很實用，之後想動手整理家裡或規劃空間時，可以直接把它當成超好入門的改造敲門磚，同時也非常適合複製到我們自己的教室收納與空間整理上，感覺之後自己帶班也能用這個方式，把班級環境整理得更有美感又有效率。