Vibe Coding × Lovable ×自由行規劃
直播課程

Vibe Coding × Lovable ×自由行規劃

別再配合旅行 App,用 AI 打造真正配合你的專屬旅行工具。

#Lovable #Vibe Coding #AI旅行工具 #自由行規劃 #旅行App #Web App #AI網頁開發 #行程規劃
NT$1,500 NT$3,000
優惠價

課程資訊

課程時數

2 小時

課程堂數

共 1 堂

開課日期

2026/11/27(五)

結束日期

2026/11/27

上課時間

19:30 ~ 21:30

講師引言

「自由行明明是去放鬆,排行程卻常常像在做專案。」

景點存在 Google Maps、住宿資訊散落在 Email,朋友推薦的店家丟在 LINE 群組,到了旅行途中還得不停往上翻訊息找資料。

如果現成的旅行 App 不完全符合你的需求,現在你可以試著做一個自己的。

透過 Vibe Coding × Lovable,不需要先學會複雜的程式語法,只要練習把需求說清楚,就能與 AI 一起把腦中的想法逐步做成真正能操作的網頁工具。

 

為什麼要學?

「想要一個符合自己習慣的旅行工具,卻不知道怎麼開始?」

排行程時,總要在地圖、筆記與聊天訊息之間來回切換。你知道自己想要哪些功能,卻不知道如何整理成 AI 能理解的指令。

「AI 做出來了,版面與功能卻和想像不一樣?」

這堂課會帶你拆解需求、調整提示詞,並練習找出問題與驗收成果,建立「開發 → 驗收 → 修正」的協作流程。

「工具做好之後,怎麼讓手機開啟、分享給旅伴?」

從旅行日期、每日行程與景點清單開始,學習發布網址與手機測試,讓作品逐步走向實際使用。

 

課程目標

1. 把旅行想法整理成開發需求
從使用情境與痛點出發,列出功能清單,決定第一版先完成哪些內容。

2. 學會 Lovable 操作與提示詞撰寫
認識專案介面、預覽與版本紀錄,練習說清楚目標、功能、畫面與限制条件。

3. 建立旅行日期與每日景點清單
跟著實作旅行日期設定、景點新增與排序,逐步建立旅行工具雛形。

4. 練習調整版面、修正與驗收功能
學習修改版面與操作按鈕,遇到問題時,知道如何定位問題與調整指令。

5. 學習發布網址與手機測試
了解如何發布工具、取得分享網址,並檢查手機畫面與操作是否正常。

6. 認識分帳與多人共用的延伸方式
觀看老師進階示範費用分攤與共用權限設定,作為課後擴充功能的參考。

以一個旅行案例,走過需求規劃、工具實作到發布分享的完整流程。

誰適合學?

・喜歡自由行的旅行愛好者:希望打造符合自己習慣的行程工具,並了解分帳與旅伴共用的延伸方式。

・想把生活或工作想法做成工具的職場工作者:沒有工程背景,也希望透過 AI 實作自己的小工具。

・需要快速驗證想法的產品企劃、行銷與行政人員:希望把需求做成可操作的原型,更具體地展示與溝通想法。

・想進一步活用 AI 的使用者:已使用過 AI 工具,希望從文字問答跨進網頁應用開發。

如果你有明確的需求,卻不知道如何開始,這堂課將帶你練習把想法整理成 AI 能理解的指令,逐步建立自己的旅行工具。

 

課程優勢

1. 一個旅行案例,走完構想到上線
以自由行旅行工具貫穿全程,完整示範需求整理、開發、修改與發布,讓學習更有方向。

2. 學會需求拆解,延伸更多生活想法
著重功能規劃、提示詞撰寫與除錯思路,建立可運用於其他生活或工作工具的開發方法。

3. 系統觀念,用白話理解
以生活化的方式說明前端、資料庫與部署,幫助非工程背景的學員理解工具如何運作。

4. 進階功能示範,提供課後擴充方向
由老師示範分帳計算與多人共用權限,說明常見難點與修正方式,作為課後練習參考。

5. 線上直播互動,疑問現場交流
課程最後保留 Q&A,讓學員針對課堂內容與操作疑問向老師提問。

關於師資

Joy 老師

擁有 12 年營運規劃經驗的 Joy 老師,歷經電信/通訊、電商與零售產業,曾任營運主管、數據分析主管與內部訓練講師。從規劃流程、分析資料,到帶領同仁理解與執行,

現任數位簡報室營運總監,專注於 AI 導入與規劃、AI 影像生成製作、簡報邏輯與設計,以及 AI 生產力工具協作應用。

  • 營運規劃的視角:從使用情境與實際需求出發,思考工具需要哪些功能。
  • 數據分析的思維:重視邏輯與驗收,帶你檢查 AI 產出的功能是否符合預期。
  • 內部訓練的經驗:將需求拆解、提示詞與開發流程,整理成循序理解的教學步驟。