想不到吧?學生分享Netlify與恆春古調思想起

更新 發佈閱讀 6 分鐘

今天是2025年11月20日,星期四。今天可說是這個禮拜最精彩的一天。我到緯育TibaMe台北教室,帶著生成式AI專案管理班的學員一起玩AI。今天呢,我準備的菜色是 Make 平台,流程自動化的幾個場景,包含把 Gemini AI 以及 RSS 模組串進 Notion。也就是說,利用 RSS 做到自動接收所訂閱的資訊,將資訊拋給 Google 的 Gemini 去做摘要或翻譯,然後寫到 Notion 資料庫裡面。

此外,今天也幫大家更新 Notion 關聯資料庫技能,將場景設定在常見的任務管理上面,做到讓不同層級的任務之間,可以透過公式自動繼承參數,加速資料庫頁面的建置,這實作起來是很爽、很過癮的。尤其是讓學生們可以在實作中去真正理解,原來流程自動化不會太難,我們要把無聊的、重複的那些 Garbage work 都交給系統去自己做,自己只需要在辦公室翹腳髯嘴鬚,阿不是,是專注在工作的價值上,這真是一個非常療癒的過程耶!

上課到一半,Silvia 老師敲門送進來一大塊 CHIFFON 手工蛋糕,變成了今天最温暖的小插曲,剛好遇到班上有兩位壽星,詩昀和亭樺,就剛好可以一起分享那份甜蜜蜜的快樂,大家唱起生日快樂歌,教室外面有點冷,不過教室裡面很溫暖。我想,這個突如其來、沒有彩排的橋段,應該可以幫助本來不小心恍神的同學,重新回到聚精會神的狀態吧!

楊老師AI365 - 好用的Netlify

楊老師AI365 - 好用的Netlify

到了課程的最後一節課,我們聊到時下流行的 Vibe Coding。因為我自己也還在備課琢磨中,索性就邀請班上已經在 Netlift 有實作經驗的李杰同學跟大家分享。哇,他真的很強、很給力,直接拿起麥克風就左左右右、前前後後,帶著全班一步一步操作起來了。現場「杰哥~」「杰哥~」的歡呼聲此起彼落,將教室的氣氛再次拉到一個高潮。

雖然這班同學們幾乎都是程式小白,但靠著 Gemini 生成前端程式碼,再把 HTML、CSS、JS 部署到 Netlify,很快的,同學們陸續就成功做出人生第一個、可以上線、可以開 URL 給朋友看的網站。我看到,大家很興奮地分享自己的第一個作品、刷手機去看到剛剛寫好的頁面,大家應該都是很有成就感的。我非常感謝杰哥的無私分享,連我自己也學到很多。

講到這裡,我想今天就藉由這個機會,跟大家簡單科普一下,為什麼我們要選擇 Netlify?他到底是什麼東西呢?

Netlify 的神奇之處,就在於它把程式小白新手最害怕的「部署」變得像呼吸一樣簡單。你不需要懂什麼伺服器觀念、也不需要設定 SSL、不需要看一堆黑底白字的開發工具,只需要把 Gemini 或其他 AI 幫你生成的前端檔案丟給它,它就自動幫你準備好伺服器、幫你生成 HTTPS 網址、幫你優化速度、幫你處理所有底層的麻煩事。先不必管後端、也不必懂 DevOps,只需要專注在「你想做什麼應用」。

此外,Netlify 還可以透過內建的 Serverless Functions 去變成小型後端,未來你要串 Firebase、Supabase、MongoDB、PlanetScale,都可以透過 Netlify Functions 或 Edge Functions 去輕鬆完成。所以呢,我們今天可以先做出的一個簡單的Web應用作品雛形,然後,明天你可以再加上後端的資料庫,讓它逐漸長成一個「真的能動的小系統」。雖然這樣子的系統還有許多可以改善的地方,但是,這就是我想讓學生們親身體驗的。AI 幫大家先跨過一個「前端開發」的技術門檻,然後再用 Netlify 跨過「部署到雲端」這個門檻。當然他不是完美的,還有很多改善空間,但理解這個過程,有一個簡單的系統雛形之後,未來跟工程師們在溝通的時候,一定會變得很有效率。

