指南

如何建立習慣追蹤應用程式

習慣追蹤器是一份習慣清單,讓你每天快速勾選完成的項目,並顯示連續紀錄及過往紀錄,幫助你堅持下去。它是最適合用 AI 建立的第一批應用程式之一:資料量很少、規則清楚,而且你自己每天都會用到。現時建立這類應用程式的實際做法,是做一個適合手機的網頁應用程式,並把它加到手機主畫面,而不是 App Store 的應用程式。本指南會坦白說明這種做法對提醒功能有什麼影響。

網頁應用程式,而不是 App Store 應用程式(暫時如此)

很多人想像中的習慣追蹤器是手機應用程式。你有三個選擇:

選項是什麼優點較次要的地方
適合手機的網頁應用程式為手機設計的網站任何地方都能使用,只需一個連結,無需經過商店審核除非安裝,否則會在瀏覽器中開啟
漸進式網頁應用程式(PWA)可安裝到主畫面的網頁應用程式,有自己的圖示及全螢幕視窗感覺像應用程式,可支援推播及部分離線功能iPhone 只在安裝到主畫面後才支援推播;部分裝置功能無法使用
原生應用程式為 iOS 及 Android 而建,透過應用程式商店發布可完整使用裝置功能,並在商店有展示位置,支援小工具需要商店帳戶並經過審核;建立及更新的工作量遠大得多

對於個人或小眾使用的習慣追蹤器,PWA 通常是第一版的合適選擇。商店帳戶也需要費用:根據 Apple 及 Google Play 各自網站的資料,截至 2026 年 9 月,Apple 開發者計劃每年收費 99 美元,Google Play 開發者帳戶則是一次性收費 25 美元。我們的原生與漸進式網頁應用程式比較指南有更詳盡的說明,而如何建立適合手機的網頁應用程式則介紹了以手機為先的細節。

關於 AI 建立工具:大部分都是建立網頁應用程式。Mythex 也一樣,而在 Pro 方案中,它可以把網頁應用程式包裝成 Android 及 iPhone 應用程式,並送往 Google Play 內部測試及 TestFlight。應用程式的畫面仍屬網頁畫面,因此如果你需要完全原生的介面,應使用原生的建立工具。

習慣追蹤器需要什麼

核心功能

  • **習慣:**名稱、可選的圖示或顏色,以及計劃——每日、指定星期,或每週若干次。
  • **打卡:**一按即可標示今天已完成,再按一次即可取消。
  • **今日頁面:**列出今天應做的習慣,已完成的會以明顯不同的樣式顯示。這是人們最常打開的畫面,因此必須快速。
  • **連續紀錄:**每個習慣的目前連續紀錄及最佳紀錄。
  • **過往紀錄:**以月曆或格子顯示每一天,讓中斷的日子一目了然。

日後再加的功能

  • 可計量的習慣(「8 杯水」、「20 頁」),並設定每日目標。
  • 打卡時附加備註(「跑了 5 公里,感覺很吃力」)。
  • 在指定時間提醒。
  • 暫停習慣(假期、患病)而不中斷連續紀錄。
  • 封存已停止的習慣,而不是刪除其紀錄。

資料

整個應用程式主要由兩張資料表組成:

  • 習慣:用戶、名稱、計劃、目標、建立日期、封存標記。
  • 打卡:習慣、日期、數值(可計量習慣)、備註。

把打卡儲存為用戶本地的日曆日期(例如 2026-09-29),而不只是時間戳記。這個決定本身就能避免大部分連續紀錄的錯誤。

把連續紀錄做對

連續紀錄看似簡單,實際上並不簡單。請先決定以下規則,並寫入你的提示中:

  1. **誰的「今天」?**使用用戶的本地日期。在洛杉磯晚上 11:30 完成的打卡,以 UTC 計已經是「明天」。應在用戶資料中儲存其時區。
  2. **今天的紀錄是否已經計算?**如果今天尚未完成,目前的連續紀錄仍應顯示昨天的紀錄,而不是在午夜歸零。大部分追蹤器只會在某個計劃日完全過去後,才把連續紀錄視為中斷。
  3. **只計算計劃日。**對於每週一、三、五的習慣,星期二不算漏做。
  4. 每週目標。「每週 3 次」以每週計算,因此連續紀錄以週為單位計算。
  5. **補填紀錄。**用戶可以補填昨天的打卡嗎?通常可以,但會有時限,因為人們會忘記。

請要求 AI 把連續紀錄的計算寫成獨立而且經過測試的函式,並提供附有預期答案的範例。這正是最值得親手核對的部分。

單人使用還是需要帳戶?

如果追蹤器只供你自己在一部裝置上使用,它可以把資料保存在瀏覽器的儲存空間中,無需登入,也無需資料庫。但有一點要注意:清除瀏覽器或更換手機,資料就會全部遺失。

如果你想在手機和筆記型電腦上使用同一份習慣紀錄,或者你是為其他人而建立,就需要加入:

  • 登入功能:電郵及密碼,或使用登入服務供應商。參閱如何為應用程式加入登入功能。
  • 資料庫:讓資料儲存在伺服器上,並在多部裝置之間同步。
  • 每位用戶的資料隔離:每個人都只能看到自己的習慣。以兩個用戶分別登入進行測試。

習慣資料可能屬於私人範疇(健康、戒酒、服藥)。應預設為私人,除非用戶明確選擇,否則不要加入社交分享功能,並讓用戶可以匯出及刪除自己的資料。

提醒功能,坦白說明

