#教學《離職集點卡》工具篇｜用 Vibe Coding 做出一個 iOS App：用了哪些工具、總共花多少？#生活打卡計畫

年底要到了，部分的人也開始物色新工作了，也有一部分人在思考要不要離職？今天要跟大家分享的是前陣子很多人喜歡的 App——《離職集點卡》的【工具＆花費篇】。

話先說在前面，我只是 iOS開發小白，網路上真的有很多很強的前輩。我只是把自己這次從 0 到 1 做出一個 App 的工具選擇跟成本，整理給同樣想嘗試的人參考。

這次開發《離職集點卡》，我採用 Vibe Coding 的方式完成。流程大概是用「描述需求 → 產出 PRD（產品需求文件）→ 產出 Code → Debug」一路推進也因為這樣，我在工具選擇上採取「階段分工」：不同工具跟模型負責不同任務，避免一個模型從頭做到尾造成失控，也讓產出更穩定、比較好修。我這次用到的開發工具其實不多，主要就是兩個。

第一個是 Xcode（免費）。 iOS App 一定離不開 Xcode，它就是基本盤。這次開發中 Xcode 的角色包含： ● 建立 iOS 專案 ● 基本設定與專案管理 ● 模擬器測試與實機測試 ● 打包 App（Product → Archive） ● 上傳 build 到 App Store Connect 另外 App 名稱、Icon 等也可以在 Xcode 內先完成基本設定。

第二個是 Antigravity（免費），Google 的 IDE。我這次大量開發與迭代主要都在 Antigravity 內完成。它比較像是讓 Vibe Coding 能順利推進的主工作區，我會在這裡反覆： ● 跟模型溝通需求 ● 完成功能邏輯 ● 修正錯誤與 Debug

模型的部分，我不是「誰比較強就一直用誰」，而是依照任務分配。

第一階段，在 Xcode 內我使用 Claude Sonnet 4.5，負責專案架構與骨架： ● 整體架構規劃 ● 完成基本設定 ● 建立 App 的骨架（頁面結構、資料流方向）這一段的目標很單純：先把 App 撐起來，讓專案站得住。

第二階段在 Antigravity，我使用 Claude Opus 4.5 當主力模型，負責：功能邏輯 ● 程式運作流程 ● 基本 UI（操作行為、列表、輸入等） ● 所有功能完成後的 Debug 簡單講：Opus 4.5 的任務就是把 App 做到「真的能用」。

第三階段也是在 Antigravity，我用內建的 Gemini 3 Pro 做最後的視覺收尾： ● 調整 UI 美觀 ● 間距、比例、排版 ● 視覺一致性這邊我自己也很有感：Claude 處理邏輯很強，但同樣指令下，UI 的美觀程度通常不如 Gemini 3 Pro。所以我最後採用的策略就是： ● Claude 做「能不能用」 ● Gemini 做「好不好看」

Icon 的部分，我是用 Gemini Nano Banana 生成的。它在產出 Icon 的速度跟變化上很方便，我會用它先把風格方向定出來，再進行後續替換與調整。

上架要用的圖片（例如 App Store 截圖那種有版面、有文字說明的展示圖），我用的是 Keynote（免費）製作。這樣就不會只是把手機截圖直接丟上去，而是可以照 Apple 規範的尺寸做版型，把截圖＋功能說明排得更清楚，也比較像一個正式上架的作品。講完工具，接著就是花費整理。

要上架 App Store，一定要註冊 Apple Developer Program，這個是固定成本：開發者年費 NT$3,400 / 年跟你 App 複不複雜無關，這筆躲不掉。其餘就是模型訂閱費： ● Xcode：免費 ● Antigravity：免費 ● Keynote：免費 ● Apple 開發者年費：NT$3,400 / 年 ● Claude Pro：NT$600 / 月 ● Gemini Pro：NT$650 / 月總結一下。如果只看「純工具」，其實很多都是免費的，真正花錢的主要集中在兩塊： Apple 開發者年費、模型訂閱費（Claude + Gemini）如果只是要打造web app，甚至不用繳開發者年費！但app store有他的優點，這個我們上架篇再來跟大家分享！以這樣的組合來看，做一個 iOS App 從 0 到可上架，其實成本門檻已經被壓得很低了。如果你之前有礙於技術不足，無法開發，但有想法現在真的是一個很好的時代！離職集點卡使用工具下載連結如下 XCODE

ANTIGRAVITY

KEYNOTE

CLAUDE

GEMINI

離職集點卡app store下載連結

離職集點卡｜離職的路上有你有我我們下篇文章見！！！！接下來應該會至少還有一篇上架篇，指令篇大家有興趣我再來整理一下

#教學 《離職集點卡》工具篇｜用 Vibe Coding 做出一個 iOS App：用了哪些工具、總共花多少？#生活打卡計畫

開啟卡稱、每月寫下 2 篇生活記錄！

#教學《離職集點卡》工具篇｜用 Vibe Coding 做出一個 iOS App：用了哪些工具、總共花多少？#生活打卡計畫