iT邦幫忙

2025 iThome 鐵人賽

DAY 8
0
生成式 AI

學都學了:GenAI 從試錯到實用的實驗筆記系列 第 8

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

  • 分享至 

  • xImage
  •  

今日主題

整合並記錄過往分散在各處的學習/體驗支出紀錄,建立一個專案來追蹤自己在不同主題上的投入。

為什麼想做

  • 常常花不少錢與時間在各種學習嘗試,想知道一年下來到底花多少時間和$$
  • 雖然目前都會登記在 Google Calendar 上,但有跨年度DB,也可以知道興趣變化
  • 上次用 Base44 建立睡眠季紀錄分析,前後端整合上很順暢,所以這次想挑戰更複雜的應用
  • 這次測試不提供完整PRD,僅用概念性描述,觀察第一次能完成 %

工具選擇:Base44

成果校驗

這次專案即使沒有先寫 PRD 規格,第一版成果已經達到我預期80%。不論是整體規格的理解、UI 設計、功能架構,甚至後端資料庫的 schema,都算相對完整。剩下約 20% 的差距主要集中在小功能細節與 UI色彩字體的微調上,需要花額外時間逐步優化。

Battle Hub = 各種哩哩叩叩的撒錢歷程

  • 起始規格就很完整
  • 我進一步調整優化的
    • 篩選器:完全取決於我平常會想要怎麼看這些維度
    • 分類:也取決於我平常會橫跨到的主題,也是必須自己去調
    • 文案:調整成屬於 RPG 風格用字
    • icon:AI 幫預設的都是很常見 emoji,覺得破壞整體風格,額外找/指定參考圖

https://ithelp.ithome.com.tw/upload/images/20250922/20178815V5EJBFXZ0V.jpg

新增介面
https://ithelp.ithome.com.tw/upload/images/20250922/20178815ivnFQPgovR.jpg

Codex Map = 書籍獨立分頁出來

  • 起始規格是預設在Battle Hub的分類之一,其實也很合理,只是載體型式不同
  • 我進一步調整優化的
    • 獨立拆分:因為每年買書的量很大,過往回顧一年的閱讀紀錄時,就會把主题分的特別細,也是取決於我個人的習慣需求
    • 提供統計規則:eg.完讀日欄位空值,那就不可計入已讀本數
    • 調整細部功能:書籍因為會有大量重複主題,所以在新增上我會需要複製功能,但其他分頁就不需要

https://ithelp.ithome.com.tw/upload/images/20250922/20178815w2J3iQFbCC.jpg
新增介面
https://ithelp.ithome.com.tw/upload/images/20250922/20178815oclKTEvuoS.jpg

Guild Registry = 哩哩扣扣訂閱紀錄

  • 起始規格也很完整,甚至都直接列出最熱門串流服務和方案等級
  • 我進一步調整優化的
    • 篩選器:取決想看的維度
    • 提供統計規則:eg.結束日期空值,訂閱金額持續累計

https://ithelp.ithome.com.tw/upload/images/20250922/20178815NDU91lrBcU.jpg

新增介面
https://ithelp.ithome.com.tw/upload/images/20250922/20178815oMZbSUvxvU.jpg

今日總結

  • 我做了什麼
    • 想好點子,確認設計風格,並確定想要的分頁架構與功能
    • 這次未給定詳細PRD
  • AI 幫了我什麼
    • 沒有PRD功能表,直接產出網站規格架構與後端資料庫 schema,並完成初始的資料庫設定
  • 遇到的挑戰
    • 最大的困難在於中文字的像素風格字體生成。雖然英文還行,但只要是轉換中文字就無法成功,這點與 GPT 的表現差異明顯超大,下次改圖時或許切換模型試試看
    • Base44 以消耗 Credit 計費,跟 Emergent 相同,但做一個專案消耗數量,體感上比Emergent少很多,只是就算一直修失敗,也照算credit
    • 原本想記錄一開始給的概念 Prompt,但發現保存對話紀錄似乎有限,無法回溯最原始記錄,還得再研究。

整體來說,就完成度跟所耗時間而言,CP值很高,也是真的之後會用想持續用的專案,下一步除了邊做邊調整細部功能外,情境上如果要更 RPG 風格,在每完成一筆儲存或是特定CTA,應該也可以有動畫或者是音效功能~ 期待花俏功能持續升級!


上一篇
Day 7 第一週覆盤:Prompt 不是全部,常識才是我的下一步挑戰
下一篇
Day 9 讓 Claude 透過 mcp 直接操作 n8n
系列文
學都學了:GenAI 從試錯到實用的實驗筆記9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言