零基礎學 Vibe Coding：用 AI 做出網站、App 與工作自動化工具
鄭緯筌(Vista)
相關主題
商品描述
✦ 不用寫一行程式，用講的就能做
✦ Claude Code、Antigravity實戰
✦ 網站、銷售頁、名單磁鐵、儀表板完整實作
從零開始帶領你認識Vibe Coding的核心概念，學習如何選擇AI開發工具、撰寫有效提示詞，並透過實際案例完成網站、App、品牌銷售頁、數據儀表板與工作自動化工具。
全書以職場需求為導向，不只教你如何做，也培養你判斷AI生成程式碼品質與適用範圍的能力，讓你在AI時代具備與工程師協作、快速實現創意的全新能力。
無論你是行銷人員、產品經理、業務、創業者，或任何希望提升工作效率的職場人士，都能透過本書開啟自己的AI開發之路。
✔ 零程式基礎也能上手，以AI與視覺化工具完成開發。
✔ Step by Step實作流程，從構想到部署完整帶領。
✔ 6大職場專案案例，打造真正可用的網站與工具。
✔ 掌握CLEAR提示詞框架，提高AI協作效率。
✔ 建立AI程式碼品質、安全與風險管理觀念。
【超值加贈】提示詞模板庫 • 常見錯誤訊息急救指南
作者簡介
鄭緯筌（Vista Cheng）
作家、企業講師與 AI 應用顧問，專注於 AI 教育、內容創作與一人公司實踐。曾任《數位時代》雜誌主編與《風傳媒》產品總監，長年觀察數位科技趨勢，擅長把複雜的新科技拆解成一般人聽得懂、學得會、用得上的方法，協助個人與組織用 AI 把專業轉化為可規模化的影響力與收入。
他不只教 Vibe Coding，更是重度實踐者：個人網站、線上商店、簡報系統、數據儀表板與數十個網頁工具，全都是他與 AI 協作、不寫一行程式碼完成的作品，至今仍在線上持續運作。本書的六大職場專案案例，正是從這些真實上線的專案經驗中提煉而來。
近年開設 Vibe Coding 實戰工作坊與 AI 內容產製課程，學員涵蓋行銷人員、產品經理、講師、顧問與中小企業主，並受邀為企業、大學與公部門授課。著有《1 分鐘驚豔 ChatGPT 爆款文案寫作聖經》《文案力就是你的鈔能力》《內容感動行銷》《慢讀秒懂》等書。
歡迎造訪
- 個人網站：https://www.vista.tw/
- AI Builder 學院：https://builder.tw/
- AI 工具實驗室：https://lab.vista.tw/
- 電子報：https://iamvista.substack.com/
目錄大綱
chapter 01 歡迎來到Vibe Coding的時代
1.1 一個不會寫程式的人，做出了自己的App
1.2 什麼是Vibe Coding？
1.3 從Karpathy的一則推文說起
1.4 為什麼現在是最好的時機？
1.5 Vibe Coding不是什麼
1.6 誰適合Vibe Coding？
1.7 Vibe Coding的核心工作流程
1.8 你需要準備什麼？
1.9 五分鐘體驗Vibe Coding
1.10 Vibe Coding的能力邊界
1.11 本書的學習路線圖
1.12 本章小結與行動計畫
chapter 02 AI助手完全攻略
2.1 認識你的AI夥伴
2.2 三大主流AI助手比較
2.3 註冊與第一次對話
2.4 對話介面完全圖解
2.5 模型選擇指南
2.6 免費vs.付費方案
2.7 對話的藝術：如何問出好問題
2.8 上下文管理：讓 AI記住重要資訊
2.9 實戰案例：AI能幫你做什麼
2.10 三個讓你事半功倍的進階技巧
2.11 常見問題與排除
2.12 本章小結與行動計畫
chapter 03 工具箱 - 你的Vibe Coding兵器庫
3.1 為什麼需要專門的開發工具？
3.2 Cursor：專業級AI程式編輯器
3.3 Antigravity：Google的全端開發環境
3.4 Lovable：讓AI幫你打造完整應用
3.5 Claude Code：Vibe Coding領域的王者
3.6 其他值得認識的工具
3.7 工具選擇指南：如何根據需求選對工具
3.8 實戰比較：同一個需求，四種工具怎麼做？
3.9 工具組合策略：聰明人都這樣用
3.10 本章小結與行動計畫
chapter 04 你的第一個Vibe Coding專案
4.1 準備出發：你需要什麼？
4.2 暖身練習：用ChatGPT寫你的第一段程式碼
4.3 構想你的待辦清單App
4.4 方法一：用Antigravity打造待辦清單
4.5 方法二：用Claude Code打造待辦清單
4.6 從構想到成品的完整流程
4.7 讓你的作品更好：迭代最佳化
4.8 第一個專案的反思與學習
chapter 05 提示詞的藝術 - 如何跟AI說話
5.1 為什麼提示詞這麼重要？
5.2 好的提示詞vs.不好的提示詞：實例對比
5.3 CLEAR框架：五個步驟寫出好提示詞
5.4 從模糊需求到精確指令的轉譯技巧
5.5 十個職場常見場景的提示詞範本
5.6 提示詞的進階技巧與常見陷阱
chapter 06 看懂AI寫的程式 - 你真的不用會寫
6.1 程式碼的基本邏輯結構（用白話文解釋）
6.2 如何閱讀，而非撰寫程式碼
6.3 找出關鍵修改點的技巧
6.4 用AI解釋AI寫的程式碼
6.5 本章小結
chapter 07 當程式出錯 - 用AI修復AI的錯誤
7.1 別怕！程式出錯是正常的
7.2 Debug的基本概念
7.3 錯誤訊息是你的朋友：如何解讀錯誤訊息
7.4 讓AI幫你修Bug的正確對話方式
7.5 預防勝於治療：降低出錯率的最佳實踐
7.6 實戰演練：從錯誤到修復的完整流程
chapter 08 從零打造你的網站 - 以vista.tw與solo.tw為例
8.1 為什麼在社群時代，你還需要一個自己的網站？
8.2 架設網站的三種路線—為什麼我們不用WordPress？
8.3 兩種網站，兩種策略
8.4 打造內容型網站：vista.tw的誕生
8.5 打造互動型應用：solo.tw的實作
8.6 Vibe Coding的對話循環
8.7 迭代與最佳化—讓網站愈來愈好
8.8 部署上線—讓全世界看到你的作品
8.9 vista.tw的SEO與AEO對策
8.10 精進內容行銷成效
8.11 架設網站的注意事項清單
8.12 本章小結與行動計畫
8.13 費用與商業考量—免費方案的真相 【PDF格式電子書，請線上下載】
chapter 09 名單磁鐵工具 - 打造你的自動化獲客系統
9.1 什麼是名單磁鐵？數位行銷的核心概念
9.2 場景：小型團隊與自由工作者的行銷需求
9.3 從需求訪談到工具上線的完整流程
9.4 用Vibe Coding打造名單磁鐵系統
9.5 客製化與迭代最佳化技巧
9.6 實戰成果與本章回顧
chapter 10 品牌銷售頁
10.1 什麼是銷售頁？設計思維的基礎觀念
10.2 場景：新產品上市的銷售頁需求
10.3 設計思維結合AI開發的方法論
10.4 用Vibe Coding打造銷售頁
10.5 A/B測試與持續最佳化
10.6 實戰成果與本章回顧
chapter 11 數據分析儀表板
11.1 為什麼需要數據儀表板？
11.2 作者現身說法：Vista.tw流量分析儀表板
11.3 作者現身說法：Vista.tw名單管理系統
11.4 場景：臺灣中小企業的數據可視化需求
11.5 從Excel到互動式儀表板
11.6 用Vibe Coding打造儀表板
11.7 數據驅動決策的思維建立
11.8 實戰成果與本章回顧
chapter 12 品質把關 - Vibe Coding的風險管理
12.1 AI程式碼真的可靠嗎？
12.2 場景：當AI程式碼出了問題
12.3 AI生成程式碼的常見品質問題
12.4 安全性檢查清單（非技術版）
12.5 效能與可維護性的基本概念
12.6 什麼時候該尋求專業工程師的協助
chapter 13 從Vibe Coder到Citizen Developer
13.1 持續學習路線圖與推薦資源
13.2 建立個人的Vibe Coding工作流程
13.3 推廣案例分析：臺灣中小企業的成功故事
13.4 在組織內推廣Vibe Coding的策略
13.5 與IT部門建立協作模式
13.6 展望與行動計畫
chapter 14 Vibe Coding的未來【PDF格式電子書，請線上下載】
