三大篇章,三十日的足跡:旅程回顧 回望這段旅程,我們經歷了三個主要階段,從 iOS 的核心基礎,一路探索到 AI 應用的前沿: 第一篇章:iOS 核心實力打...
今天是鐵人賽的第 29 天,這趟不可思議的旅程,即將抵達終點。 回首這一個月,彷彿一場夢。我還記得 Day 2 時對 Optional 感到困惑,記得第一次在...
昨天,我們完成了顯示天氣詳情的核心功能模組。然而,使用者還無法選擇他們想看的地區。 今天,我們就要來完主入口畫面。我們將使用 MapKit 框架,打造一個以台...
昨天,我們成功地為天氣 App 打造了數據基礎。 今天,我們將從零開始,搭建顯示天氣資訊的 UI 畫面,並導入 MVVM 架構的大腦——ViewModel,將昨...
在過去的二十多天裡,我們幾乎每天都在和 AI協作。大家看到的,是 AI 如同一位完美的家教,有問必答,甚至能產出程式碼。但真實的開發流程,真的是如此順利嗎? 今...
還記得在我們程式碼重構的第一天,把難用的資料形狀,改成了比較好處理的資料形狀嗎? //// 不好用的資料形狀 var itemPrice = [ {name...
到目前為止,我們與 AI 的互動模式都是一問一答:我們發送一段文字,AI 回傳一段文字或一張圖片。AI 就像一個知識淵博的顧問,能為我們提供資訊、生成內容,但它...
昨天,將使用者輸入的夢境描述,從輸入頁傳遞到了結果頁。文字的橋樑已經搭建完成,但我們的最終目標,是將這段文字轉化為一幅真正的視覺圖像。 今天,我們就要來實現這個...
你有沒有聽過軟體工程師討論時,會講到「這段程式碼有壞味道」?程式碼又不是食物,怎麼會有壞味道呢?我們在上一篇討論了軟體工程裡的「版本控制」,而工程師們討論時說的...
昨天,我們成功用 App 完成了與 AI 的第一次對話。 現在,我們不只要 AI 跟我們「聊天」,更要讓 AI 成為我們的「創意工具」。今天的專案目標是當我在...
上一章我們介紹了版本控制的概念與 Git。這一篇裡,我們要在電腦中安裝 Git,並利用 AI 來幫我們處理版本控制。 安裝 Homebrew: 命令列的 App...
從今天開始,我們要賦予我們的 App思考的能力。我們要讓它不再只是一個工具,而是一個能與我們對話的夥伴。 困惑點:我的 App 要怎麼跟「外面」的世界說話?...
在知道怎麼的簡單的建起一個應用程式之後,應該會迫不急待的想要加入更多的新功能吧?但是先等一下,我們要來聊一個不是寫程式,但跟程式有關的話題。 這塊地圖正式的名稱...
歡迎來到第二章!在第一章中,我們已經從零到有,打造了一個功能完整、架構合理的鬧鐘 App。 在命令 AI 為我們寫東西、畫圖、甚至控制我們的 App 之前,我們...
在了解了內容及樣式排版之後,最後一個部份,就是來看看我們的程式是怎麼動起來的。程式運作邏輯的 JavaScript,就寫在程式碼最下方的 <script&...
TL;DR 解析 Vibe Coding (氛圍編碼) 的定義:一種以高階意圖與描述性需求,驅動 AI 進行開發的新範式。 探討從「提示詞工程」到 Vibe...
在過去的十幾天裡,我們透過 Apple 經典的 MVC (Model-View-Controller) 架構,從零到有成功打造了一個功能齊全的鬧鐘 App。這證...
TL;DR 將我們建立的 AI 工作流程,類比並應用到「軟體開發」與「敏捷 (Scrum)」的團隊協作中。 探索 AI 在不同職能角色(如產品經理、工程師)中...
TL;DR 系統性回顧並總結這一個月內,所建立的所有 AI 工具與工作流程。 將零散的技巧濃縮成一套清晰的「AI 協作心法」。 回首這趟旅程,我們從一個對...
在上一章中,我們研究了網頁應用程式裡 HTML 的各種標籤。接著我們先來看一下我們打開瀏覽器後,為什麼頁面會長成那個樣子。 在 <style> 這...
昨天,我們完成了所有鬧鐘的細節設定,App 在功能層面幾乎已經完整了。使用者可以新增、編輯、刪除鬧鐘,並為其設定重複和提示聲。但有一個最根本的問題:它還不會「叫...
上一章我們用 Gemini Cli 生成了一個會動的零用錢記帳程式,接著就來看程式碼長什麼樣子吧。先用 Finder 找到對應的資料夾,接著按右鍵,用 Visu...
TL;DR 將課程中建立的所有工具與流程,整合到一個從「陌生開發」到「簽約成交」的完整客戶服務場景中。 理解 AI 助理團隊如何系統性地為我們的日常工作賦能...
TL;DR 學習如何將 NotebookLM 的「分析成果」,無縫整合進 Gemini 的「開發指令」中。 體驗 AI 團隊的進階工作流:NotebookLM...
昨天,我們完成了新增與編輯鬧鐘的核心功能,成功打通了 App 的數據主動脈。現在,需要將右邊的 > 指示選項背後的子功能頁面實作出來。 困惑點:多層頁...
歡迎來到 Day 30,打造你個人IP品牌旅程的終點,也是你成為「自動化創作者」之路的起點。 昨天,我們成功地將 Vertex AI 嵌入了 Google Sh...
在過去的 28 天裡,我們所有的操作,都還停留在 Vertex AI 的介面中。但一個真正高效的工作流,應該是無縫整合到我們「日常的工作場景」裡的。 例如對於大...
昨天,我們的 App 終於活了起來!可以從資料庫讀取、刪除鬧鐘,列表也能響應我們的操作。但它還缺少一個最關鍵的功能:新增鬧鐘。我們的「+」按鈕只會打開一個空白的...
建立資料夾 先打開終端機,用 cd Projects 進到昨天建立的 projects 資料夾裡。 接著用 mkdir little_pocket新建一個 li...
在正式開始撰寫網頁應用程式前,我們先來說明一些基本的知識。 軟體開發者的檔案管理 要管理檔案,在 Mac 中是使用 Finder 這個程式。(Windows 中...