這篇正在寫,也歡迎你先讀。
目前公開文章草稿與規劃提示;實際 App 操作、重製提示與原始碼尚在整理,不是完整成品教學。

行程排好了,旅程才正要開始

出發前,行程排得剛剛好。出發後,下雨了、餐廳沒開,路邊卻出現一間很想逛的小店。

這是旅行裡很容易想像的情境:計畫還在,想做的事卻變了。如果手機裡的行程也能跟著調整,我們就能把注意力留給眼前的旅程。

我想以自己的旅遊 App 為起點,分享它如何使用、如何修改,再把製作方法交給你。這篇會一邊整理、一邊補上實際畫面與操作細節。

目前先以「隨旅程變動調整行程」作為文章方向。下方是規劃示例,不代表現有 App 已具備所有功能;作者實際案例與程式碼會再補上。

先跟我走一小段

認識一個 App,不一定要從功能清單開始。先想像你剛離開住宿地點,打開手機,想知道今天第一個安排在哪裡、接下來準備去哪裡。

這篇的操作介紹會聚焦一小段行程:找到今天的安排、看懂需要的資訊,再完成一次修改。讀者應該能看見「按之前」和「按之後」的差別。

實際操作示範 · 待補

這裡將加入作者 App 的畫面與操作步驟。目前上方插圖僅為概念示意,沒有提供可操作的 App。

如果計畫突然變了呢?

假設下午原本安排戶外散步,卻遇到下雨。你想換成室內活動,而不是重新整理整份行程。

  1. 找到要改的那個安排。先知道目前記錄了什麼。
  2. 改成現在想做的事。需要更新的可能是地點、時間或備註。
  3. 回到行程確認結果。修改是否清楚呈現?其他安排是否保留?

這是一個待套入實際 App 的測試情境。它不需要先承諾智慧重排或自動推薦;先讓一個小修改能順利完成,就有值得展示的成果。

把旅行習慣,變成 App 的功能

開始製作前,先寫下自己真正會做的事。像是「出門前看今天的安排」「臨時換一個地點」「補上一句提醒」。每個句子,都比「我要一個很厲害的旅遊 App」更容易討論。

接著把問題拆開:畫面要顯示什麼?可以改哪些資料?改完放在哪裡?重新打開還找得到嗎?同一個畫面看似完成,資料保存卻可能還沒處理。

手機網頁、可加入主畫面的網站與原生 App,製作和使用方式不同。這篇會在確認原專案後補上實際路線;現在先不把任何一種方式當成已選定方案。

先選一個最小目標:在自己的手機看懂一天的安排,並完成一次修改。跨裝置同步、離線使用等需求,再分別決定和驗證。

換你出發:把這段提示帶走

你可以先複製下面的提示,貼到自己使用的 AI 工具,開始整理需求。它是規劃起手式,不是已驗證能一鍵重建作者 App 的提示;完整重製版本會隨實際專案補上。

點入文字框後全選複製,或下載文字檔。這個頁面不會把內容送到 AI,也不保存輸入。

下載規劃提示 .txt ↓

怎樣知道這輪討論有用?

看看你是否拿到三樣東西:一個明確的使用情境、一份第一版功能範圍,以及能檢查結果的操作步驟。如果還不清楚,先請 AI 協助釐清,再開始寫程式。

連原始碼也一起帶走

我希望這篇最後能讓你取得原始碼,而不只是看完介紹。你可以替換自己的旅行內容,換上喜歡的外觀,再依需求調整功能。

原始碼與啟動教學 · 整理中

目前尚未提供下載。後續會補上完整檔案、使用條件、啟動方式,以及可以修改的位置。

到時候,試著完成三個小挑戰

  1. 換成你的旅行。替換示範內容,確認資料正確顯示。
  2. 改成你的樣子。從一個顏色或標題開始,觀察手機畫面。
  3. 調整一項安排。回到列表,並依設定檢查重新開啟後的保存結果。

下一趟旅行,除了帶上行李,也可以帶上你自己參與製作的工具。先從一個小修改開始,讓它更接近你的旅行方式。