iT邦幫忙

flutter相關文章
共有 605 則文章
鐵人賽 Security DAY 8

技術 Day 08: 【後端起手式】Firebase Functions:打造 Serverless FIDO 後端服務

前言:進入後端實作階段 根據我們在第一週定版的系統設計與 API 規格,第二階段的核心目標是實現 FIDO/WebAuthn 的後端邏輯。為此,我們選定 Fir...

鐵人賽 Security DAY 7

技術 Day 07: 【第一週回顧】技術基礎與系統設計定版

前言:第一階段 (理論與設計) 總結 本週,我們完成了專案的第一階段:技術理論研究與系統設計。此階段的目標是為後續的開發工作奠定堅實的基礎,確保所有團隊成員對核...

鐵人賽 Mobile Development DAY 22

技術 【30 天做一個極簡App】核心功能:實作語音轉文字筆記

昨天為App搭建了筆記區的UI骨架,今天將為這個骨架注入與實作整個App最核心、也最有趣的功能之一:語音轉文字筆記。 這個功能旨在解決靈感閃現時,打字記錄過於緩...

鐵人賽 Mobile Development DAY 21

技術 【30 天做一個極簡App】UI 實作:筆記區&設定頁

鐵人賽第21天了,我App核心互動體驗已經在第二週建立起來。現在要開始將先前規劃中預留的空間一一填滿,讓App的功能更加完整。根據開發藍圖,今天的主軸是UI的擴...

鐵人賽 Security DAY 5

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

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

鐵人賽 Mobile Development DAY 20

技術 30 天做一個極簡App:即時同步 - Firestore Realtime Updates

昨天完成了一重要的任務,將使用者的收藏資料遷移到了雲端Firestore,使用者的資料就會相對安全,且可以在任何登入相同帳號的裝置上存取... 嗯,最終是可以存...

鐵人賽 Security DAY 4

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

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

鐵人賽 Mobile Development DAY 19

技術 30 天做一個極簡App:多端同步 - Firebase Firestore與Auth

哈囉鐵人們!現在此App是一個非常出色的單機版應用~它功能豐富、體驗流暢,甚至還能離線使用。但它有一個天生的「地域限制」——那就是所有的使用者資料,如那些特別收...

鐵人賽 Mobile Development DAY 18

技術 30 天做一個極簡App:從點擊通知到 App的Deep Linking

昨天成功地為App建立推播分享,能否創造一種更無縫、更使用者友善的體驗,讓使用者無論是點擊朋友分享的連結,還是點擊我們發送的推播通知,都能像穿越任意門一樣,直接...

鐵人賽 Security DAY 3

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

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

鐵人賽 Security DAY 2

技術 【Day 02 — FIDO 生態系】解構 FIDO2:WebAuthn、CTAP 與公鑰密碼學的交響樂

(圖片來源: FIDO Alliance) 前言:揭開無密碼革命的引擎蓋 在昨天的文章中,我們確立了 FIDO 是實現零信任的關鍵技術,是我們揮別密碼時代的「石...

鐵人賽 Mobile Development DAY 17

技術 30 天做一個極簡App:原生分享功能

一個被鎖在App裡的點子,影響力是有限的,可一旦它被分享給朋友、在群組中引發討論、或是在社群媒體上激起漣漪,它的價值才會成倍增長。這種「口碑傳播」也是任何App...

鐵人賽 Mobile Development DAY 16

技術 30 天做一個極簡App:workmanager背景抓取

昨天順利地為App裝上了「擴音器」——FCM推播通知,讓它學會了如何主動呼喚使用者。當使用者收到「今日靈感已送達」的通知時,他們會滿懷期待地點開App。 但此時...

鐵人賽 Security DAY 1

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

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

鐵人賽 Mobile Development DAY 15

技術 30 天做一個極簡App:每日喚醒 FCM推播通知

我覺得一個好的App是需要被提醒點開他的,現在好用的小工具太多,多到我本來要記得使用,但真的不是不需要,也不是App不夠好,是真的忘記了。 如果使用者忘記使用它...

鐵人賽 Mobile Development DAY 14

技術 30 天做一個極簡App:讓資料活下來 - Hive 離線快取(下)

昨天我們安裝並初始化了Hive,定義了資料的「Box」,還教會了Hive如何去認識我們的Insight模型。今天將扮演工程師的角色,把Riverpod的狀態管理...

鐵人賽 Mobile Development DAY 13

技術 30 天做一個極簡App:讓資料活下來 - Hive 離線快取(上)

經過前兩天的努力,「日更靈感」App 已有了完整的核心體驗 —— 滑動卡片、點擊收藏、並在專屬頁面回顧,這感覺非常棒~但現在App還有失憶症的問題。 目前App...

