課程介紹
第一章:AI 時代的 App 開發新方式
本單元將帶領學員了解 AI 驅動開發(AI Coding)的嶄新模式,並比較傳統開發與現代 AI Agent 的差異,解析 Native、Web 與 Capacitor 架構的選擇策略,建立全流程開發觀念。
01-1 AI Coding 與傳統 App 開發的差異
01-2 認識 Codex 與 AI Coding Agent
01-3 Native、Web、PWA 與 Hybrid App
01-4 為什麼選擇 Web App + Capacitor
01-5 課程專案與完整開發流程
第二章:建立 AI App 開發環境
本單元將從零開始建置開發所需的軟硬體環境,包含 Node.js、Git、Codex、Xcode 模擬器以及 Apple 開發者帳號設定,為後續的 AI 專案實作打下堅實基礎。
02-1 Node.js、Git 與 Web 開發環境
02-2 Codex 開發環境設定
02-3 Xcode 與 iOS Simulator
02-4 Apple Account 與 Apple Developer Program
02-5 建立 AI 智慧記帳 App 專案
第三章:讓 Codex 成為你的 App 開發助手
學習如何正確地與 AI Coding Agent 溝通,將龐大的 App 需求拆解為精準的開發任務,並建立 Plan、Implement、Test、Review 的高效工作流程與 除錯技巧。
03-1 從 App Idea 建立開發需求
03-2 使用 Codex 規劃專案架構
03-3 將大型需求拆分成開發任務
03-4 Plan、Implement、Test、Review 工作流程
03-5 使用 Codex Debug 與修正問題
03-6 使用 Codex Review 與優化程式碼
第四章:完成 AI 智慧記帳 Web App
本單元著重於 Web 端的實作,從 Mobile First 介面設計、資料模型建置,到新增修改刪除、圖表統計與本機資料儲存,打造功能完整的記帳應用。
04-1 建立 Mobile First App 介面
04-2 建立記帳資料模型
04-3 完成新增、修改、刪除與查詢功能
04-4 分類、搜尋與篩選功能
04-5 本機資料儲存
04-6 月度統計與圖表 Dashboard
04-7 Mobile UX 與介面優化
第五章:使用 Capacitor 將 Web App 轉成 iPhone App
學習如何利用 Capacitor 跨平台技術將 Web 應用包裝為 iOS 原生應用,包含 Xcode 專案結構解析、Bundle ID 簽署設定,以及模擬器執行與視覺調整。
05-1 認識 Capacitor 與 Hybrid App 架構
05-2 將 Capacitor 加入 Web App
05-3 建立 iOS Native Project
05-4 認識 Xcode 專案基本結構
05-5 Bundle Identifier 與 Signing
05-6 在 iPhone Simulator 執行 App
05-7 Web App 與 iOS App 顯示差異調整
第六章:加入 iPhone 原生功能
深入探討 Native Bridge 機制,整合 Haptics 觸覺回饋、原生分享選單、相機與相簿存取,並完成 iOS 權限與 Info.plist 的規範配置。
06-1 Capacitor Plugin 與 Native Bridge
06-2 Haptics 震動回饋
06-3 原生分享功能
06-4 Camera 與 Photo Library
06-5 iOS Permission 與 Info.plist
06-6 使用 Codex 整合 Native 功能
第七章:整合 Apple Foundation Models,讓 AI 跑在手機端
本單元解析 On-device AI 架構,透過 Swift 與 JavaScript 橋接 Apple Foundation Models,實作端側自然語言智慧記帳與自動分類。
07-1 Cloud AI 與 On-device AI
07-2 認識 Apple Foundation Models Framework
07-3 Foundation Model 可用性與裝置限制
07-4 使用 Codex 建立 Capacitor Native AI Plugin
07-5 JavaScript 與 Swift Native Bridge
07-6 實作自然語言 AI 智慧記帳
07-7 AI 結構化資料與自動分類
07-8 AI 月度消費分析與摘要
07-9 AI 功能的 Availability 與 Fallback 設計
第八章:真機測試、Debug 與 App 優化
學習如何在真實 iPhone 實機上部署與測試,跨越 Web、Capacitor 到 Xcode 的多元除錯技巧,並運用 AI 進行全面 Code Review 與品質評估。
08-1 在真實 iPhone 執行 App
08-2 Browser、Capacitor 與 Xcode Debug
08-3 AI 功能 Debug
08-4 使用 Codex 進行完整 Code Review
08-5 App 上架前品質檢查
第九章:從 TestFlight 到 App Store 正式上架
將完整走過 App 上架流程,從 App Store Connect 建立專案、商店圖文與隱私政策設定,到 Xcode Archive 上傳與 TestFlight 測試審核應對。
09-1 Apple Developer Program 與 App Store Connect
09-2 建立 App Store App
09-3 App Icon、Screenshot 與商店素材
09-4 App Store 文案與基本資訊
09-5 App Privacy 與 AI App 隱私設定
09-6 Xcode Archive、Validate 與 Upload
09-7 TestFlight 測試
09-8 Submit for Review
09-9 常見 App Store 審核問題

