iT邦幫忙

2026 iThome 鐵人賽

DAY 6
0
ChatGPT & Codex

使用ChatGPT&Codex做出APP系列 第 6 篇

Day 06|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 嘗試Codex

  • 分享至 

  • xImage
  •  

Codex 是一個 AI coding agent,能理解開發者的需求,並自主操作專案、撰寫與修改程式碼,協助完成軟體開發。
因為我沒有用過 Codex ,所以我看了一個介紹跟教學影片,他設了一個 Skill ,所以我也跟著他的示範跟 Codex 說我要設定一個 Skill ,但因為他是以生成 IG 文案做示範,我藉根據自己的需求改了一下敘述,但因為我不熟悉所以我也不知道設定這個對開發 App 的專案是不是有用。
https://ithelp.ithome.com.tw/upload/images/20260926/201843040HACuOmal0.png
設定好之後,因為我看到影片中可以直接拿圖片讓 Codex 直接生成 App ,所以我也一樣把上次生成的 UI 圖片給他,還跟他說不要這麼夢幻感要跟我之前測試的版本一樣簡潔的風格,然後就等待他自己修改程式碼。
https://ithelp.ithome.com.tw/upload/images/20260926/201843042VaqzToGw4.png
影片中他還可以直接以手機的樣子預覽跟試用,但他介紹的 Xcode 只有在 Mac 才有,就很可惜不能用方便的方法直接預覽修改後的樣子,但我還是好奇他能不能主動在終端機操作後顯示 QRcode 讓我掃描,所以我還是問了他能不能讓我預覽跟試用。
https://ithelp.ithome.com.tw/upload/images/20260926/2018430456UckIoe4i.png
但他沒有像Xcode那樣以手機的樣子顯示,看起來更像是縮小的網頁。所以我還是自己打開了VS Code 的終端機,輸入

npx expo start

自己再用手機掃 QRcode 後在手機上預覽。
https://ithelp.ithome.com.tw/upload/images/20260926/20184304LuLpf2LpLD.png
但他還是沒有完全照著我給的區塊寫,但畢竟我一個字都沒寫,已經很厲害了,再慢慢修改吧。

用了Codex覺得太厲害了,真的完全都是他做出來的,現在的學生有好多AI工具可以用好幸福💫


上一篇
Day 05|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : UI
下一篇
Day 07|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 改App首頁
系列文
使用ChatGPT&Codex做出APP 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言