要下課前,我眼睛喵到坐在第一排的品辰同學,好像有帶一支月琴來,應該是下課後還要去找地方練習,覺得這年輕人很特別,就索性慫恿他來彈唱一曲,作為今天的Happy Ending。全班瘋狂鼓起掌來,一向很帥氣的他,在這時候顯得有些靦腆,但仍是非常大方,沒什麼考慮就開始調音、到講台前自彈自唱起來。

你知道嗎?我望著身旁一個這麼年輕的男生彈唱起《恆春古調-思想枝》,真的非常的開心。我從來沒有想過,在生成式AI的學習氛圍中,居然會有這樣的一個插曲,科技與文化、AI 與聲音,好像很神奇的就融合在一起,變成一種非常獨特的味道。

今天真的非常開心,也藉由這個機會跟大家分享課堂中有趣的環節。送給一個觀念,我們可以用 AI 很簡單地就完成前端的網頁,把心中的想法實現,然後,再用 Netlify 平台的服務,最無痛的方式把作品推上線。

當這些工具變得越來越友善、門檻也越來越平坦,創作與實作的距離就只剩什麼呢?就是「你願不願意自己開始做」這件事了。楊老師希望我的課程,可以幫助到每一個人,都能勇敢跨出那一步。也希望在螢光幕前面的你,看到或聽到這些訊息,能夠自己試著動手做做看,今天就是最好的開始,我們一起努力。