鐵人賽 Mobile Development DAY 12

技術 30 天做一個極簡App:收藏頁面的誕生

昨天實作了「收藏」按鈕,每一次心動的點擊,都代表一則寶貴的靈感被我們珍藏起來~但問題來了:這些收藏的靈感去哪了?它們此刻正靜靜地躺在我們昨天建立的Favorit...

鐵人賽 Mobile Development DAY 11

技術 30 天做一個極簡App:互動按鈕「一鍵保留、捨棄、收藏」

日安(換個方式打招呼)!經過Day 10的努力,App已經脫胎換骨。Riverpod 的加持,每一次滑動不再是過眼雲煙,而是會真實地改變App狀態的有效操作。...

鐵人賽 Mobile Development DAY 10

技術 30 天做一個極簡App:狀態管理入門「Riverpod 管理卡片狀態」!

大家好~昨天的程式碼,成功地讓靈感卡片「動」了起來,實現了滑動效果~但那更像是一場視覺魔術。當我們滑掉一張卡片時,它只是從畫面上消失,App並沒有真正「記住」這...

鐵人賽 Mobile Development DAY 28

技術 Day 28:從雛形到產品,讓 AI 編輯器不再只是展示品

昨天將設計藍圖化為實際可運作的 UI,並透過假資料模擬了 AI 聊天編輯器的核心功能,今天,將迎來另一個關鍵時刻:串接真實的 AI API。 與假資料的無痛串接...

鐵人賽 Mobile Development DAY 27

技術 Day 27 - 讓 AI 行程編輯器動起來:畫面實作與假資料串接

昨天針對「AI 對話式行程編輯器」進行了完整的設計與規劃,從使用者痛點、功能目標到 API 資料流和程式碼架構,都已經有了清晰的藍圖。今天的目標很單純就是一直寫...

鐵人賽 Mobile Development DAY 29

技術 Day 29 - 藍圖旅人的誕生:從命名、Icon 到啟動畫面的全紀錄

命名的誕生 歷經快三十天的開發,今天終於要幫我的 APP 正式命名了。在 AI 的輔助下,最後採用了 Gemini 點子發想模式提供的建議: 名稱:藍圖旅人(...

鐵人賽 Mobile Development DAY 26

技術 Day 26 - 擴充行程規劃 APP:加入 AI 對話式編輯器

背景與痛點 在近期實際規劃行程的過程中,我試用了這款 AI 行程規劃 APP。不得不說,AI 自動產生行程的功能確實大幅降低了使用門檻,使用者只要輸入需求就能立...

鐵人賽 Mobile Development DAY 9

技術 30 天做一個極簡App:滑動的藝術,實作卡片堆疊與滑動效果

昨天成功用Flutter的基礎Widgets刻畫出了「日更靈感App的核心——那張極簡的靈感卡片。它現在靜靜地待在畫面上,雖然好看,但就只是好看。 今天的目標,...

鐵人賽 Mobile Development DAY 8

技術 30 天做一個極簡App:設計極簡,用 Flutter 實現卡片UI

來到我開發之旅的第二週!在第一週,成功地從零到一,搭建並打通了n8n後端與Flutter前端的數據橋樑。 本週的進行主軸,是將極簡App塑造一個優雅的「肉體」,...

鐵人賽 Mobile Development DAY 7

技術 30 天做一個極簡App:打造資料模型與 Repository

第一週的最終章~擦啦!昨天完成了一個初始化的專案、一套清晰的架構藍圖,以及Riverpod這個強大的狀態管理核心。讓App像是一個擁有骨架的機器人,但它還沒有與...

鐵人賽 Mobile Development DAY 24

技術 Day 24 - 地圖實戰:客製地圖 Marker 讓行程一看就懂

Marker 的 infoWindow 雖然可以在點擊後顯示景點資訊,但對於「點擊後直接導航」這個需求就產生了衝突。為了讓使用者不用點擊就能一眼知道這是哪個景點...

鐵人賽 Mobile Development DAY 25

技術 Day 25 - 地圖實戰:Map Style,自己的地圖自己定義

在行程規劃 App 裡,地圖不只是背景,而是資訊承載的重要介面。今天要動手實作 Google Map 在 Flutter 中的客製化應用,重點在於「地圖樣式切換...

鐵人賽 Mobile Development DAY 6

技術 30 天做一個極簡App:Flutter 專案初始化與架構規劃

接下來是開發之旅的全新篇~過去的一週裡,主要全心投入在n8n的世界,從無到有,打造了一個由AI驅動的自動化內容後端,現在準備就緒,將從後端的伺服器,走向前端的使...