Chapter 01
什麼是 AI Coding
AI coding 不是讓 AI 取代你寫程式，而是學會把想法拆清楚，交給 AI 助手協助產生、修改、解釋與除錯程式碼。
本章目標
理解你和 AI (如 Codex、ChatGPT 等) 的分工：你負責目標、決策與測試，AI 協助把需求轉成程式碼。
核心觀念
提供充足的「上下文 (Context)」：AI 只知道你告訴它的事。在編寫 Prompt 時，給予充足的「上下文」（例如目前的程式碼片段），產生的程式碼才會精準。
初學者最容易犯的錯，是把一句很大的需求丟給 AI，例如「幫我做一個網站」。比較好的方式是把需求拆小，限制技術、範圍與輸出格式。
AI 與人的分工
| 你（專案負責人）負責 | AI（協作夥伴）負責 |
|---|---|
| 說清楚目標、決定功能範圍 | 產生 HTML、CSS、JavaScript 程式碼 |
| 檢查畫面是否符合需求 | 解釋看不懂的程式邏輯 |
| 測試按鈕與互動是否正常 | 改善版面與提供重構建議 |
| 保留能運作的版本 | 幫忙找出報錯的原因 |
Prompt 範例
請用初學者可以理解的方式，幫我規劃一個只使用 HTML、CSS、JavaScript 的個人介紹網站。先不要寫程式，請先列出頁面區塊、需要的檔案，以及每個檔案負責什麼。本章練習
請在 VS Code 新增一個 my-first-prompt.txt，並寫下你想完成的第一個網頁的 3 到 5 個區塊，然後寫出三個 prompt：請 AI 規劃一個網頁、只產生 HTML、解釋產生的 HTML。