提醒功能是網頁應用程式與原生應用程式之間最大的差別所在。

  • 網頁推播在現代瀏覽器中可以使用。在 iPhone 及 iPad 上,Apple 的 WebKit 團隊表示,網頁推播在 iOS 及 iPadOS 16.4 中才推出,但只適用於已加到主畫面的網頁應用程式,因此用戶必須先安裝應用程式,然後再允許通知。
  • **需要有東西負責發送。**晚上 8 時的提醒需要伺服器端的排程工作來發送推播或電郵。閒置時會休眠的代管應用程式不會自行喚醒,因此應問清楚你的建立工具如何觸發排程工作。
  • **電郵是簡單的後備方案。**每日摘要電郵較容易建立,而且適用於所有環境。參閱如何從應用程式發送電郵。

一個合理的計劃是:先不加提醒功能推出,使用一星期後再加入。

有效的首個提示

建立一個以手機為先的習慣追蹤網頁應用程式。我可以加入習慣,設定名稱、顏色及計劃(每日、指定星期,或每週 N 次)。主畫面以大型按鈕顯示今天的習慣;按一下即可標示完成,再按一下即可取消。每個習慣都會顯示目前及最佳連續紀錄,只計算計劃日,並以我的本地時區計算;在當天結束前,今天的未完成不會中斷連續紀錄。過往紀錄頁面會為每個習慣顯示月曆格子。打卡以本地日曆日期儲存。以電郵及密碼加入登入功能,並把資料儲存在資料庫,讓我的手機與筆記型電腦之間能夠同步。設定為 PWA,可安裝到主畫面,並有圖示及名稱。

建立步驟

  1. **以示範資料建立今日頁面。**在加入其他任何功能前,先確保主畫面在手機大小的螢幕上感覺良好。
  2. **加入習慣及打卡。**建立三個計劃不同的習慣,並逐一勾選。
  3. **連續紀錄的邏輯。**給 AI 測試案例:「週一、三、五的習慣,在週一、三、五及下一個週一完成 → 連續紀錄為 4。」然後逐一核對。
  4. **過往紀錄格子。**令中斷的日子一看便知。
  5. **登入及資料庫。**然後在第二部裝置上打開,確認資料一致。
  6. **安裝。**在 iPhone 上加到主畫面(分享 → 加入主畫面),在 Android 上使用瀏覽器的安裝選項。檢查圖示、名稱及全螢幕啟動。
  7. **使用一星期。**實際使用七日所發現的問題,會比花一小時測試所發現的更多。

常見錯誤

  • **用伺服器時間計算「今天」。**這是最常見的連續紀錄錯誤。應使用用戶的時區。
  • **點按範圍太小。**追蹤器通常是單手、在半醒狀態下使用。打卡按鈕要做得夠大。
  • **太早加入太多功能。**社交動態、徽章及圖表可以等待,待基本流程運作後再加。
  • **未安裝便承諾 iPhone 推播。**應告訴用戶先加到主畫面。
  • **沒有撤銷功能。**每天都會有誤按的情況。
  • **刪除而不是封存。**人們放棄某個習慣時,希望保留其紀錄。

何時現成的習慣應用程式較合適

如果你只想追蹤自己的習慣,成熟的習慣應用程式已經很完善,有小工具及原生通知,而且價錢很便宜甚至免費。自行建立則適合以下情況:你想要那些應用程式沒有的功能,例如為某個特定計劃而設的追蹤器(一個教練客戶群組、診所的病人、團隊挑戰),你希望採用自訂的連續紀錄規則,習慣需要與你保存的其他資料相連,或者你只是想要一個完全為你而設的工具。它也是學習應用程式運作方式的好項目;參閱適合用 AI 建立的副業構思。

使用 Mythex 建立

Mythex 會把這個應用程式建立為網頁應用程式:你在對話中描述它,然後在即時預覽的手機大小畫面中檢查;當你要求帳戶及同步功能時,它會加入資料庫。發布後會得到公開連結,你可以把它加到手機主畫面。在 Pro 方案中,Mythex 還可以把它包裝成 Android 及 iPhone 應用程式,送往 Google Play 內部測試及 TestFlight。如果想從現成的提示開始,可以打開每日習慣追蹤器範本,或瀏覽應用程式範本。

常見問題

我可以不寫程式就建立習慣追蹤應用程式嗎?

可以。使用 AI 應用程式建立工具時,你只需描述想要的習慣、打卡及連續紀錄,它便會替你寫出應用程式。大部分 AI 建立工具產出的是網頁應用程式,你可以在手機瀏覽器中打開,並加到主畫面,而不是 App Store 的應用程式。

習慣的連續紀錄如何運作?

連續紀錄是指習慣連續完成的日數(或按計劃安排的日數),由今天或昨天計起。難點在於如何定義「今天」——它應該跟隨用戶自己的時區,而不是伺服器的時區。

網頁應用程式可以發送提醒通知嗎?

可以,大部分瀏覽器都支援網頁推播。iPhone 及 iPad 方面,Apple 在 iOS 16.4 加入了網頁推播,但只適用於已加到主畫面的網頁應用程式,因此用戶必須先以這種方式安裝。電郵提醒是較簡單的後備方案。

習慣追蹤器需要資料庫嗎?

如果只供你自己在一部裝置上使用,資料可以儲存在瀏覽器中。一旦你想在多部裝置上使用、與其他人分享,或不希望瀏覽器被清除時資料遺失,就需要資料庫及登入功能。

Mythex · Pricing · 用 AI 建造任何嘢 · 網站及應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(台灣)