鐵人檔案
作為程式初學者，常常無法精準預估完成作業或階段性任務所需的時間。市面上的計時器大多以「強制專注」為主，有時反而會在進入心流狀態時被番茄鐘硬生生打斷。因此，我希望能打造一款專為紀錄「實際耗時」設計的任務計時器，未來能更精準地評估專案時程。
本系列將以 Local-first（在地優先） 為核心，完全不依賴後端伺服器，並運用目前學到的初階前端技術，挑戰打造一個真正解決自身痛點的產品。
30 天內容將涵蓋完整的產品開發流程：從UI/UX設計、介面切版、前端邏輯、數據視覺化。希望這不只是一系列記錄文章，更是未來陪伴自己持續成長與學習的利器！
在 Day 20 完成了 CRUD 的連動渲染後，接下來要處理「數據視覺化」與「時間統計」的功能，讓使用者一眼就能掌握各個任務的完成進度與累積花費時間。 進度...
一開始在規劃 TaskTimer 時，我的核心目標非常明確——簡潔方便、功能單純。 我希望它是一個能讓使用者隨開即用、沒有任何學習門檻的小幫手。更重要的是，我希...
因為 IndexedDB 的原生寫法太過古老繁瑣且難以維護，因此實作中會使用 Promise版的IndexedDB。 一、什麼是「Promise 版」？為什麼...
在 Day 22 介紹了 Local-First 的核心理念，並在 Day 23 成功用 Promise 包裝出獨立的 db.js 資料庫工具模組。 今...
在前面的文章中，我們實現了以 IndexedDB 做為本地儲存的 Local-First 架構。 但對於一個「不收集個人資料、資料存在使用者本地裝置」的工具來說...
前幾天我們完成了 IndexedDB 的本地資料儲存，在沒有後端 API 與伺服器資料庫的情況下，依然能順暢地在瀏覽器端運作與記錄資料。 但是，雖然 Local...
在前幾天的開發中，陸續完成了核心計時功能、IndexedDB 本地儲存以及 JSON 資料備份與還原。系統的核心功能已經非常完整，但除此之外，希望能增進良好的使...
隨著功能逐漸完善，產品目前已經具備了完整的計時與任務管理能力。接下來，為了讓更多不同語言的使用者也能無縫使用，要在 Header 加入多國語系切換選單，支援 繁...
對於需要長時間面對螢幕的開發者或工作者來說，亮白色的介面往往容易帶來視覺疲勞，因此不論是撰寫程式還是閱讀文獻， 「暗色模式（Dark Mode）」 早已成為許多...
在這 30 天不間斷地思考、設計、發想與寫程式碼（還有被發文截止時間追著跑）（做夢都在想著哪裡要修改）（中秋節時兩口烤肉🥓一口程式碼），終於把腦海中的想法，變成...
