iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 912 瀏覽

鐵人賽 Mobile Development DAY 30

探索 Flutter 由裡到外，三十天帶你前往進階系列第 30 篇

技術 Day 30: The End to Start, Be a Contributor

嗨，大家好，再次自我介紹，我是陳虔逸、Yii Chen，一位 Flutter 愛好者以及推廣者，專注跨平台開發，除了投入技術寫作外，也是活躍講者。擁有 7 年...

Yii Chen ‧ 2023-10-15

0 Like 0 留言 396 瀏覽

鐵人賽 Mobile Development DAY 29

探索 Flutter 由裡到外，三十天帶你前往進階系列第 29 篇

技術 Day 29: Dart 3 總複習，大家準備一下待會考試！

延續在本系列開始的 Dart 3 解說與實用範例，目的是希望系列結束前能再讓大家複習和更熟悉 Dart 3 新版帶來的方便性，有效運用在目前的專案上，甚至能優...

Yii Chen ‧ 2023-10-14

0 Like 0 留言 485 瀏覽

鐵人賽 Mobile Development DAY 28

探索 Flutter 由裡到外，三十天帶你前往進階系列第 28 篇

技術 Day 28: 制訂品牌風格， Design System 讓製作畫面變得很有趣！

如何在 Flutter 制訂一個有品牌風格的 Design System，讓我們的產品擁有特點，辨識度就非常重要，所以從基本的顏色、字體、文字大小、圓弧曲度、...

Yii Chen ‧ 2023-10-13

0 Like 0 留言 555 瀏覽

鐵人賽 Mobile Development DAY 27

探索 Flutter 由裡到外，三十天帶你前往進階系列第 27 篇

技術 Day 27: 什麼是 Atomic Design 與 Design System？從 Flutter 快速掌握它們！

首先請問大家幾個問題：在開發產品時，公司和團隊裡有 UI 設計師嗎？有根據設計使用的文字、大小、顏色、空格間距等等，來開發嗎，是否完全相同？有關數值的設...

Yii Chen ‧ 2023-10-12

0 Like 0 留言 695 瀏覽

鐵人賽 Mobile Development DAY 26

探索 Flutter 由裡到外，三十天帶你前往進階系列第 26 篇

技術 Day 26: 想跑 Flutter 測試但卻不想寫嗎，試看看 Maestro UI Testing，整合 CICD 沒問題！

Maestro 是一個完整的 UI 自動化測試框架與解決方案，提供豐富的文件和 API 給開發者使用，其中的連續模式就很符合人性化，像是自動 hot-relo...

Yii Chen ‧ 2023-10-11

0 Like 0 留言 872 瀏覽

鐵人賽 Mobile Development DAY 25

探索 Flutter 由裡到外，三十天帶你前往進階系列第 25 篇

技術 Day 25: 不要浪費時間在無聊代碼了，實作自己的模板生成工具，Mason Brick！

Mason 是什麼？它可以有效的幫我們提升開發效率，避免花費不必要的時間在創建檔案或是無聊的代碼上，根據自己和公司的開發習慣去自定義模板和生成結果，很值得投資...

Yii Chen ‧ 2023-10-10

0 Like 0 留言 650 瀏覽

鐵人賽 Mobile Development DAY 24

探索 Flutter 由裡到外，三十天帶你前往進階系列第 24 篇

技術 Day 24: 善用工具與快捷輔助，提升 Flutter 開發效率！

身為工程師，每天長時間的開發、寫程式碼，提升開發效率是必須的，趕快完成任務才能偷懶沒錯吧？我們必須在節省時間的情況下還能達到目的，除了程式碼的撰寫之外，還有開...

Yii Chen ‧ 2023-10-09

0 Like 0 留言 324 瀏覽

鐵人賽 Mobile Development DAY 23

探索 Flutter 由裡到外，三十天帶你前往進階系列第 23 篇

