Claude Code for Real-World Projects

Section 1: Agentic Coding และภาพรวม Claude Code

• ความแตกต่างระหว่าง Autocomplete, Chat Assistant และ Coding Agent

• Agent Loop: อ่านโค้ด วางแผน ใช้เครื่องมือ ตรวจสอบผล และวนซ้ำ

• ช่องทางใช้งาน Claude Code: Terminal, VS Code, Desktop และ Web

• เลือกโมเดล Opus 5.5, Sonnet 5.5 หรือ Haiku 5.5 ให้เหมาะกับงาน และผลต่อความเร็วกับโควตา

• Lab: สำรวจ Starter Repository ของ NovaDesk ด้วยคำถามแรกถึง Claude Code

Section 2: Lab: ติดตั้งและตั้งค่าเริ่มต้น

• ติดตั้ง Claude Code และเข้าสู่ระบบด้วยบัญชี Claude หรือ API Key

• Settings หลายระดับ: Managed, User, Project และ Local พร้อมลำดับความสำคัญ

• Permission Modes: Default, Accept Edits, Plan Mode และ Auto Mode ควรใช้เมื่อใด

• คำสั่งที่ใช้บ่อย: /init, /model, /config, /usage (หรือ /cost) และ /doctor

• Lab: ตั้งค่า Claude Code บน Terminal และ VS Code ให้พร้อมใช้กับโปรเจกต์

Section 3: Context Engineering ด้วย CLAUDE.md

• หลักการเขียน CLAUDE.md: สถาปัตยกรรม คำสั่ง Build/Test มาตรฐานโค้ด และสิ่งที่ห้ามทำ

• CLAUDE.md ระดับผู้ใช้ ระดับโปรเจกต์ และโฟลเดอร์ย่อย และการใช้ AGENTS.md ที่มีอยู่แล้ว

• อ้างอิงไฟล์ด้วย @ และแนบภาพหน้าจอหรือเอกสารประกอบ

• ข้อผิดพลาดที่พบบ่อย: Context มากเกินไป คำสั่งขัดแย้ง และข้อมูลล้าสมัย

• Lab: สร้าง CLAUDE.md ของ NovaDesk ด้วย /init แล้วปรับให้ตรงกับโปรเจกต์

Section 4: การบริหาร Context Window และ Session

• ดูสถานะ Context ด้วย /context และใช้ /compact กับ /clear อย่างเหมาะสม

• Resume Session ด้วย /resume และการแยก Session ตามงาน

• Checkpoints และ /rewind เมื่อผลลัพธ์ไม่เป็นไปตามคาด

• เขียน Prompt ที่ชัดเจน: เป้าหมาย ข้อจำกัด และเกณฑ์ความสำเร็จ

• Lab: ย้อนการแก้ไขที่ผิดทางด้วย Rewind แล้วสั่งงานใหม่ให้ชัดขึ้น

Section 5: Workshop Day 1: Plan Mode และฟีเจอร์แรก

• ใช้ Claude Code สำรวจและอธิบาย Codebase ที่ไม่คุ้นเคย

• Workflow: Explore, Plan, Implement และ Verify

• ทบทวนและแก้ไขแผนใน Plan Mode ก่อนอนุมัติให้แก้โค้ดจริง

• ให้ Claude Code เขียนและรันเทสต์เพื่อยืนยันผลงานของตัวเอง

• Workshop: พัฒนาฟีเจอร์ "สร้างและค้นหา Ticket" ของ NovaDesk พร้อม Unit Test ที่ผ่านทั้งหมด

Section 6: Lab: Development Workflow ในโปรเจกต์จริง

• Test-Driven Development กับ Claude Code: เขียนเทสต์ก่อน แล้วให้ AI ทำให้ผ่าน

• ดีบักจาก Error Log, Stack Trace และพฤติกรรมที่ผิดปกติ

• Refactor โค้ดเดิมที่มีหนี้ทางเทคนิคอย่างปลอดภัยโดยมีเทสต์คุ้มครอง

• ทบทวน Diff ทุกครั้งก่อนยอมรับการเปลี่ยนแปลง

• Lab: แก้บั๊กและ Refactor โมดูลเดิมของ NovaDesk โดยให้เทสต์ผ่านทุกขั้น

Section 7: Claude Code กับ Git Workflow

• ให้ Claude Code สร้าง Branch เขียน Commit Message และสรุปการเปลี่ยนแปลง

• สร้าง Pull Request พร้อมคำอธิบาย PR ที่มีคุณภาพ

• Git Worktrees สำหรับรันหลาย Session คู่ขนานโดยไม่ชนกัน

• จัดการ Merge Conflict ด้วยความช่วยเหลือของ Claude Code

• Lab: เปิด Pull Request แรกจาก Branch ของฟีเจอร์ Day 1

Section 8: Lab: Custom Slash Commands และ Skills

• Custom Slash Commands สำหรับงานที่ทำซ้ำ เช่น สร้าง Endpoint หรือเขียนเทสต์ตามรูปแบบทีม

• Skills: รวมคำสั่ง ขั้นตอน และไฟล์อ้างอิงให้ Claude ใช้เมื่อเกี่ยวข้อง

