如何打造習慣追蹤應用程式

習慣追蹤器是一份習慣清單，讓你每天快速勾選完成，並提供連續紀錄與歷史檢視，幫助你持續下去。它是用 AI 打造的最佳第一個應用程式之一：資料量小、規則清楚，而且你自己每天都會用到。今天最實際的做法，是把它做成適合手機、可加到手機主畫面的網頁應用程式，而不是 App Store 上的應用程式。本指南會坦白說明這對提醒功能有什麼影響。

網頁應用，而非 App Store 應用（目前而言）

多數人想到習慣追蹤器時，都會想到手機 App。你有三種選擇：

對於個人或小眾使用的習慣追蹤器，PWA 通常是第一版的正確選擇。商店帳號也要花錢：根據各平台官網，截至 2026 年 9 月，Apple 開發者計畫為每年 US$99，Google Play 開發者帳號則是一次性的 US$25。我們的原生應用與漸進式網頁應用比較指南有更深入的說明，而如何打造行動版網頁應用涵蓋了手機優先的細節。

關於 AI 建構工具需要注意一點：多數都是產出網頁應用。Mythex 也是如此，並且在 Pro 方案中可以把網頁應用包裝成 Android 與 iPhone App，送到 Google Play 內部測試與 TestFlight。畫面仍是網頁畫面，因此如果你需要完全原生的 UI，就應該使用原生建構工具。

習慣追蹤器需要什麼

核心功能

• 習慣： 名稱、選用的圖示或顏色，以及排程：每天、特定的星期幾，或每週做幾次。
• 打卡： 一鍵標示今天完成。再點一次即可取消。
• 今日檢視： 列出今天到期的習慣，已完成的要有明顯不同的樣式。這是人們最常打開的畫面，所以必須快速。
• 連續紀錄： 每個習慣的目前連續天數與最佳紀錄。
• 歷史： 以月曆或格狀圖顯示每一天，讓中斷之處一目了然。

之後再加的好用功能

• 計量型習慣（「喝 8 杯水」「讀 20 頁」），每天設定目標值。
• 打卡時附上備註（「跑了 5 公里，感覺很慢」）。
• 在指定時間提醒。
• 暫停習慣（假期、生病）而不中斷連續紀錄。
• 封存已停止的習慣，而不是刪除其歷史紀錄。

資料

整個應用程式由兩張資料表構成：

• 習慣：使用者、名稱、排程、目標、建立日期、封存旗標。
• 打卡：習慣、日期、數值（計量型習慣）、備註。

請把打卡存成使用者時區中的日曆日期（例如 2026-09-29），而不是只存時間戳記。這個決定就能避免大部分連續紀錄的錯誤。

把連續紀錄算對

連續紀錄看起來簡單，其實不然。請先決定這些規則，並寫進你的提示中：

1. 誰的「今天」？ 使用使用者的當地日期。在洛杉磯晚上 11:30 完成的打卡，在 UTC 時間已經是「隔天」。請把使用者的時區存在個人資料中。
2. 今天還沒完成時，算不算？ 如果今天還沒完成，目前的連續紀錄仍應顯示昨天的連續天數，而不是在午夜歸零。多數追蹤器只有在排定的日子完全過去後，才會判定連續紀錄中斷。
3. 只計排定的日子。 對於週一、三、五的習慣，週二不算漏做。
4. 每週目標。 「每週做 3 次」是以每週計算，因此它的連續紀錄是以週為單位。
5. 補打卡。 使用者可以補勾昨天嗎？通常可以，但有時限，因為人們常會忘記。

請讓 AI 把連續紀錄的計算寫成一個獨立、可測試的函式，並提供附有預期結果的範例。這是最值得人工逐一檢查的部分。

只有自己用，還是需要帳號？

如果追蹤器只給你自己、只在一台裝置上使用，它可以把資料存在瀏覽器自己的儲存空間中，不需要登入，也不需要資料庫。缺點是：清除瀏覽器或換手機，所有資料都會遺失。

如果你想在手機與筆電之間使用同一組習慣，或是為其他人打造，請加入：

• 登入：Email 與密碼，或使用登入服務商。參見如何為應用程式加入登入。
• 資料庫：讓資料存放在伺服器上，並在多台裝置間同步。
• 每位使用者的資料隔離：每個人只能看到自己的習慣。請以兩個帳號登入來測試。

