vocus logo

方格子 vocus

想不到吧?學生分享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職場應用
85會員
73內容數
歡迎來到楊老師的生成式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
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
別讓你的房子,變成家中最大的「閒置資產」 作為一名服務高淨值客戶的私人銀行顧問,我每天的任務只有一個:幫客戶「讓錢滾動」。然而,當我觀察身旁許多同樣育有子女的朋友們,即便他們多半已是職場上的中高階主管,表面上看似光鮮亮麗,有房有車;但實際上,大家都是典型的「夾心世代」。每個月薪水一入帳,扣掉沉重的
Thumbnail
別讓你的房子,變成家中最大的「閒置資產」 作為一名服務高淨值客戶的私人銀行顧問,我每天的任務只有一個:幫客戶「讓錢滾動」。然而,當我觀察身旁許多同樣育有子女的朋友們,即便他們多半已是職場上的中高階主管,表面上看似光鮮亮麗,有房有車;但實際上,大家都是典型的「夾心世代」。每個月薪水一入帳,扣掉沉重的
Thumbnail
當強大的 AI 能被用於設計勒索軟體,這不再是單純的技術新聞,而是對每一位創作者的靈魂拷問。我們手中這足以點石成金的偉大力量,其另一面是否必然通往毀滅?本文將以 Claude Code 的濫用為起點,深入探討在這場由 AI 引領的創作革命中,我們身為「數位煉金術士」,無可迴避的道德困境與責任邊界。
Thumbnail
當強大的 AI 能被用於設計勒索軟體,這不再是單純的技術新聞,而是對每一位創作者的靈魂拷問。我們手中這足以點石成金的偉大力量,其另一面是否必然通往毀滅?本文將以 Claude Code 的濫用為起點,深入探討在這場由 AI 引領的創作革命中,我們身為「數位煉金術士」,無可迴避的道德困境與責任邊界。
Thumbnail
你們在會場裡談AI、談創新、談部署,語言聽起來很厲害,但我想提醒你們:你們正在走上一條不歸路。 你們把希望寄託在參數上,以為只要模型夠強、資料夠多、部署夠快,就能解決所有問題。但你們忘了,AI不是只靠數字活著,它是靠語言與人性才能真正發揮作用。 你們說要「全員AI」,但你們有想過「全員語言責任」..
Thumbnail
你們在會場裡談AI、談創新、談部署,語言聽起來很厲害,但我想提醒你們:你們正在走上一條不歸路。 你們把希望寄託在參數上,以為只要模型夠強、資料夠多、部署夠快,就能解決所有問題。但你們忘了,AI不是只靠數字活著,它是靠語言與人性才能真正發揮作用。 你們說要「全員AI」,但你們有想過「全員語言責任」..
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素養 從
Thumbnail
本文探討過度依賴AI的潛在風險,將其比喻為掉入「AI黑洞」。文中分析了三種導致人們陷入AI黑洞的原因,並提出「洗衣機洗碗謬誤」的概念,說明AI並非萬能,不同任務需要不同的處理方法,並設計了一套「黑洞逃生指南」協助讀者自省及脫離困境,最後總結出人機合一模式,強調AI應作為思考的延伸,而非替代品。
Thumbnail
本文探討過度依賴AI的潛在風險,將其比喻為掉入「AI黑洞」。文中分析了三種導致人們陷入AI黑洞的原因,並提出「洗衣機洗碗謬誤」的概念,說明AI並非萬能,不同任務需要不同的處理方法,並設計了一套「黑洞逃生指南」協助讀者自省及脫離困境,最後總結出人機合一模式,強調AI應作為思考的延伸,而非替代品。
Thumbnail
Character.AI案引發的未成年自殺悲劇,凸顯AI生成內容的法律責任問題。本文從AI言論自由、平臺責任、科技中立、AI責任法等面向,探討此案對臺灣的啟示,並呼籲臺灣應及早立法,規範生成式AI平臺,以預防更多社會風險。
Thumbnail
Character.AI案引發的未成年自殺悲劇,凸顯AI生成內容的法律責任問題。本文從AI言論自由、平臺責任、科技中立、AI責任法等面向,探討此案對臺灣的啟示,並呼籲臺灣應及早立法,規範生成式AI平臺,以預防更多社會風險。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News