鐵人檔案
《拖延怪日記》是一個結合 Modern Web 與 AI 的互動網頁作品，以「記錄沒做到的事」為核心，專為想改善拖延的人設計。使用者每天只需輸入「今天沒做什麼」與「原因」，系統會回覆一則溫暖或打趣的語錄，讓紀錄不再是壓力，而是陪伴與幽默。
專案涵蓋表單紀錄、LocalStorage 保存、Undo、排序篩選、情緒追蹤、任務安排、互動動畫、AI 語錄生成、背景主題切換、雲端同步等功能，並支援 RWD 響應式設計，確保手機與桌機都能流暢使用。
此作品不追求一次治癒拖延，而是透過日常紀錄、數據回顧與 AI 陪伴，讓使用者逐步觀察自己的模式、累積成就感，進而找回改變的動機。
摘要這篇文章一步步教剛接觸 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（回復上一筆刪除）。但是隨著資料越存越多，清單會變得冗長，要找特定紀錄會很麻煩。今天就要加上「排序」功能，讓使用者能快速找...