技術 Day 23: 帶你完整探索 DevTools，聰明的使用 Network、App Size Tool 與 Skia Tool (Debugging with DevTools - part3)

本文為 Debugging with DevTools 系列的第三章，前面談論到了 Flutter Inspector、Performance、CPU Pro...

Yii Chen ‧ 2023-10-08

0 Like 0 留言 785 瀏覽

鐵人賽 Mobile Development DAY 22

探索 Flutter 由裡到外，三十天帶你前往進階系列第 22 篇

技術 Day 22: 帶你完整探索 DevTools，重要的 CPU Profiler、Memory 與 Logging (Debugging with DevTools - part2)

來到了 DevTools 系列的第二章，上一篇我們講解了 Flutter Inspector 與 Performance 用法，使用工具瀏覽 Widget T...

Yii Chen ‧ 2023-10-07

0 Like 0 留言 1009 瀏覽

鐵人賽 Mobile Development DAY 21

探索 Flutter 由裡到外，三十天帶你前往進階系列第 21 篇

技術 Day 21: 帶你完整探索 DevTools， Flutter Inspector 與 Performance 用法 (Debugging with DevTools - part1)

大家對於 DevTools 還熟悉嗎？專屬於 Flutter 的 Debugging 工具，本身也是使用 Flutter 進行開發，以這工具來看，就可以知道...

Yii Chen ‧ 2023-10-06

0 Like 0 留言 1057 瀏覽

鐵人賽 Mobile Development DAY 20

探索 Flutter 由裡到外，三十天帶你前往進階系列第 20 篇

技術 Day 20: Riverpod 的開發多元性以及日常使用技巧！Provider 該如何選擇？

Riverpod 是什麼？相信大家都已經有初步了解了，甚至大家都已經運用在自己的專案了對吧？它本身的使用方式很多樣，是個很靈活的框架，但在很方便開發的同時，也...

Yii Chen ‧ 2023-10-05

0 Like 0 留言 496 瀏覽

鐵人賽 Mobile Development DAY 19

探索 Flutter 由裡到外，三十天帶你前往進階系列第 19 篇

技術 Day 19: 如何撰寫 Riverpod 測試，使用 Mocktail 來幫助我們吧！

本文進入測試環節。適合對 Riverpod 有實際玩過且熟悉的朋友們，不會特別講解相關開發技巧，我們著重在於如何寫好一個基本的測試，穩固專案的品質。希望由這些...

Yii Chen ‧ 2023-10-04

0 Like 0 留言 521 瀏覽

鐵人賽 Mobile Development DAY 18

探索 Flutter 由裡到外，三十天帶你前往進階系列第 18 篇

技術 Day 18: Flutter 狀態管理？Riverpod 的 watch() 實際上如何通知更新？

當我們在專案使用 Riverpod 後，一定很長使用到 WidgetRef API，例如：ref.read()、ref.watch()、ref.listen...

Yii Chen ‧ 2023-10-03

0 Like 0 留言 1839 瀏覽

鐵人賽 Mobile Development DAY 17

探索 Flutter 由裡到外，三十天帶你前往進階系列第 17 篇

技術 Day 17: Riverpod 是什麼？它負責狀態管理嗎？跟著我了解幾個重要角色

在 Flutter，狀態管理對於專案來說很重要，不是說一定要用，只是當開發者還不熟悉 Flutter 原理以及刷新觀念，很容易會造成不當開發的效能問題。狀態管...

Yii Chen ‧ 2023-10-02

0 Like 0 留言 926 瀏覽

鐵人賽 Mobile Development DAY 16

探索 Flutter 由裡到外，三十天帶你前往進階系列第 16 篇

技術 Day 16: 聊聊 Flutter 圖像使用的良好習慣，記憶體掌握與優化！

相信大部分 APP 都會使用到圖片，可能場景有貼文牆、大頭照、上傳圖片等等，在實作時大家是否有關心過記憶體的使用情況呢？或許在開發時、在自己的裝置上都運行的順...

