iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

從 0 到 1: 產品設計師用 Vibe Coding 打造呼吸放鬆 App 系列

呼吸,是最簡單但也是最不簡單的事。在快步調的現代中,我們常忘記好好地深呼吸,讓自己慢下來。我是一位 Product Designer,過去曾因為工作壓力大而有自律神經失調症狀,練習深呼吸讓我更平靜、專注以及穩定情緒。這 30 天,我想從自己的需求出發,用 Vibe Coding 打造一個呼吸放鬆的 App。我會把想法整理成 PRD、決定要做什麼與不做什麼、進入我陌生的 iOS 開發,過程中與 LLMs 和 Coding Agent 進行協作,最後做出一個自己每天想用的呼吸放鬆 App。

參賽天數 29 天 | 共 29 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11|安裝 Xcode 與試玩 Codex 做簡易天氣預報 UI Demo

前言 在 Day 10 中,我們選定好開發工具。今天的內容我們將進入主要進 iOS 開發環境的 IDE 工具,了解安裝流程及如何進行開發前的前置設定。...

2026-09-21 ‧ 由 astro_tw 分享
DAY 12

Day 12 | 理解 Git 與 GitHub

前言 回顧 Day 10 和 Day 11 的開發技術與工具介紹時,我發現自己漏了 Git 這個版本控制工具,以及 GitHub 這個基於 Git 的程式檔案...

2026-09-22 ‧ 由 astro_tw 分享
DAY 13

Day 13 | 遇到的第一個坑,在 Xcode 上用不了 GPT6-Astra 模型

前言 前幾天,我完成了產品構想、PRD 規劃,以及開發工具與技術選擇,接著就準備正式進入 Vibe Coding 的階段了。原訂 Day 13 會開始用 AI...

2026-09-23 ‧ 由 astro_tw 分享
DAY 14

Day 14 | 將 PRD 轉換為開發任務並開始 Vibe Coding 產品首頁

前言 Day 13,我處理了當時在 Xcode 中無法使用 Codex 的 GPT-6 Astra 模型的問題,於是改用 Codex 連接 Xcode 進行開...

2026-09-24 ‧ 由 astro_tw 分享
DAY 15

Day 15 | 開發 Part 1 - 呼吸練習的使用體驗

開發目標與原則 先把功能做起來,再來打磨 UI 和產品細節 開發進度:呼吸練習體驗流程 今天請 Claude Code 幫我實作呼吸練習的核心流程。 選擇當下...

2026-09-25 ‧ 由 astro_tw 分享
DAY 16

Day 16 | 開發 Part 2 - 呼吸練習紀錄視覺化與優化呼吸方法選擇體驗流程

前言 今天的目標是讓每一次呼吸練習都留下紀錄,並以視覺化的方式呈現。昨天完成的是「練習本身」:選感受、選方法、跟著呼吸。但練完就結束的話,看不到自己長期練習的...

2026-09-26 ‧ 由 astro_tw 分享
DAY 17

Day 17 | 看不懂程式碼,如何知道 AI 做的對不對?

提供目標、預期行為、驗收條件 在 PRD 撰寫及開發過程中,我會和 AI 討論我的目標、行為和驗收條件。我的步驟 先寫下自己想到的版本 請 AI 閱讀 PR...

2026-09-27 ‧ 由 astro_tw 分享
DAY 18

Day 18 | 跟 Claude Code 負責人學習使用小技巧

前言 目前在 Vibe Coding 過程中,我所有知識與技巧,大多來自平時零散閱讀的文章、工作經驗、跟 AI 討論。所以使用 Claude Code 時,仍...

2026-09-28 ‧ 由 astro_tw 分享
DAY 19

Day 19 | 如何在 iPhone 上安裝 Xcode 開發好的 App 做測試

前言 目前 Vibe Coding 已經完成了初版的畫面,已經先透過 Xcode 的模擬器進行操作,今天要來介紹如何將 App 安裝到 iPhone 上進行實...

2026-09-29 ‧ 由 astro_tw 分享
DAY 20

Day 20 | 為自己開發的 App 做一次體驗測試後,我推翻了在 PRD 的決策

前言 在 Day 19 我們在 iPhone 裝好在 Xcode 上開發的第一版 App,心中充滿悸動,總算是完成第一個里程碑,我想這就是做東西時純粹的樂趣,...

2026-09-30 ‧ 由 astro_tw 分享