留言
avatar-img
楊老師AI365 | 生成式AI職場應用
94會員
77內容數
歡迎來到楊老師的生成式AI沙龍!這裡輕鬆帶你掌握GenAI的基礎概念,透過生活化案例幫助你了解AI如何影響工作與創造價值。我也會分享多年教學與輔導經驗,帶你掌握AI國際認證的考試技巧與學習心法。更重要的是,從教育、美容、製造、銷售等百工百業出發,帶你一步步認識各行各業如何實際導入AI,成為這波數位轉型浪潮中的領航者!
2025/11/19
昨晚,Cloudflare全球性故障造成許多服務無法存取的事件。楊老師解釋Cloudflare提供DNS、CDN及資安服務,是網路的關鍵角色,其單點故障凸顯了「集中化風險」。為提升數位韌性,楊老師建議,重要資料備份,發生問題時保持冷靜並判斷故障範圍;在慌亂時警惕假冒官方的釣魚連結,避免帳號密碼被竊。
Thumbnail
2025/11/19
昨晚,Cloudflare全球性故障造成許多服務無法存取的事件。楊老師解釋Cloudflare提供DNS、CDN及資安服務,是網路的關鍵角色,其單點故障凸顯了「集中化風險」。為提升數位韌性,楊老師建議,重要資料備份,發生問題時保持冷靜並判斷故障範圍;在慌亂時警惕假冒官方的釣魚連結,避免帳號密碼被竊。
Thumbnail
2025/11/18
麥肯錫報告指出,汽車金融業營運成本高,可透過導入「AI代理」降低5%至8%的成本。介紹四種AI Agent應用場景:再行銷專員、客服專員、採購專員、動態定價高手。AI Agent能獨立思考、執行任務,涵蓋二手車處理、客戶服務與內部稽核、車輛生命週期價值評估,能做到超精準定價,協助企業提高效率與利潤。
Thumbnail
2025/11/18
麥肯錫報告指出,汽車金融業營運成本高,可透過導入「AI代理」降低5%至8%的成本。介紹四種AI Agent應用場景:再行銷專員、客服專員、採購專員、動態定價高手。AI Agent能獨立思考、執行任務,涵蓋二手車處理、客戶服務與內部稽核、車輛生命週期價值評估,能做到超精準定價,協助企業提高效率與利潤。
Thumbnail
2025/11/17
國安局於11月16日發出嚴重警告,要求公務機關禁用Deepseek、豆包、文心一言、通義千問、騰訊元寶等五款中國製AI工具。主要風險:違反資安檢測基準、要求存取機敏資訊,以及因中國《國家情報法》法律規範而產生的「結構性風險」,可能導致機敏資料回傳給情報機關。此外,模型在兩岸等敏感議題上存在嚴重偏頗。
Thumbnail
2025/11/17
國安局於11月16日發出嚴重警告,要求公務機關禁用Deepseek、豆包、文心一言、通義千問、騰訊元寶等五款中國製AI工具。主要風險:違反資安檢測基準、要求存取機敏資訊,以及因中國《國家情報法》法律規範而產生的「結構性風險」,可能導致機敏資料回傳給情報機關。此外,模型在兩岸等敏感議題上存在嚴重偏頗。
Thumbnail
看更多
你可能也想看
Thumbnail
你們在會場裡談AI、談創新、談部署,語言聽起來很厲害,但我想提醒你們:你們正在走上一條不歸路。 你們把希望寄託在參數上,以為只要模型夠強、資料夠多、部署夠快,就能解決所有問題。但你們忘了,AI不是只靠數字活著,它是靠語言與人性才能真正發揮作用。 你們說要「全員AI」,但你們有想過「全員語言責任」..
Thumbnail
你們在會場裡談AI、談創新、談部署,語言聽起來很厲害,但我想提醒你們:你們正在走上一條不歸路。 你們把希望寄託在參數上,以為只要模型夠強、資料夠多、部署夠快,就能解決所有問題。但你們忘了,AI不是只靠數字活著,它是靠語言與人性才能真正發揮作用。 你們說要「全員AI」,但你們有想過「全員語言責任」..
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
當強大的 AI 能被用於設計勒索軟體,這不再是單純的技術新聞,而是對每一位創作者的靈魂拷問。我們手中這足以點石成金的偉大力量,其另一面是否必然通往毀滅?本文將以 Claude Code 的濫用為起點,深入探討在這場由 AI 引領的創作革命中,我們身為「數位煉金術士」,無可迴避的道德困境與責任邊界。
Thumbnail
當強大的 AI 能被用於設計勒索軟體,這不再是單純的技術新聞,而是對每一位創作者的靈魂拷問。我們手中這足以點石成金的偉大力量,其另一面是否必然通往毀滅?本文將以 Claude Code 的濫用為起點,深入探討在這場由 AI 引領的創作革命中,我們身為「數位煉金術士」,無可迴避的道德困境與責任邊界。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
作者:Ben Tsai 日期:2025.7.31 前言: 幾乎所有發展AI大模型的世界級企業都聲稱要打造造福全人類且無害的AI。以OpenAI為例,其核心願景:「確保人工通用智慧(AGI: Artificial General Intelligence)造福全人類。公司致力於打造安全、值得信賴且
Thumbnail
作者:Ben Tsai 日期:2025.7.31 前言: 幾乎所有發展AI大模型的世界級企業都聲稱要打造造福全人類且無害的AI。以OpenAI為例,其核心願景:「確保人工通用智慧(AGI: Artificial General Intelligence)造福全人類。公司致力於打造安全、值得信賴且
Thumbnail
前一陣子寫了這篇文章,講了一些實際的做法 [AI素養]「教室裡的 AI 素養」:從 K-12 實踐到大學銜接的可行路徑 這篇文章來講一下我的想法與規劃 這次的規劃主要是受慧治基金會邀請在台北分享AI素養與揭露的議題,時間不長,只有25分鐘,所以我會擇要說明 以下是我的規畫圖 AI素養 從
Thumbnail
前一陣子寫了這篇文章,講了一些實際的做法 [AI素養]「教室裡的 AI 素養」:從 K-12 實踐到大學銜接的可行路徑 這篇文章來講一下我的想法與規劃 這次的規劃主要是受慧治基金會邀請在台北分享AI素養與揭露的議題,時間不長,只有25分鐘,所以我會擇要說明 以下是我的規畫圖 AI素養 從
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News