• โครงสร้าง SKILL.md และการเขียน description ให้ Skill ถูกเรียกใช้ถูกจังหวะ

• แชร์ Commands และ Skills ให้ทีมผ่านโฟลเดอร์ .claude/ ใน Repository

• Lab: สร้าง Skill มาตรฐานการสร้าง Endpoint ของทีม NovaDesk

Section 9: Subagents และการแบ่งงานซับซ้อน

• Subagent คืออะไร และช่วยรักษา Context ของ Session หลักได้อย่างไร

• สร้าง Subagent เฉพาะทาง เช่น Code Reviewer, Test Writer และ Documentation Writer

• กำหนด tools, model และ effort ให้แต่ละ Subagent

• รูปแบบการทำงานคู่ขนานและการรวมผลลัพธ์

• Lab: สร้าง Subagent Code Reviewer และ Test Writer ของโปรเจกต์

Section 10: Workshop Day 2: MCP และฟีเจอร์มอบหมายงาน

• แนวคิด MCP และการเชื่อมต่อแบบ Local และ Remote

• เพิ่มและจัดการ MCP Servers ในระดับผู้ใช้และระดับโปรเจกต์

• เชื่อมฐานข้อมูลให้ Claude Code อ่าน Schema และตรวจข้อมูลจำลอง

• เชื่อม GitHub และแหล่งเอกสารไลบรารีที่ทันสมัย พร้อมข้อควรระวังด้านความปลอดภัย

• Workshop: ฟีเจอร์ "มอบหมายงานและติดตามสถานะ Ticket" แบบ Test-first แยกงาน API, Frontend และ Test ให้ Subagents แล้วเปิด PR พร้อมคำอธิบายครบ

Section 11: Lab: Hooks ควบคุมคุณภาพอัตโนมัติ

• Hook Events สำคัญ: PreToolUse, PostToolUse, UserPromptSubmit และ Stop

• รัน Formatter, Linter และเทสต์อัตโนมัติหลังแก้ไขไฟล์

• บล็อกคำสั่งอันตรายด้วย Exit Code 2 หรือ JSON Decision และตั้งให้บล็อกเมื่อ Hook ล้มเหลว

• ตรวจและทดสอบ Hooks ผ่านเมนู /hooks ก่อนใช้งานจริง

• Lab: Hook ที่รัน Formatter หลังแก้ไฟล์และกันการแก้ไขไฟล์ .env

Section 12: Security, Permissions และ Governance

• Permission Rules แบบ Allow, Ask และ Deny สำหรับคำสั่งและไฟล์ผ่าน /permissions

• ป้องกันข้อมูลลับ (Secrets, .env) และความเสี่ยงจาก Prompt Injection

• Sandbox จำกัดไฟล์และเครือข่ายของคำสั่ง Shell บน macOS, Linux และ WSL2

• Managed Settings สำหรับองค์กร และ /security-review ตรวจช่องโหว่เบื้องต้นใน Branch

Section 13: Plugins และการแชร์มาตรฐานทีม

• Plugin: รวม Skills, Subagents, Hooks และ MCP Servers ไว้เป็นชุดเดียว

• ติดตั้ง Plugin จาก Marketplace ด้วย /plugin และสร้าง Marketplace ของทีม

• แชร์ .claude/ และ CLAUDE.md ผ่าน Git ให้ทั้งทีมใช้มาตรฐานเดียวกัน

• Lab: รวม Commands, Skills และ Subagents ที่สร้างไว้เป็น Plugin ของทีม

Section 14: Headless Mode และ CI/CD Integration

• รันแบบไม่โต้ตอบด้วย claude -p และ Output แบบ text, json และ stream-json

• Claude Code GitHub Actions รีวิว Pull Request และตอบสนองต่อ @claude ใน Issue

• Automated Code Review ด้วย /code-review และการกำหนดขอบเขตผลรีวิว

• ควบคุมสิทธิ์ เครื่องมือที่อนุญาต และ Secrets ใน Pipeline

Section 15: ค่าใช้จ่ายและแนวปฏิบัติระดับทีม

• ติดตามการใช้งานด้วย /usage และ Status Line

• ลดค่าใช้จ่าย: เลือกโมเดลและ Effort ให้เหมาะงาน บริหาร Context และใช้ Subagents

• ข้อตกลงของทีม: งานใดให้ AI ทำ และงานใดต้องตรวจโดยคน

• วัดผลการใช้ AI ในทีมพัฒนาอย่างเหมาะสม และปรับการตั้งค่าอย่างต่อเนื่อง

Section 16: Master Workshop: จาก Issue ถึง Pull Request

• ติดตั้ง Hooks และ Permission Rules ให้โปรเจกต์ NovaDesk

• ตั้งค่า GitHub Actions ให้ Claude Code รีวิว Pull Request อัตโนมัติ

• รับ Issue ฟีเจอร์ "SLA และการแจ้งเตือน" แล้ววางแผน พัฒนา และทดสอบ

• ส่ง Pull Request ที่ผ่าน Automated Review และพร้อม Merge

• นำเสนอผลงาน และสรุป Checklist นำ Workflow ไปใช้กับโปรเจกต์ของตนเอง