Claude Code Vibe Coding開發手冊 (第2版) | 誠品線上

Claude Code Vibe Coding開發手冊 (第2版)

內容簡介

內容簡介 內容介紹: 隨著 Vibe Coding 進入成熟期，身為龍頭產品的 Claude Code 也快速成長，以幾乎日更的方式快速修正 bug 並增添新功能，本書就從新手入門開始，邊做邊學一路熟練各項功能，內容涵蓋： ｜遠端遙控｜ 開發到一半要外出？你可以啟用遠端遙控，不論用平板 手機開啟 Claude App，還是透過瀏覽器開啟 Claude Code on the Web，或是利用 Telegram 傳訊息，隨時隨地都可召喚家裡的 Claude Code 繼續工作。還可以指揮 Claude Code 協作修改 GitHub 上的專案。 ｜記憶架構全解析｜ 分不清楚該寫在 CLAUDE.md？rules 下的 markdown 檔？還是要寫成 Skill？或是記錄在 auto memory 中？本書會帶你認識完整記憶架構，讓個別記憶檔穠纖合度又各盡其職，完美提供 Claude Code 正確的規範。 ｜MCP or Skills+CLI｜ 聽說 Skills 會取代 MCP？本書會帶大家釐清觀念，用實例呈現 MCP 負責引入外部工具、Skills 建立流程的角色定位，並進一步展示 Skills 結合 CLI 工具，與 MCP 相輔相成擴展 Claude Code 能力。 ｜為 SDD 做好準備｜ 套用 SDD 開發的第一步就是要有清楚完整的需求，本書會透過最後的數獨遊戲與 YouTube 影片轉投影片的實作範例，示範結合神人設計的 grill-me skill 與 plan 模式規劃出良好的規格，讓實作結果符合需求。 ｜多 Agent 分工｜ 諸葛亮再強，什麼事都靠他最後也只能鞠躬盡瘁，不如利用 Subagent 把任務分工，在各自獨立的 context 中擔負專精的角色同時處理分項工作，不但省時，也能更專注分項工作提升成果品質，不只是勝過一個諸葛亮，根本多個諸葛亮分身。 ｜用 Hook 篩選檔案與命令｜ 想要使用 acceptEdits 模式加速交談卻又想依照自訂邏輯管控編輯特定檔案，或者想要使用 bypassPermission 模式放飛，卻又擔心網路上聽到的慘劇發生在自己身上？你可以使用 Hook 攔截對關鍵檔案的修改，也可以防堵惡意命令執行，穩定又安全。 ｜用 loop 與 routines 建立定期任務｜ Claude Code 不只會生程式碼，也是一個超級小幫手，你可以讓它在本機定時執行任務，甚至可以讓它在雲端定期執行任務，不用電腦一直開，還可以與 GitHub 協作處理執行成果，加上必要的 MCP 或是 CLI 工具，Claude Code 就可以變成通用型的 AI 助手。 ｜YouTube 轉投影片與數獨遊戲實戰演練｜ 學再多要用得出來，本書在不同章節中會透過像是 PDF 浮水印工具、辦公室點餐等實務範例介紹 Claude Code 功能，最後兩章則是綜合前面所學，先是設計完整功能的數獨遊戲讓你可以無廣告一路破關，接著再設計可以把 YouTube 影片轉換成投影片，有效提供教學型影片的學習效果與方便性，從實作過程中可以看到與模型的溝通技巧與方法，更能有效使用 Claude Code。本書特色: 隨時隨地聊出好程式 Code the vibe, anywhere - 遠端遙控不管在哪裡都能持續開發 - 只有瀏覽器也能與 Claude Code 在雲端協作 - 常用斜線命令解析、掌控即時用量、客製狀態列 - 連接 MCP 讓 Claude Code 自動化測試與除錯 - 整合 Skill+CLI 工具快速擴充 Agent 功能 - 多 Agent 專業分工提昇效率與品質 - 用 grill-me Skill 確保產品需求完整再開發 - Hook 串 Telegram 通知不用癡癡等任務完成 - 數獨遊戲 YouTube 影片變投影片實戰演練 - 與 Visual Studio Code 等 IDE 連動 - Windows macOS Linux 平台差異全測試 - 用 loop 和 routines 定期執行任務變身小秘書

產品目錄

