AI 入門第四課
用 Codex 做出第一個 AI 小工具。
這堂課不教寫程式語法。目標是讓新手學會描述需求、讓 Codex 修改檔案、看懂結果、修一個小 Bug。
視覺速記
Codex 是什麼
ChatGPT 像聊天助理
適合討論、寫文案、整理想法。
Codex 像檔案工作助理
適合改 HTML、整理資料夾、修 Bug、做小工具。
你不用先會寫程式
你要會描述需求、檢查結果、指出哪裡不對。
怎麼描述需求
請幫我做一個簡單 HTML 小工具。
用途：[誰會用、要解決什麼]。
功能：[列 3 個最重要功能]。
畫面：[想要的欄位、按鈕、結果區]。
限制：只用 HTML、CSS、JavaScript，先做單一檔案。
完成後請告訴我檔案位置、怎麼打開、我該檢查什麼。
實作案例：80 分鐘做一個文字轉換器
0-10
min
min
建立練習資料夾
只放這堂課的檔案，不碰桌面或重要資料。
10-30
min
min
請 Codex 建立第一版
功能：輸入文字，一鍵轉大寫、一鍵轉小寫、一鍵清空。
30-50
min
min
打開檔案檢查
看按鈕是否能點、結果是否正確、手機上是否能讀。
50-65
min
min
要求 Codex 修改網站
例如改顏色、加說明、讓按鈕更大、讓結果區更清楚。
65-80
min
min
讓 Codex 修一個 Bug
描述你看到的錯誤，不要只說「壞了」。說明點了什麼、期待什麼、實際發生什麼。
如何閱讀修改結果
看改了哪些檔案
先確認 Codex 沒有動到不相關檔案。
看使用方式
要求 Codex 說明怎麼打開、怎麼測試。
自己點一次
不要只看 Codex 說完成。你要親手打開小工具試一次。
常見錯誤
- 需求一次塞太多功能
- 沒有說清楚畫面要長什麼樣子
- 看到錯誤只說「不能用」
- 沒有自己打開檔案檢查
- 讓 Codex 修改不相關資料夾
課後作業
把文字轉換器改成另一個小工具：待辦清單、BMI 計算機、倒數計時器三選一。只做 3 個核心功能。
Cheat Sheet
描述需求
用途、功能、畫面、限制、驗收方式。
修 Bug 句型
我做了什麼、期待什麼、實際發生什麼。
驗收
打開檔案、點按鈕、看手機、確認沒改錯檔。
FAQ
完全不會寫程式可以嗎？
可以。這堂課不要求你寫語法，但你要能描述需求和檢查結果。
第一個小工具要做多大？
越小越好。單一 HTML 檔案、3 個核心功能就夠。
Codex 改壞了怎麼辦？
先請它說明改了哪些檔案，再要求回到上一版或只修指定問題。