江舜智(紅色死神)
業師擁有網站開發、UI設計資歷超過10多年。擔任光寶科技LITEON顧問,主導開發建構AI自動化流程系統。曾任職天氣風險管理開發視覺動化總監、資策會工程師等職。業師亦參與負責多項政府重要開發專案,包含:環境部、資策會雲端平台 COSA 專案、文策院 Taiwan Comic City 相關網站、交通部台灣鐵路管理局數位交通博物館、氣象局影音氣象網頁與衛福部國民健康署有eye無礙打造兒童新視界等專案。近年從事網站開發相關技術授課,具豐富落地專案實作與教學經驗。
課程資訊
。課程型態:線上影音課程
。課程長度:約 4 小時
。觀看權限:30 天(期限內可無限次、跨載具觀看授權影片)
本課程內容於 115 年錄製,依錄製當時資訊製作。法規政策及平台工具功能可能隨時間調整,實際適用請以最新官方公告及平台說明為準。
課程費用:此為活動優惠價,不得與其他優惠同步使用。限量名額,若遇額滿依報名優先順序決定。
天地人學堂
TWMG(TIANDIREN WEALTH MANAGEMENT GROUP)
。主辦單位有權做課程內容增減修與調整優惠適用對象與活動最終解釋權和裁量權。
課程資訊
本課程透過 OpenAI 的 Codex(AI Coding Agent),帶你建立「AI 協作 + 完整上架」的標準化開發流程。學員能掌握如何用自然語言讓 Codex 自動拆解專案架構、撰寫程式碼、自動除錯與進行 Code Review,並結合 Web App + Capacitor 技術,以跳躍式的「降本提速」效率,從零打造出能真正上架 App Store 的 iPhone iOS App。
網路上的免費影片多半為零散的功能教學,或僅停留在 ChatGPT「問一句答一句」的語法產生,缺乏完整的商業上架鏈與工程實戰經驗。 本課程的價值在於「一條龍落地實戰」:
- 完整的實作鏈: 涵蓋開發環境建置、Web App 開發、Capacitor 轉 iOS 原生、原生功能(相機/觸覺/分享)整合,到端側 Apple Foundation Models 串接。
- 避免審核踩雷: 業師上機實測 Bundle ID 簽署、真機測試、Xcode Archive 上傳、TestFlight 到 App Store Connect 審核退件應對。省下無數自行摸索環境報錯與被退件的試錯成本。
學習成果具備極高延伸性與商業價值:
- 獨立開發者 / 創業家: 能以極低成本與極高速度將產品 Idea 轉化為真正上架的 iOS App,進行商業驗證。
- UI/UX 設計師與產品經理: 跨越程式開發門檻,自主完成原型製作與真正 App 打樣。
- 前端與軟體工程師: 導入 Codex AI 協作工作流,提升 3~5 倍以上的開發與 Debug 產出效率。
- 專案團隊: 將一套可重複使用的「AI Coding + Capacitor 跨平台 + Apple 端側 AI」標準化開發流程導入公司專案。
本課程具有三大核心獨家優勢:
- Codex AI 代理工作流: 不只是下 Prompt,而是建立 Plan-Implement-Test-Review 的自動化 AI Coding 工作流。
- Hybrid 架構最高效能: 採用 Web App + Capacitor 技術,兼具 Web 的快速開發彈性與 iOS Native 的原生效能與體驗。
- 整合 Apple Foundation Models: 率先導入 Apple 最新端側 AI(On-device AI)技術,讓 AI 直接跑在手機端,掌握前沿技術趨勢。
完全可以!本課程特別採用 Web App + Capacitor 的極簡跨平台開發架構,搭配 Codex AI Agent 作為你的專屬開發助手。複雜的邏輯與 Swift 橋接程式碼均可由 Codex 協助規劃與產出。業師會從最基礎的 Node.js、Git、Xcode 模擬器設定手把手引導,讓沒有深厚 Swift 原生開發背景的學員,也能順利建置環境並完成專案。
ChatGPT 屬於單次問答互動;而 Codex 是專為程式開發設計的 AI Coding Agent。它不僅能寫單行程式,更能理解整體專案架構。透過適當的指令配置,Codex 能自動幫你進行需求拆解、專案架構規劃、跨檔案撰寫與修改、邏輯除錯(Debug),甚至執行整體 Code Review 與程式碼優化,真正成為能獨立協助開發協力工具。
傳統 Cloud AI(雲端 AI)需要將資料傳送至遠端伺服器,可能面臨網路延遲、API 呼叫成本與隱私外洩風險;而 On-device AI(端側 AI) 則是直接利用 iPhone 裝置本身的晶片算力執行模型。 課程中將教你透過 JavaScript 與 Swift 橋接 Apple Foundation Models,實現零網路延遲、高隱私保護、無 API 流量成本的自然語言智慧記帳與自動分類功能,並設計完備的 Availability 與 Fallback 機制。
是的!課程實作的是一款完全具備原生體驗的完整 App,內容包含:
- 核心記帳功能: 新增/修改/刪除、分類篩選、搜尋與月度統計圖表 Dashboard。
- iPhone 原生能力: Haptics 觸覺震動回饋、原生分享選單、相機與相簿調用、Info.plist 權限配置。
- 端側 AI 智慧應用: 自然語言輸入記帳、AI 自動結構化分類,以及 AI 月度消費分析摘要。
會!許多開發者卡在最後一關的「商店上架與審核」。課程中有完整 App Store 實戰指引,包含:
- Apple Developer 帳號與 Bundle ID 簽署設定。
- App Store Connect 專案建立、素材準備(Icon、截圖)與隱私政策(App Privacy)設定。
- Xcode Archive、Validate、Upload 流程與 TestFlight 測試。
- 針對 AI App 常見的審核規範與退件問題(Submit for Review) 提供解析與應對策略。