產品目錄 目錄: 第 1 章 Claude Code 簡介與入門1-1 Claude Code 簡介1-2 安裝 Claude Code安裝 Claude Code CLI註冊訂閱帳戶離開 Claude Code 的方法與斜線指令更新 Claude Code CLI1-3 牛刀小試--請 Claude Code CLI 幫我們安裝程式使用 Claude Code CLI 安裝軟體套件管理工具Claude Code 的內建工具Claude Code 的對話記錄接續之前的交談階段Claude Code 的自動記憶（auto memory）不同有效範圍的設定檔在 Claude Code 中使用 ! shell 模式快速執行命令1-4 Windows 平台的注意事項! Shell 模式預設會使用 Git Bash預設改用 Bash 工具第 2 章 Claude Code 快速上手 -- 以實作 PDF 浮水印工具為例2-1 使用 CLAUDE.md 加入專案規範使用 memory 命令編輯專案規範用多行輸入交談的方式描述專案需求2-2 切換權限模式使用 -c 開關接續前次交談使用 acceptEdits 模式自動編修檔案使用 checkpoint 復原檔案內容用 init 更新專案近況到 CLAUDE.md提交到儲存庫中2-3 使用工作樹與 plan 模式工作樹（worktree）複製不在儲存庫內的檔案建立工作樹產品需求書與 plan 模式終止背景程式貼上螢幕截圖輔助除錯離開工作樹的交談階段2-4 非互動模式與分層負責的規範架構非互動模式指定預設權限分層負責的規範架構套用在特定類型檔案的規則第 3 章 Claude Code 常用的斜線命令3-1 與交談階段相關的命令 compact cost 與 usage context clear stats diff3-2 與設定相關的命令 add-dir config doctor model plan rename permissions statusline ide3-3 任務排程 background loop schedule 與 routines3-4 帳號管理與其他功能 login logout color radio fast第 4 章 用 Subagent 分工合作4-1 Subagent 簡介建立 Subagent測試 Subagent4-2 多 Subagent 並行運作的威力用並行的 Subagent 縮短任務時間Subagent 對 context 大小的影響4-3 用獨立上下文建立一個客觀的程式碼審查員4-4 讓多個 Subagent 組成專業團隊用專精不同工作的 Subagent 協作結論第 5 章 用 MCP 與 Skills 幫 Claude Code 生出超能力5-1 什麼是 MCP 與 Skills？MCP 的架構Skills 的概念MCP 與 Skills 的差異5-2 內建 MCP：Claude in Chrome安裝並啟用 Claude in Chrome下載「臺灣房價地圖」專案測試使用 Claude in Chrome5-3 使用 Playwright MCP 進行自動化測試Claude Code 的 MCP 安裝和管理用 Playwright MCP 測試網頁應用程式5-4 使用 Skills 和 Playwright CLI打包完整測試流程設定 Playwright CLI 環境用 playwright-cli 即時測試建立自訂 playwright-test Skill使用 playwright-test 啟動測試流程第 6 章 最後的防線：Hook6-1 什麼是 Hook?Hook 的執行流程為什麼需要 Hook?Hook 的種類Hook 的退出代碼機制Hook 的應用範圍6-2 建立 hook 來阻止 Claude Code 修改檔案在專案中建立 hook把 PreToolUse hook 換成 PostToolUse hook在 Claude Code 查看已建立的 hook修改執行的退出代碼透過標準錯誤輸出阻擋原因6-3 在 Telegram 上收到 Claude Code 的提醒通知建立 Notification hook建立 Telegram 機器人並取得 API token 與 CHAT_IDhook 執行的命令 – 發送提醒通知到 Telegram測試 hook 有沒有順利運作6-4 讓 Hook 更加靈活：JSON 輸出介面用 JSON 輸出介面取代退出代碼JSON："ask" 強制經過允許才能操作JSON："updatedInput" 強制修改操作內容6-5 讓 Hook 條件更加精準用 if 條件式篩選檔案利用 JSON 輸入介面篩選檔案用 if 篩選 Bash PowerShell 命令用外部程式篩選 Bash PowerShell 命令讓 Claude 模型檢查與篩選第 7 章 遠端遙控與 GitHub 雲端協作7-1 Claude Code Desktop 視覺化開發網頁不通靈安裝與設定 Claude Code Desktop在 Claude Code Desktop 把訂餐網頁前端蓋好Claude Code Desktop 其他功能簡介7-2 Remote Control 讓你的電腦繼續工作、順便顧家要出門了！趕緊把進行中的任務丟給手機啟動互動式 session 的遠端遙控啟動伺服器模式的遠端遙控7-3 Claude Code on the Web 雲端 Agent 影分身之術連接 Claude 和 GitHub 儲存庫讓影分身 Claude Code 在雲端環境接手開發把 Claude Code 修改的程式拉回本地測試7-4 Channel 讓你的 Telegram 住著 24 小時待命的工程師設定 Claude Code CLI 的 Telegram 外掛在 Telegram 召喚 Claude Code 新增 LLM 分析菜單的功能第 8 章 實戰範例：數獨遊戲8-1 動手之前，先想清楚8-2 AI 對談生成程式測試遊戲彙整測試結果改良遊戲8-3 建立 PRD 高效生成程式驗收遊戲修正 PRD 改良程式8-4 使用 Subagents 分工為 Subagent 設定角色讓 Subagent 分工設計遊戲驗收成果修改成果8-5 引用 Skills 讓 Claude Code 提問建立 SKILL.md引用 Skills驗收成果第 9 章 實戰範例：YouTube 影片轉投影片9-1 設計應用程式功能與架構構思專案功能跟著 Karpathy 大神設定專案初始規則用 AskUserQuestion 工具先規劃，後實作9-2 執行實作善用 goal 設定完成條件首次啟動應用程式9-3 應用程式測試及除錯使用 Playwright 進行自動化測試讓 Claude Code 找出問題點提供修正方向9-4 完善專案各項功能加入歷史紀錄功能AI 翻譯 & AI 大綱功能加入 AI 語音辨識字幕功能

商品規格

最佳賣點

最佳賣點 : 隨時隨地聊出好程式