今日主題

在挑戰第8天，幫自己做了一個記錄網站，主要看到底把時間和錢花在哪的專案，目前這個紀錄有例行更新。中間也把統計金額的規則再寫得更仔細， 所以，今天目標是想再把一些跟學習相關，但零碎且散亂的事情整合到同一個介面。

Day 8 繼續使用Base44 全端功能：幫自己紀錄到底錢都流去哪

為什麼想做

• 現況：永遠都會會收集一些想要讀的文章或影音，但其實收了就很少回頭看，或者是特別需要找靈感的時候，才會開始找。
• 既然這件事會持續發生，那整理進我本來就會使用的紀錄頁面裡。
• 目的：不會多出一個零散的清單。而且既然整個記錄都偏遊戲風格，處理這些待讀清單過程中，應該也可以有一點不一樣做法，增加樂趣。

思考怎麼做

• 基本功能：

  • 新增儲存連結的介面，請直接抓取標題&預覽圖
  • 直接預設帶入我新增的日期
  • 完成日期欄位
  • 備註欄：或許是寫下為什麼我要收藏這則的原因，或我要打算用在什麼地方

• 趣味設計：

  • 本週消化速度

    • 定義：TTR (Time to Read) = read_at - added_at（天）
    • 呈現：一張卡片欄位顯示
    • 本週平均 TTR：X 天
    • 較上週：↑/↓ Y 天（箭頭 + 顏色）

  • 週末清倉（Weekly Triage）

    • 出現時間：臺灣時間週五
    • 玩法：打開一頁面 → 列出最老但未讀的 10 則 → 逐一三選一
      • A. 讀 10 分鐘（升級模式：開閱讀模式＋倒數）
      • B. 延後 7 天（Snooze）
      • C. 丟棄（Dropped）
    • 完成條件：處理完 10/10，頁面顯示「本週清倉 ✅」。
    • 不出現時間：週一~週四
    • 目的：至少每週把庫存「動」過一次，不會一直放生 ( 應該吧 ?

成果校驗

**新增連結介面：完成度70% **

**消化速度統計：完成度 100% **

**週末動態清倉：最老但未讀的 10 則 → 逐一三選一 → 完成度90% **

**週末動態清倉：處理完 10/10，頁面顯示「本週清倉 ✅」 完成度100% **

今日總結

在使用 Base44 的過程中，資料庫設計進展順利，介面微調也能快速完成。
目前主要的瓶頸在於外部資料的抓取，例如這次嘗試就沒有成功，這部分還需要再深入研究。

我做了什麼

• 一樣先想好要的最小功能規格
• Debug

AI 幫了我什麼

• UI
• Database schema

遇到的挑戰

• 無法自動抓取最基本的 YouTube 標題：抓取圖片有成功，但標題原本以為會是更容易的。顯然我沒有了解架構，抓取的規則需要再說得更明白。

累計完成的優化

• 修正訂閱付費邏邏輯 ( 2025/9/27 )
  • 檢查 start_date：確保有訂閱開始日期。
  • 確定計算區間：使用 start_date 和 end_date（如果沒有 end_date，則預設到今天）。
  • 區分月訂閱與年訂閱：
    • 月訂閱 (monthly)：計算總天數除以 31 天，得出大致的月數，並向上取整（Math.ceil），確保即使只用幾天也算一個月（Math.max(1, ...)）。
    • 年訂閱 (yearly)：計算總天數除以 365 天，得出大致的年數，同樣向上取整並至少算一年。
  • 計算總花費：將訂閱費用 (sub.cost) 乘以計算出的月數或年數。
• 新增批次上傳大量書單功能 ( 2025/9/27 )
  • 結果：失敗
  • 原因：欄位比對
  • 解法：因為只會有我個人使用，直接從後端 Data Import 比較快，非公用屬性的確不是什麼東西都需要做在前端

累計下一步清單

合計第八天剛做完第一版的時候，想要處理的代辦

• 趣味性

  • 情境上如果要更 RPG 風格，在每完成一筆儲存或是特定CTA，應該也可以有動畫或者是音效功能，單純就是娛樂性考量

• 功能性

  • 影音或文章自動抓取預覽或標題~ Somehow一定有什麼規則，還沒弄懂