習慣資料可能非常私密（健康、戒酒、用藥）。請預設為私人，未經使用者明確同意不要加入社群分享功能，並提供使用者匯出與刪除資料的方式。

提醒功能，說實話

提醒是最能區分網頁應用與原生應用的功能。

• 網頁推播在現代瀏覽器中可以使用。在 iPhone 與 iPad 上，Apple 的 WebKit 團隊表示，網頁推播從 iOS 與 iPadOS 16.4 開始支援已加到主畫面的網頁應用，因此使用者必須先安裝應用程式，再允許通知。
• 總要有東西負責發送。 晚上 8 點的提醒需要伺服器端的排程任務來發送推播或 Email。閒置時會休眠的代管應用程式不會自己醒來，因此請向你的建構工具詢問排程工作如何觸發。
• Email 是簡單的備案。 每日摘要 Email 比較容易實作，而且在任何地方都能收到。參見如何從應用程式寄送 Email。

一個合理的計畫：先不做提醒，使用一週後再加入。

一句好用的第一個提示

打造一個以手機為優先設計的習慣追蹤網頁應用程式。我可以新增習慣，設定名稱、顏色與排程（每天、指定的星期幾，或每週 N 次）。首頁以大型可點擊區域顯示今天的習慣；點一下標示完成，再點一下取消。每個習慣會顯示目前與最佳連續紀錄，只計排定的日子，並使用我的當地時區；今天在當天結束前不會讓連續紀錄中斷。歷史頁面為每個習慣顯示月格狀圖。打卡以當地日曆日期儲存。加入 Email 與密碼登入，並把資料存入資料庫，讓我的手機與筆電可以同步。讓它可以作為 PWA 安裝到主畫面，並設定圖示與名稱。

建置步驟

1. 用範例資料做今日檢視。 在進行其他工作之前，先把手機尺寸的主畫面做好。
2. 新增習慣與打卡。 建立三個排程不同的習慣，並逐一勾選。
3. 連續紀錄邏輯。 給 AI 測試案例：「週一、三、五的習慣，在週一、三、五與下週一都完成 → 連續 4 次。」並逐一確認。
4. 歷史格狀圖。 讓漏做的日子一眼就能看出來。
5. 登入與資料庫。 再用第二台裝置打開，確認資料一致。
6. 安裝到主畫面。 在 iPhone 上（分享 → 加入主畫面）與 Android 上（瀏覽器的安裝選項）加入。檢查圖示、名稱與全螢幕啟動。
7. 實際使用一週。 七天的實際使用，會比一小時的測試找出更多真正的問題。

常見錯誤

• 用伺服器時間判斷「今天」。 這是最常見的連續紀錄錯誤。請使用使用者的時區。
• 點擊目標太小。 追蹤器通常是單手、半睡半醒時使用。打卡按鈕要大。
• 功能太多，太早加入。 社群動態、徽章與圖表都可以等基本循環運作後再做。
• 沒有安裝就承諾 iPhone 推播。 要告訴使用者先加到主畫面。
• 沒有復原功能。 每天都會點錯。
• 刪除而非封存。 人們放棄某個習慣時，希望保留它的歷史紀錄。

什麼時候現成的習慣應用程式比較好

如果你只是想追蹤自己的習慣，成熟的習慣應用程式已經相當完善，有小工具與原生通知，而且價格低廉甚至免費。自己打造則適合它們做不到的事：為特定計畫量身打造的追蹤器（輔導客戶團體、診所的病患、團隊挑戰）、你自己的連續紀錄規則、與你其他資料相連的習慣，或只是單純想要一個專為自己量身打造的工具。這也是學習應用程式如何運作的好專案；參見用 AI 就能完成的副業點子。

用 Mythex 打造

Mythex 會把它打造成網頁應用：你在對話中描述需求，在即時預覽的手機尺寸框中檢查，當你要求帳號與同步時，它會加入資料庫。發布到公開連結後，就可以加到手機主畫面。在 Pro 方案中，Mythex 也可以把它包裝成 Android 與 iPhone App，送到 Google Play 內部測試與 TestFlight。若要從現成的提示開始，可以打開每日習慣追蹤範本，或瀏覽應用程式範本。

常見問題