iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Software Development

SyncETA 開發日記:手把手打造你的智慧出發時間推薦 PWA 系列

本系列將記錄開發 SyncETA Lite 的完整歷程——一套基於機率式思維、為初學者設計的出發時間推薦 PWA。

內容涵蓋 PWA 基礎架構、台灣 TDX 運輸資料與 Google Maps API 串接、簡化版機率推薦邏輯(分位數運算)、離線與推播體驗優化,以及部署上線。

全程程式碼皆會標注寫在專案 syncetalite-pwa/ 資料夾中的哪個檔案,適合對智慧交通、PWA 開發有興趣的初學者跟著實作。

參賽天數 23 天 | 共 23 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

【Day 21】PWA 離線功能:Service Worker 快取策略

第五階段開始,今天回頭把 Day 4 留下的空殼 Service Worker(public/sw.js)補完,讓 SyncETA Lite 真正具備離線能力。...

2026-09-28 ‧ 由 zoeeyee 分享
DAY 22

【Day 22】加入推播通知(例如:延誤提醒)

今天讓 SyncETA Lite 具備推播通知能力,在資料出現異常延誤時主動提醒使用者。 兩種通知,先從簡單的開始 完整的 Web Push 需要後端伺服器搭...

2026-09-29 ‧ 由 zoeeyee 分享
DAY 23

【Day 23】響應式設計:手機/桌面都好用

SyncETA Lite 的核心使用情境是「通勤前查詢」,這代表使用者絕大多數會用手機操作。今天要讓整個介面在不同螢幕尺寸下都保持好用。 檢視目前的問題 目前...

2026-09-30 ‧ 由 zoeeyee 分享