講師引言
「自由行明明是去放鬆,排行程卻常常像在做專案。」
景點存在 Google Maps、住宿資訊散落在 Email,朋友推薦的店家丟在 LINE 群組,到了旅行途中還得不停往上翻訊息找資料。
如果現成的旅行 App 不完全符合你的需求,現在你可以試著做一個自己的。
透過 Vibe Coding × Lovable,不需要先學會複雜的程式語法,只要練習把需求說清楚,就能與 AI 一起把腦中的想法逐步做成真正能操作的網頁工具。
為什麼要學?
「想要一個符合自己習慣的旅行工具,卻不知道怎麼開始?」
排行程時,總要在地圖、筆記與聊天訊息之間來回切換。你知道自己想要哪些功能,卻不知道如何整理成 AI 能理解的指令。
「AI 做出來了,版面與功能卻和想像不一樣?」
這堂課會帶你拆解需求、調整提示詞,並練習找出問題與驗收成果,建立「開發 → 驗收 → 修正」的協作流程。
「工具做好之後,怎麼讓手機開啟、分享給旅伴?」
從旅行日期、每日行程與景點清單開始,學習發布網址與手機測試,讓作品逐步走向實際使用。
課程目標
1. 把旅行想法整理成開發需求
從使用情境與痛點出發,列出功能清單,決定第一版先完成哪些內容。
2. 學會 Lovable 操作與提示詞撰寫
認識專案介面、預覽與版本紀錄,練習說清楚目標、功能、畫面與限制条件。
3. 建立旅行日期與每日景點清單
跟著實作旅行日期設定、景點新增與排序,逐步建立旅行工具雛形。
4. 練習調整版面、修正與驗收功能
學習修改版面與操作按鈕,遇到問題時,知道如何定位問題與調整指令。
5. 學習發布網址與手機測試
了解如何發布工具、取得分享網址,並檢查手機畫面與操作是否正常。
6. 認識分帳與多人共用的延伸方式
觀看老師進階示範費用分攤與共用權限設定,作為課後擴充功能的參考。
以一個旅行案例,走過需求規劃、工具實作到發布分享的完整流程。