iT邦幫忙

swift相關文章
共有 1005 則文章
鐵人賽 生成式 AI DAY 30

技術 Day 30 - 【鐵人鍊成!】我的 AI 賦能 iOS 開發之路全系列文章索引

三大篇章,三十日的足跡:旅程回顧 回望這段旅程,我們經歷了三個主要階段,從 iOS 的核心基礎,一路探索到 AI 應用的前沿: 第一篇章:iOS 核心實力打...

鐵人賽 生成式 AI DAY 29

技術 Day 29 - 【完賽前回顧】AI 時代下,身為 iOS 開發者的變與不變

今天是鐵人賽的第 29 天,這趟不可思議的旅程,即將抵達終點。 回首這一個月,彷彿一場夢。我還記得 Day 2 時對 Optional 感到困惑,記得第一次在...

鐵人賽 生成式 AI DAY 28

技術 Day 28 - 【天氣實戰 III】打造互動地圖:MapKit 應用與畫面呈現

昨天,我們完成了顯示天氣詳情的核心功能模組。然而,使用者還無法選擇他們想看的地區。 今天,我們就要來完主入口畫面。我們將使用 MapKit 框架,打造一個以台...

鐵人賽 生成式 AI DAY 27

技術 Day 27 - 【天氣實戰 II】導入 MVVM 架構與 UI 搭建

昨天,我們成功地為天氣 App 打造了數據基礎。 今天,我們將從零開始,搭建顯示天氣資訊的 UI 畫面,並導入 MVVM 架構的大腦——ViewModel,將昨...

鐵人賽 生成式 AI DAY 26

技術 Day 26 - 【天氣實戰 I】API 串接與數據模型:打造 App 的數據核心

今天,我們要從零開始,打造一個功能最經典、也考驗綜合實力的 App:Weather Api App。我們的第一步,是建立整個 App 的數據心臟——我們將串接真...

鐵人賽 生成式 AI DAY 25

技術 Day 25 - 【AI 協作心法】Vibe Coding 的真相:駕馭 AI 開發流程的挑戰與對策

在過去的二十多天裡,我們幾乎每天都在和 AI協作。大家看到的,是 AI 如同一位完美的家教,有問必答,甚至能產出程式碼。但真實的開發流程,真的是如此順利嗎? 今...

鐵人賽 生成式 AI DAY 24

技術 Day 24 - 【AI 超能力】Function Calling 是什麼?讓 AI 控制你的 App

到目前為止,我們與 AI 的互動模式都是一問一答:我們發送一段文字,AI 回傳一段文字或一張圖片。AI 就像一個知識淵博的顧問,能為我們提供資訊、生成內容,但它...

鐵人賽 Mobile Development DAY 25

技術 [Day 25] 使用 XCTest 來建立單元測試

前言 CSV 資料的讀取與解析,這項功能是 App 的核心之一。然而,隨著專案越來越複雜,我們很可能會在未來的某個時候不小心改動到相關程式碼,或是 CSV 檔案...

鐵人賽 Mobile Development DAY 24

技術 [Day 24] 地理圍欄通知(二)

前言 首先簡要回顧前幾天的進度: Day 11:我們實作了地理圍欄的核心功能,讓 App 能夠在用戶進入或離開特定區域時觸發事件 。 Day 21 &a...

鐵人賽 生成式 AI DAY 23

技術 Day 23 - 【AI 專案 II】AI 夢境視覺化師:體驗升級與動畫

今天,我們的目標就是透過優化載入流程與加入動畫,讓整個體驗更加流暢。 困惑點:我的 App 現在能用了,但體驗很差。當我點擊「生成」按鈕後,UI 會卡住好幾...

鐵人賽 生成式 AI DAY 22

技術 Day 22 - 【AI 專案 II】AI 夢境視覺化師:呼叫 Gemini 圖像生成模型

昨天,將使用者輸入的夢境描述,從輸入頁傳遞到了結果頁。文字的橋樑已經搭建完成,但我們的最終目標,是將這段文字轉化為一幅真正的視覺圖像。 今天,我們就要來實現這個...

鐵人賽 Mobile Development DAY 23

技術 [Day 23] 地理圍欄通知(一)

前言 今天要來完成的是地理圍欄(Geofencing)功能,讓使用者可以針對選定的里程位置訂閱通知,當進入/離開該區域時,會收到推播通知。 關於在 Loacti...

鐵人賽 生成式 AI DAY 21

技術 Day 21 - 【AI 專案 II】AI 夢境視覺化師:打造輸入介面與多頁面傳值

昨天,我們成功地讓 AI 化身為設計師,根據文字描述生成了專業的配色方案。這證明了透過精準的 Prompt,我們可以讓 AI 穩定地輸出結構化的資料。 今天,我...

鐵人賽 生成式 AI DAY 20

技術 Day 20 - 【AI 專案 I】AI 設計師:打造智慧配色 App

