iT邦幫忙

flutter相關文章
共有 567 則文章
鐵人賽 Mobile Development DAY 17

技術 Day 17 - Drift CRUD 入門:跟著 Gemini 玩轉資料庫

今天我持續透過 Gemini 職涯導師模式,學習資料模型與 CRUD 操作。將統整我今日的學習內容,並簡要分享 Gemini 職涯導師在引導學習全新套件時的實際...

鐵人賽 Mobile Development DAY 16

技術 Day 16 - 選擇 Flutter 本地儲存:為何我擁抱 Drift

在開發我的 AI 行程 App 時,我面臨了一個關鍵的決策:該如何選擇本地資料庫?市面上有許多優秀的套件,從輕量級的 shared_preferences、高效...

鐵人賽 Mobile Development DAY 15

技術 Day 15 - 串接 API 與測試實務:從假資料到真實情境完整演練

昨天先用假資料跑流程,今天重點放在撰寫單元測試,確保資料能正確取得,也能捕捉各種錯誤。程式不只是能跑,還能透過測試驗證不同情境,未來換 API 或調整資料結構時...

鐵人賽 Mobile Development DAY 14

技術 Day 14 - 從 Prompt 到程式碼:API 串接前的測試與準備

前幾天把 UI 畫面大致刻完了,今天正式進入後端串接的階段!在真正接上 API 之前,會先用假資料(Fake Repository)來測試,確認資料流跟狀態管理...

鐵人賽 Mobile Development DAY 13

技術 Day 13 - 行程拖曳功能開發:LongPressDraggable 與 DragTarget 的選擇與實作

今天的開發重點是讓使用者可以拖曳行程項目快速調整順序,提升操作直覺性與流暢度。本文從需求出發,分析不同原生實作方式,並分享我們最終選擇 LongPressDra...

鐵人賽 Mobile Development DAY 12

技術 Day 12 - 資料模型與狀態管理串接:從 Model 到功能驗證

今天的重點是把 資料模型 跟 狀態管理 串起來,然後透過 UI 驗證 時間區塊防呆設計,確認資料流與使用流程是否順暢。今天主要目標頁面: 添加行程頁 行程總覽...

鐵人賽 Mobile Development DAY 11

技術 Day 11 - 從填空題到選擇題:Flutter 輸入元件技術拆解

在 Flutter 開發中,表單輸入幾乎是每個 App 都會遇到的需求,但不同的輸入欄位如果用同一種元件,很容易造成操作不便或樣式混亂。今天目標是實作「新增行程...

鐵人賽 Mobile Development DAY 10

技術 Day 10 – 畫面刻畫與介面實作:結合 AI 工具的效率觀察

今天主要聚焦於畫面設計與使用者介面的實作,結合前幾章提到的 AI 助手輔助,在完整實作設計系統的情況下,觀察完成各功能所需時間,今日將完成以下三個主要頁面:...

鐵人賽 Mobile Development DAY 9

技術 Day 9 - 從迷路到清晰:用 Deepwiki 快速理解 Riverpod

還記得以前為了找文件上沒有的救命 function,得花大把時間慢慢翻閱套件的原始碼嗎? 之前就聽說了 Deepwiki,一個能解決這個痛點的工具,今天終於有時...

鐵人賽 Mobile Development DAY 8

技術 Day 8 - 解鎖 Dart MCP Server:開發效率瞬間提升的秘密武器

今天氣到不要不要的,決定好好研究一下 Dart MCP Server 能不能直接取代公司同事,至少加速整個專案開發!這項功能是 Dart 3.9 之後才推出的,...

鐵人賽 Mobile Development DAY 7

技術 Day 7 - 不只是深色模式:讓你的 Flutter App 也有個性主題

今天將深入探討如何使用 ThemeExtension 來實現 Flutter 應用程式的多主題管理。多主題設計的價值遠不止於提供基本的深色與淺色模式。它更是一種...

鐵人賽 Mobile Development DAY 6

技術 Day 6 - 從 Figma 到 Flutter:將設計系統化為 UI 元件

在 Figma 中將設計元素整理成系統與元件後,現在我們要進入更關鍵的一步:將這些視覺藍圖化為實際的 Flutter 程式碼!這不只是將設計稿變成 App 畫面...

鐵人賽 Security DAY 5

技術 【Day 05 協議詳解 III】信任的證明:解構 WebAuthn 驗證儀式

前言:從契約到通行證 在昨天的註冊儀式中,我們的後端伺服器(RP)與使用者的驗證器簽訂了一份基於公鑰密碼學的信任契約。這份契約的核心是我們安全地儲存了使用者的公...

鐵人賽 Security DAY 4

技術 【Day 04 —協議詳解 II】信任的誕生:解構 WebAuthn 註冊儀式

前言:從對話到契約 昨天,我們認識了 WebAuthn 世界中的三大主角,並了解了「註冊 (Attestation)」與「驗證 (Assertion)」這兩大核...

