iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Mobile Development

我的 Flutter 進化論:30 天打造「Crew Up!」的架構之旅 系列

大家好,我是一名正在成長的 Flutter 工程師。「Crew Up!」開發日誌,源自過去一年多的學習與實戰。

今年夏天,我和五位設計師參加 AAPD UI Bootcamp,合作完成一套 Design System。這段密集協作讓我體會到,UI 不只是美觀,而是工程與設計之間的橋樑。

同時,我也參與 Flutter Engineering 讀書會,持續半年研讀從原理到架構設計的內容。每週討論拓展了視野,也讓我反思:若要打造能長期維護、可擴展的 App,該如何真正落實?

於是,我決定把這些養分投入「Crew Up!」,一款社交 App,也是我挑戰自我的舞台。

參賽天數 12 天 | 共 12 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - 專案啟動與架構選型

大家好,歡迎來到「Crew Up!」的架構之旅! 在接下來的 30 天,我們將從零開始,一步步打造一個名為「Crew Up!」的社交 APP。這不只是一個教學,...

2025-09-15 ‧ 由 xiaoyun 分享
DAY 2

Day 2 - 設計系統的哲學與實作

大家好,歡迎來到 Day 2!在昨天,我們用 Clean Architecture 和「功能優先」的原則,為專案搭建了一個穩固、專業的骨架。今天,我們要為這個骨...

2025-09-16 ‧ 由 xiaoyun 分享
DAY 3

Day 3 - 元件的藝術:打造類型安全、高效能的 Flutter UI 分子

大家好,歡迎來到第三天的旅程!在 Day2,我們定義了設計系統中最基礎的「原子」—顏色與字體排印。今天,我們要沿著「原子設計」的階梯向上,開始組合這些原子,創造...

2025-09-17 ‧ 由 xiaoyun 分享
DAY 4

Day 4 - 國際化與在地化:打造全球化的 App

大家好,歡迎來到第四天!在 Day 3,我們建立了精美的 UI 元件。今天,我們要來討論如何讓我們的 App 支援多國語言,為全球使用者提供在地化的體驗。 國際...

2025-09-18 ‧ 由 xiaoyun 分享
DAY 5

Day 5 - 導航不再迷路:go_router 實戰心得與架構演進

大家好,歡迎來到 Day 5!在昨天,我們為 Crew Up 建立了完整的多語言支援。今天,我們要來解決一個讓很多 Flutter 開發者頭痛的問題:導航管理。...

2025-09-19 ‧ 由 xiaoyun 分享
DAY 6

Day 6 - Riverpod 2.0 實戰攻略:從架構設計到效能優化的完整指南

大家好,歡迎來到第六天!在 Day 5,我們建立了完整的導航架構。今天,我們將深入探討 Flutter 世界的核心議題:狀態管理。 狀態管理可以說是 Flutt...

2025-09-20 ‧ 由 xiaoyun 分享
DAY 7

Day 7 - Repository 模式:軟體架構的自由基石

大家好,歡迎來到第七天!在 Day 6,我們建立了完整的狀態管理架構,深入探討了 Riverpod 2.0 的實戰應用。今天,我們將開始打造第一個核心功能:在首...

2025-09-21 ‧ 由 xiaoyun 分享
DAY 8

Day 8 - 儲存架構設計:分層儲存策略與安全邊界

在設計 Crew Up 的儲存層時,我們面臨的核心挑戰不僅是「如何儲存」,更重要的是「如何建立清晰的安全邊界」。作為一個涉及使用者認證、社交互動和敏感資料的應用...

2025-09-22 ‧ 由 xiaoyun 分享
DAY 9

Day 9 - Cache、TTL 與版本管理:實現高效能的資料快取策略

Day 8 建立了 LocalStorage 和 SecureStorage 的分層架構。今天,我們將一起來看看三個重要的層面: Cache 策略:什麼資料...

2025-09-23 ‧ 由 xiaoyun 分享
DAY 10

Day 10 - 錯誤處理與日誌記錄:建立錯誤追蹤機制

繼續 Day 9 的 TTL 快取策略,今天我們來分享 Crew Up! 專案中的錯誤處理經驗。開發過程中,我們發現使用者最在意的不是 App 有沒有問題,而是...

2025-09-24 ‧ 由 xiaoyun 分享