請更新您的瀏覽器

您使用的瀏覽器版本較舊,已不再受支援。建議您更新瀏覽器版本,以獲得最佳使用體驗。

他從HTML版本出發,一個晚上做出飲控App!全程他只需要說「這裡不對」

數位時代

更新於 07月07日04:52 • 發布於 07月07日02:40 • 韋惟珊

早安呀!歡迎用贊助支持我和貓貓!你的每一份打賞,都是我們繼續整理資訊的動力。

還記得上禮拜,我的朋友查爾斯用 Google AI Studio 做出飲控網頁工具嗎?這次來說他的下集:他決定把它升級成 App,而且一個晚上就完成了。

這起源於他在 YouTube 上看到有人說,Claude Code 可以指揮 Xcode 做 iOS 的 App。

但,這個故事的學習點,絕對不是 vibe 一個 App 很容易!因為要做到真的上架、販售,還有重重關卡。

我想分享的是:實作的重要性。查爾斯先用 HTML 做過一版,他釐清了自己的需求,再透過下一步實作,墊高自己對 AI 可做任務的理解。

期待看過我這麼多期電子報的你,也開始加入實作行列,一起成為 AI builder 吧!

喜歡這樣的分享?在文末點大拇指留言給我 👍,我都會看!

說「成功的樣子」,不要說「我要哪些功能」

想做小工具?太多人會從「想要哪些功能」開始思考。但和 AI 協作,你最該說清楚的是終極的目標。試試這個句型:

「當我__(做某件事),我想__(得到這樣的效果),這樣我能__(完成某個任務、達成某個目標)」

Claude Code + Xcode,怎麼共用一個資料夾?

概念很簡單:在你的電腦上建一個專案資料夾,Claude Code 把 Swift 程式寫進去。另外在Apple 官方的整合開發環境(IDE)Xcode 同時打開這個資料夾,程式碼一更新,右側預覽畫面就跟著變。你不需要懂 Swift,你需要懂的是「這個畫面哪裡不對」。

他的開發分工:AI 寫程式,他說「按鈕太小」

查爾斯用了 Claude Code 的 plan 模式:先把所有需求說完(要做一個飲控 App,打算用手機記錄每天到的營養素,方便跟健身教練回報),AI 列出完整開發計畫,他逐條確認後再讓 AI 執行。過程中照著 AI 指引開權限、安裝套件,然後看著 AI 做完的預覽給意見。

自己做工具的好處?解了波奇碗的問題

一般飲食 App 的邏輯是紀錄商品名稱,但查爾斯常吃的波奇碗,不是一個固定商品,是靠自己配小黃瓜 100g、毛豆 50g、鮭魚 80g 或是其他的組合。

他做了一個「菜單庫」,把波奇碗常吃的食材和份量建好,每天像點自助餐一樣勾選,三大營養素自動加總。

開發者測試的 App,只有自己能用

用 Apple 帳號把 App 裝到 iPhone,他採用開發者測試的方式做,不需付上架費,但憑證每 7 天過期。過期後要回電腦打開 Xcode,讓它跑一次重新簽署,才能繼續用。

重要學習點:善用 Plan 模式

在 Claude Code 裡下 /plan 進入計畫模式,把你想要的功能一次說清楚,等 AI 列出完整清單後,逐條問自己:「這個我真的會用嗎?」刪掉確定不用的,確認後再讓它開始執行。這步花 10 分鐘,可以省掉之後大改架構的痛。

訂閱《一天一AI》日報,每天跟你分享超實用的AI小技巧!

延伸閱讀:
Fable收費前最值得衝的5件事!最狠的一招,能產出價值2,000美元的顧問等級文件!

只問AI「我哪裡不好」等於白問!換上這3個顧問框架,表達回饋立刻變具體

延伸閱讀

帶人比寫程式更難!TPU之父曝「黃仁勳管理學」:為何拋棄一對一會談,可有效降低組織內鬥?
停筆2.8 秒,字就滲進紙裡!現實版《哈利波特》魔法日記,讓「AI佛地魔」與你對話
「加入《數位時代》LINE好友,科技新聞不漏接」

查看原始文章

更多理財相關文章

01

7-ELEVEN近80款飯糰、便當遭中聯油脂波及 聯華食品公布退款方式

自由電子報
02

鴻海深夜突拋重訊!劉憶如「僅上任一年」閃電辭董事

民視新聞網
03

高級水果代名詞3/水果不能囤 這家老店曾一年虧掉兩間公寓!靠精準進貨走過半世紀

鏡週刊
04

2026 年下半年信用卡權益變動!注意這 9 張信用卡退場一次看

科技新報
05

高級水果代名詞2/政商高官特愛這種日本蘋果 日賺10幾萬元買下總統府附近三層樓

鏡週刊
06

台北放颱風假「台股休市」!網氣喊:落後的制度還不改

三立新聞網
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...