鐵人賽 Mobile Development DAY 4

技術 Day 4 - 將視覺骨架化為程式碼:在 Flutter 中實作設計系統

前幾天從使用者痛點出發,用 Stitch Designer 產出了 App 的 UI 初稿,接著在 Figma 上將設計元素系統化,建立了顏色的色階、定義了字體...

鐵人賽 Mobile Development DAY 3

技術 Day 3 - 從設計初稿到設計系統:打造 App 的視覺骨架

前兩天我完成了 App 的 UI 初稿,今天想試著將這些設計系統化。這個過程有助於建立一套完整的設計規範,讓後續的設計和開發更有效率,也能確保 App 整體視覺...

鐵人賽 Mobile Development DAY 1

技術 Day 1 - AI 行程規劃 App 的起點:從使用者痛點到開發藍圖

我喜歡旅行,喜歡到不同的國家放空做自己,但我懂,光是行程規劃就夠讓人一個頭兩個大。要查景點、找美食、安排交通,還要跟旅伴協調,這些瑣碎的事真的會佔據很多時間和心...

鐵人賽 Security DAY 3

技術 【Day 03 —協議詳解】WebAuthn 的世界觀:讀懂規格書的第一步

前言:從宏觀地圖到微觀詞典 在昨天的探索中,我們繪製了一張 FIDO2 的宏觀作戰地圖,理解了 WebAuthn (軟體 API) 與 CTAP (硬體通訊)...

鐵人賽 Security DAY 1

技術 【Day 01 —資安的浪潮】從金管會最新規範,看 FIDO 如何成為零信任時代的『石中劍』

身為軟體開發者,我們總是追逐著一波又一波的技術浪潮,而最近在臺灣科技圈,有個關鍵字正逐漸受到重視:FIDO。如果你還沒參與到「零信任 (Zero Trust)...

技術 Shorebird - Flutter 版 Code Push

為了更加全面的評估分析實務上使用的需求,這裡我們進一步介紹 Flutter 的 Code Push。 首先關於「Code Push」 這個術語的起源最初我是...

技術 了解 Composited Layer 進行應用程式效能優化

在 Flutter 中,除了 Widget、Element、和 RenderObject 結構外,還有一個 Layer 結構。就像 Element 結構在建構階...

技術 錯誤處理

Flutter 能夠自動處理在其內部運作過程中出現的錯誤。比如渲染畫面、安排組件位置、建立使用者介面時,如果出現錯誤,Flutter 會自動攔截這些錯誤。但如果...

技術 Rive - 動畫解決方案新選擇

在這之前,我們介紹了關於 Lottie 一個近年來常見的動畫解決方案。然而隨著技術的進步,現在我們還可以選擇一個更強大的替代品 - Rive。 基本上 Rive...

技術 最佳實踐 2024 年版

Flutter 無疑的是一個高效率的跨平台解決方案。桌面、行動裝置的應用程式都可以使用它建置創新的軟體服務。在這個時間點,如果您剛要學習應用程式開發或者有跨平台...

鐵人賽 Mobile Development DAY 30

技術 Flutter 藍芽通訊使用 flutter_blue_plus

隨著藍芽普及成為生活中幾乎是不可或缺的一部分,它實現了裝置之間無線傳輸連線。在開發行動應用程式時,尤其涉及 IoT 或週邊裝置如耳機的應用程式時,整合藍芽功能就...

鐵人賽 Mobile Development DAY 30

技術 Day 30 發佈正式版應用程式

當我們撰寫完程式碼,也跑過測試,處理完所有問題,一切準備就緒。是時候將應用程式發佈到平台上了。 本章節將探討如何在 Apple App Store、Google...

鐵人賽 Mobile Development DAY 29

技術 Day 29 整合測試

前面提到的單元測試和組件測試用於檢查個別的類別、函式或組件。它們並不會檢查系列操作,也無法捕捉真實情境運行的效能。而「整合測試」主要用於驗證程式的系列行為是否符...

鐵人賽 Mobile Development DAY 28

技術 Day 28 偵錯

軟體開發階段「偵錯、除錯」是重要的環節。通過偵錯我們修正小錯誤,修正奇怪的效果和邏輯等等。 Flutter 支援了多種工具協助我們進行偵錯,而最簡單的方式就是通...

鐵人賽 Mobile Development DAY 27

技術 Day 27 測試

選擇 Flutter 的一個優點就是其提供了優異的工具可協助開發 - 從編輯器整合到測試等。對於應用程式開發尤其重要,不同於網頁開發,在應用程式開發中錯誤的修復...

鐵人賽 Mobile Development DAY 26

技術 Day 26 深入狀態管理

前面的文章我們已經簡單的介紹了 InheritedWidget 以及一些主流的狀態管理插件。本篇我們進一步分析各自的優缺點以及稍微深入學習它們的使用。 在選擇該...