Yii Chen ‧ 2023-10-01

0 Like 0 留言 446 瀏覽

鐵人賽 Mobile Development DAY 15

探索 Flutter 由裡到外，三十天帶你前往進階系列第 15 篇

技術 Day 15: Flutter 效能優化，良好的開發觀念與技巧！(下)

延續上一篇的內容，本文繼續跟大家分享一些正確觀念，為了就是在開發時可以撰寫出品質好的程式碼，寫的任何一個元件都很重要，它們為何存在，使用的優缺點是什麼，都應該...

Yii Chen ‧ 2023-09-30

0 Like 0 留言 923 瀏覽

鐵人賽 Mobile Development DAY 14

探索 Flutter 由裡到外，三十天帶你前往進階系列第 14 篇

技術 Day 14: Flutter 效能優化，良好的開發觀念與技巧！(上)

當我們開發 Flutter 一段時間後，想必都會有自己習慣的開發方式跟技巧，但有時候很方便、速度快的方式卻不代表是好的，有可能開發上很省時卻導致性能有缺陷，記...

Yii Chen ‧ 2023-09-29

0 Like 0 留言 842 瀏覽

鐵人賽 Mobile Development DAY 13

探索 Flutter 由裡到外，三十天帶你前往進階系列第 13 篇

技術 Day 13: 在 Dart 與 Flutter 開發中常用的幾種 Pattern，為什麼需要它們？

Pattern 在每個領域的軟體開發當中都會遇到，有時候大家很常使用但卻沒有實際了解為什麼要這樣設計，他們都是為了解決某件事，讓我們很方便的完成開發。而在開發...

Yii Chen ‧ 2023-09-28

0 Like 0 留言 579 瀏覽

鐵人賽 Mobile Development DAY 12

探索 Flutter 由裡到外，三十天帶你前往進階系列第 12 篇

技術 Day 12: 研究 Flutter 動畫，背後的 vsync 跟 Ticker 有多重要？

上一篇介紹了動畫的兩大分類，Explicit Animation 和 Implicit Animation，以及實作時會用到的幾個重要元素，包含 Animat...

Yii Chen ‧ 2023-09-27

0 Like 0 留言 728 瀏覽

鐵人賽 Mobile Development DAY 11

探索 Flutter 由裡到外，三十天帶你前往進階系列第 11 篇

技術 Day 11: Flutter 動畫大補帖，觀念與使用時機都告訴你！

在 Flutter 中，動畫在大部分開發情境下不太常使用到，很多產品都以功能為導向，有時候有趣的體驗或是酷炫的效果都會被忽略甚至是排在後面，視為往後優化的部分...

Yii Chen ‧ 2023-09-26

0 Like 0 留言 891 瀏覽

鐵人賽 Mobile Development DAY 10

探索 Flutter 由裡到外，三十天帶你前往進階系列第 10 篇

技術 Day 10: Async 和 Isolates 差異在哪裡？正確使用才能確保流暢體驗！

為什麼在 Flutter 開發中很常會需要 Async 非同步操作？因為畫面的互動、繪製刷新都是在同步的狀況下運行，為了順暢運行，需要一秒快速進行多次的渲染處...

Yii Chen ‧ 2023-09-25

0 Like 0 留言 512 瀏覽

鐵人賽 Mobile Development DAY 9

探索 Flutter 由裡到外，三十天帶你前往進階系列第 9 篇

技術 Day 9: 深入 setState()，觀察它如何進行 UI 刷新！

每次執行 flutter create <name> 創建新的專案後，預設都會在主頁面看到很熟悉的計數器功能，在點擊 FloatingAction...

Yii Chen ‧ 2023-09-24

0 Like 0 留言 404 瀏覽

鐵人賽 Mobile Development DAY 8

探索 Flutter 由裡到外，三十天帶你前往進階系列第 8 篇

技術 Day 8: MediaQuery 優化後與 InheritedModel 如何進行指定更新

