本次鐵人賽將帶領讀者踏上一段從零開始的旅程,我們將結合兩大熱門技術:Flutter 跨平台開發與人工智慧(AI),共同打造一款實用的應用程式。
內容將從 Flutter 的基礎核心觀念與開發環境建置出發,逐步深入 UI/UX 設計、狀態管理,並串接 Firebase 作為後端支援。有餘力的話將引進 AI 的力量,聚焦於 Google 的 Gemini API,探索如何將生成式 AI 模型整合進 App 中,實現如智慧問答、內容生成等創新功能。
前言 大家好,歡迎來到第十一天!在 Day 10,我們成功整合了 Firebase Authentication,讓「省錢拍拍」擁有了使用者系統。我們現在可以區...
前言 大家好!在 Day 11,我們扮演了架構師的角色,為「省錢拍拍」的資料設計了一個安全又高效的「家」。在 Day 10,我們建立了 AuthGate,讓 A...
前言 大家好!在 Day 12,我們成功地讓 App 與雲端資料庫雙向溝通,實現了即時的資料新增與讀取。我們的「省錢拍拍」App 現在是一個功能完整的雲端應用了...
前言 大家好!在 Day 13,我們進行了一次重要的「期中重構」,成功地將 UI 邏輯與 Firestore 的資料操作分離,讓 App 的架構變得清晰且健壯。...
前言 大家好,歡迎來到第十五天,也是我們「省錢拍拍」專案第二篇章:AI 賦能的正式開端! 在過去兩週,我們從零到一,打造了一個功能完備、架構清晰的雲端記帳 Ap...
前言 大家好!在昨天的進度中,我們的「省錢拍拍」App 成功地睜開了眼睛,能夠透過 image_picker 捕捉來自真實世界的發票圖片。但對 App 來說,這...
前言 大家好!在 Day 16,我們的「省錢拍拍」App 已經學會了「閱讀」,能夠透過 ML Kit 將發票圖片中的文字提取出來。現在,我們手裡握著一長串從發票...
前言 大家好!在 Day 17,我們成功地在 App 中呼叫了 Google Gemini API,並收到了 AI 對發票文字的初步分析。這是一個巨大的突破,但...
前言 大家好,歡迎來到第十九天!在過去的幾天裡,我們一步步為「省錢拍拍」賦予了超能力:它學會了使用相機 (image_picker)、學會了閱讀 (ML Kit...
前言 大家好,歡迎來到第二十天!昨天,我們成功打通了從拍照到記帳的完整智慧流程,實現了「省錢拍拍」的核心功能。我們的 App 現在已經是一個非常高效的資料輸入工...