技術 DAY 8 React Native Debug 工具 - Logo box & Flipper

Logo box Logo box 是 React Native 0.63 推出的一個 debugg 功能，當你在開發環境進行開發過程中程式碼有錯誤，就會自動地...

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

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

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

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

技術 GMail 手機 APP，查看寄給我，安全性詳細資訊 TLS SSL

GMail 手機 APP，查看寄給我，安全性詳細資訊 TLS SSL 要點開 寄給我 才會展開資訊 標準型加密(TLS)。 再點開安全性詳細資料 安全性資料...

技術 運用Gemini AI Agent mode 協助完善 APP 功能

在前幾天我們完成了基本的 UI 介面與對話功能 接下來我們要透過 Gemini 的 Agent mode 完善這個 APP 首先他列出他認為還能做的功能 輸入:...

技術 Day 11 - 運用 Vibe Coding 在 Android Studio 上快速製作記帳 APP Part1

接下來，我們將利用 Vibe 的方式，全程只用 Prompt 技巧完成這個記帳 APP。我會提供我的步驟與 Prompt 但你可以自己客製化。 使用環境 And...

技術 Day ?? - 打造自己的 Gemini APP

首先你需要有 Google Cloud Console 的 Gemini API key 檢查 ⬇️ 打開 https://aistudio.google.co...

技術 Day 20 - 用 Gemini in Android studio vibe coding APP

#製作流程皆使用 Gemini Agent 接續上一章節建好專案後，接下來我們要思考我們要做甚麼樣子的chat APP 但憑空想像可能太困難 不如直接輸入 ”幫...

技術 【30 天做一個極簡App】鐵人賽完賽心得、專案回顧與未來展望

終於寫到Day 30了～在過去寫文章的日子裡，從一個模糊的想法開始，透過每天的持續推進，一手打造出橫跨前後端、整合了LLM人工智慧、具備雲端同步與雙平台上架能力...

技術 [Day 19] 里程定位與地圖顯示（五）- 自訂元件樣式

在 SwiftUi 中自訂元件樣式 當你使用 SwiftUI 框架提供的元件，通常來說你能夠自訂的部分不多，不然就會受到許多限制。以 Picker 來說，你能改...

技術 [Day 20] 里程定位與地圖顯示（六）- 佈局調整

今天我們先繼續把 UI 調整跟草圖接近一致。目前上半部的選項與下方的地圖區塊是分開的，為了讓選項卡片能夠疊在地圖上，我們要將這些既有元件放到 ZStack 裡。...

技術 [Day 18] 里程定位與地圖顯示（四）- Picker 滑動時會亂跳？開立 bug 單吧！

在我們昨天的進度中，我們建立了一個選擇道路的 Picker。但正當我興高采烈地測試時，發現了一個奇怪的 bug：當我快速滑動 Picker 的選項列表，手指一放...

技術 [Day 17] 里程定位與地圖顯示（三）- 實作搜尋邏輯

今天要來填上核心的「搜尋」與「顯示」邏輯了，包含處理里程輸入，接收並驗證使用者輸入的公里數，並實作搜尋函式，處理不同里程格式的解析，找出最近的地理位置，最後在地...