上一篇我們討論了 MediaQuery 是什麼、它的正常使用方式，並稍微帶大家分析背後源碼的運作流程。本文要了解在 Flutter 3.10 改版後，Inhe...

Yii Chen ‧ 2023-09-23

0 Like 0 留言 492 瀏覽

鐵人賽 Mobile Development DAY 7

探索 Flutter 由裡到外，三十天帶你前往進階系列第 7 篇

技術 Day 7: MediaQuery 是什麼？很方便但如何正確在 Flutter 使用，順便跟你說它的缺點

所有的 Flutter 開發者應該多多少少都有碰過 MediaQuery，它給予的支援很廣，是個很重要的數據來源，以至於非常多場景都會需要存取它。而在 Flu...

Yii Chen ‧ 2023-09-22

0 Like 0 留言 918 瀏覽

鐵人賽 Mobile Development DAY 6

探索 Flutter 由裡到外，三十天帶你前往進階系列第 6 篇

技術 Day 6: 完全掌握 Flutter APP 生命週期，跟著我從源碼認識它！

到了生命週期第二篇，開發者不僅要了解 StatefulWidget 的生命週期，很常也會需要現在 APP 的週期狀態，而在 8/17 剛發布的 Flutter...

Yii Chen ‧ 2023-09-21

0 Like 0 留言 577 瀏覽

鐵人賽 Mobile Development DAY 4

探索 Flutter 由裡到外，三十天帶你前往進階系列第 4 篇

技術 Day 4: Flutter 高效核心，了解 Element 生命週期與使用

相信大家對於 Widget 的接觸已經很熟悉了，那 Widget 是誰在管理的？這時候要幫忙請出背後的主角了，也就是 Element，身為 Flutter 高...

Yii Chen ‧ 2023-09-19

1 Like 0 留言 826 瀏覽

鐵人賽 Mobile Development DAY 3

探索 Flutter 由裡到外，三十天帶你前往進階系列第 3 篇

技術 Day 3: 最熟悉的朋友 Flutter Widget，你會用但真的了解它嗎？

所有 Flutter 開發者從 Widget 開始，通過嵌套的方式來完成聲明式 UI，可以讓我們輕易實現腦中的畫面與效果，大家一定跟它非常熟悉吧。但它除了是畫...

Yii Chen ‧ 2023-09-18

0 Like 0 留言 573 瀏覽

鐵人賽 Mobile Development DAY 5

探索 Flutter 由裡到外，三十天帶你前往進階系列第 5 篇

技術 Day 5: Flutter 的 StatefulWidget 和 State 生命週期，先熟悉它們再開發吧！

生命週期在大部分的軟體開發中都會了解這個名詞，簡單來說就是某個東西從出現到消失，中間的每個階段都會有一個對應的狀態，那為什麼要有狀態？這些狀態都是為了讓開發者...

Yii Chen ‧ 2023-09-20

1 Like 0 留言 1130 瀏覽

鐵人賽 Mobile Development DAY 2

探索 Flutter 由裡到外，三十天帶你前往進階系列第 2 篇

技術 Day 2: 使用 Dart 3 改善我們的開發習慣，更多範例與技巧分享！

當 Dart 3 添加 Record 和 Pattern 等等強大的功能後，讓它成為了很有吸引力的語言，非常值得我們花時間與它相處，輕鬆、快速地在專案寫出好的...

Yii Chen ‧ 2023-09-17

1 Like 0 留言 1887 瀏覽

鐵人賽 Mobile Development DAY 1

探索 Flutter 由裡到外，三十天帶你前往進階系列第 1 篇

技術 Day 1: 跟著我熟悉 Dart 3，這些高效語法你需要知道！

Dart 3 隨著 Flutter 3.10 發布，進行了一次大改版，達成了 100% sound-null safety，代表所有的屬性、變數都要聲明是否為...

Yii Chen ‧ 2023-09-16