昨天,我們成功用 App 完成了與 AI 的第一次對話。 現在,我們不只要 AI 跟我們「聊天」,更要讓 AI 成為我們的「創意工具」。今天的專案目標是當我在...

鐵人賽 Mobile Development DAY 21

技術 [Day 21] 里程定位與地圖顯示(七)- TapGesture & Sheet

接續昨天的進度,現在地圖上的圖標已經能按照資料集的經緯度精確標出位置,並在圖標上方顯示道路名稱與里程數。然而,僅有這些資訊是不夠的,我們需要提供一個更豐富的互動...

鐵人賽 生成式 AI DAY 19

技術 Day 19 - 第一次接觸:使用 async/await 呼叫你的第一個生成式 AI API

從今天開始,我們要賦予我們的 App思考的能力。我們要讓它不再只是一個工具,而是一個能與我們對話的夥伴。 困惑點:我的 App 要怎麼跟「外面」的世界說話?...

鐵人賽 Mobile Development DAY 20

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

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

鐵人賽 生成式 AI DAY 18

技術 Day 18 - 鑰匙與門戶:獲取你的第一個 AI API 金鑰並學會安全管理

歡迎來到第二章!在第一章中,我們已經從零到有,打造了一個功能完整、架構合理的鬧鐘 App。 在命令 AI 為我們寫東西、畫圖、甚至控制我們的 App 之前,我們...

鐵人賽 Mobile Development DAY 19

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

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

鐵人賽 Mobile Development DAY 18

技術 [Day 18] 里程定位與地圖顯示(四)- Picker 滑動時會亂跳?開立 bug 單吧!

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

鐵人賽 生成式 AI DAY 17

技術 Day 17 - 程式碼健檢:當 MVC 遇上瓶頸,用 MVVM 來拯救你的 ViewController

在過去的十幾天裡,我們透過 Apple 經典的 MVC (Model-View-Controller) 架構,從零到有成功打造了一個功能齊全的鬧鐘 App。這證...

鐵人賽 Mobile Development DAY 17

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

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

鐵人賽 生成式 AI DAY 16

技術 Day 16 - 【鬧鐘實戰 VI】畫龍點睛:串接系統通知與 UX 優化

昨天,我們完成了所有鬧鐘的細節設定,App 在功能層面幾乎已經完整了。使用者可以新增、編輯、刪除鬧鐘,並為其設定重複和提示聲。但有一個最根本的問題:它還不會「叫...

鐵人賽 Mobile Development DAY 16

技術 [Day 16] 里程定位與地圖顯示(二)- Enum 與 Picker 搭配

前言 今天要做另一個重要功能,我們要讓使用者能根據選擇的公路類型(國道/省道)和輸入的里程數,從預載的 CSV 資料中進行搜尋,並在地圖上精準標示出對應的地理位...

鐵人賽 生成式 AI DAY 15

技術 Day 15 - 【鬧鐘實戰 VI】細節打磨:實現「重複」與「提示聲」設定

昨天,我們完成了新增與編輯鬧鐘的核心功能,成功打通了 App 的數據主動脈。現在,需要將右邊的 > 指示選項背後的子功能頁面實作出來。 困惑點:多層頁...

鐵人賽 生成式 AI DAY 14

技術 Day 14 - 【鬧鐘實戰 V】鬧鐘的誕生:打造新增與編輯畫面

昨天,我們的 App 終於活了起來!可以從資料庫讀取、刪除鬧鐘,列表也能響應我們的操作。但它還缺少一個最關鍵的功能:新增鬧鐘。我們的「+」按鈕只會打開一個空白的...

鐵人賽 生成式 AI DAY 13

技術 Day 13 - 【鬧鐘實戰 IV】注入靈魂:連接 Realm 數據與左滑刪除

昨天,我們成功地用假資料搭建了一個外觀精美的 UI。列表看起來有模有樣,但它目前的開關按了沒反應,資料都是寫死的,更沒有辦法新增或刪除鬧鐘。 困惑點:如何讓...

鐵人賽 Mobile Development DAY 14

技術 [Day 14] UI/UX 規劃 (二) - App 畫面草圖

前言 今天我們來畫 App 畫面草圖,有了草圖,之後才有辦法按圖施工~ 手繪 Wireframe or AI 工具? Wireframe 一般來說,最初會從手繪...

鐵人賽 生成式 AI DAY 12

技術 Day 12 - 【鬧鐘實戰 III】畫面施工:用 UITableView 打造列表 UI

昨天,我們用 UITabBarController 把 App 的幾個主要功能區都隔出來了,感覺 App 好像有模有樣了。但點到「鬧鐘」分頁,眼前還是一片空白,...

鐵人賽 生成式 AI DAY 11

技術 Day 11 - 【鬧鐘實戰 II】App 框架搭建:用 TabBarController 打造我們的 App 骨架

昨天,我們為鬧鐘 App 打好了所有地基工程:一個乾淨的專案、安裝好的 Realm 資料庫、以及核心的 AlarmData 資料模型。 然而,要復刻鬧鐘 App...