鐵人檔案
《拖延怪日記》是一款以「記錄沒做到的事」為核心的互動式網頁，專為想改善拖延的人設計。使用者每天透過簡單表單輸入「今天沒做什麼」與「原因」，系統即回覆一則溫暖或打趣的「拖延怪語錄」，將紀錄轉化為陪伴與幽默。
網站採 Modern Web 技術 開發，結合 SPA 架構 與 RWD 響應式設計，確保流程即時流暢並適配行動裝置；資料以 localStorage 儲存，支援離線與跨日回顧。
本專案不求一次治癒拖延，而是透過日常紀錄與即時回饋，讓使用者觀察行動模式並建立改變意識。
摘要這篇文章一步步教剛接觸 VS Code 與 Node.js 的初學者快速在 macOS 上建立本機網頁開發環境。先安裝 Node.js 20+ 與 VS...
摘要常見的 Coding Assistant 有 Gemini CLI 、Copilot 和 Cursor，本篇聚焦在 CLI，因為免費額度高、適合新手小專案...
摘要本篇是初學者在 VS Code 環境簡單測試 Gemini CLI 、 Github Copilot GPT-4.1（預設）並評價兩者對初學者的友善度。比...
摘要介紹最小可行產品 (MVP) 如何在 coding 裡應用，啟發初學者構思出一個簡單的 code 架構，以降低新手對新領域的心理負擔。接著讓 Gemini...
摘要昨天（Day 4）我們完成了表單操作：輸入沒做的事 → 選擇原因 → 顯示鼓勵語錄。但這個版本有一個缺點：一旦重整網頁，紀錄就消失了！今天要用 Local...
摘要昨天（Day 5）我們學會了把拖延紀錄存進 LocalStorage，避免重整網頁後資料消失。但資料現在「藏在瀏覽器裡」，使用者還看不到。今天，我們要把這...
摘要昨天（Day 6）我們完成了「歷史回顧」功能，使用者能看到所有紀錄。但有時候我們會想刪掉特定的一筆，例如： 測試用的假資料 打錯字的紀錄 已經不想保留的...
摘要Day 7 我們已經能「按下刪除 → 立即移除一筆紀錄」。今天加上 window.confirm：刪除前先詢問使用者，避免手滑誤刪。同時保留 Day 7...
摘要Day 8 我們加上了刪除前的確認視窗，避免誤刪。今天再進一步：刪除後，允許使用者「復原」上一次刪除的資料（Undo）。刪除時把「被刪的物件」暫存到 de...
摘要Day 9 我們學會了 Undo（回復上一筆刪除）。但是隨著資料越存越多，清單會變得冗長，要找特定紀錄會很麻煩。今天就要加上「排序」功能，讓使用者能快速找...
