Build Business Apps with Claude Code

Day 1: เริ่มต้นสร้างแอปด้วย Claude Code และวางรากฐานโปรเจกต์

Section 1: Kickoff และการปรับ Mindset

• ภาพรวมการเปลี่ยนแปลงของการพัฒนาซอฟต์แวร์ในยุค AI Coding Agent และ Vibe Coding คืออะไร ต่างจากการเขียนโปรแกรมแบบเดิมอย่างไร
• เปลี่ยนบทบาทจาก Coder เป็น Creative Director ผู้กำกับผลลัพธ์ พร้อม Reset Mindset: พูดสิ่งที่อยากได้ ไม่ใช่บอกว่าให้เขียนอย่างไร
• Demo: สร้าง Web App ที่ใช้งานได้จริงภายใน 5 นาที และขอบเขตที่ AI Coding ทำได้ดีกับงานที่ยังต้องอาศัยมนุษย์ตัดสินใจ

Section 2: ติดตั้งและตั้งค่า Claude Code

• ทำความรู้จัก Claude Code และรูปแบบการใช้งานทั้ง 3 ช่องทาง (Terminal, Claude Desktop, VS Code)
• Hands-on: ติดตั้ง Claude Code บนเครื่องของผู้เรียน การเลือก Subscription Plan (Free, Pro, Max, Team/Enterprise) และการตรวจสอบการติดตั้ง
• ทำความเข้าใจ Working Directory การอนุญาตให้ AI เข้าถึงไฟล์ คำสั่งพื้นฐานที่ใช้บ่อย และการอ่านผลลัพธ์ที่ AI ตอบกลับ

Section 3: สร้างแอปพลิเคชันตัวแรก

• โครงสร้างโปรเจกต์แบบง่าย และความแตกต่างระหว่าง Plan Mode กับ Auto Mode ควรใช้เมื่อใด
• การตรวจสอบและอนุมัติแผนงานก่อนให้ AI ลงมือ และการทำงานแบบ Feedback Loop: สั่ง ตรวจ แก้ ทำซ้ำ
• การเปิดดูผลลัพธ์เป็น Working App ในเบราว์เซอร์ พร้อม Workshop: สร้าง Personal Dashboard เช่น To-Do List, ระบบบันทึกค่าใช้จ่าย หรือ Calorie Tracker

Section 4: Prompt Engineering สำหรับการสั่งงานสร้างแอป

• โครงสร้าง Effective Prompt: Context + Goal + Constraints + Examples และเทคนิค Context Stuffing กับ Specification by Example
• การสั่งงานเป็นขั้นตอนย่อย (Incremental Prompting) และการใช้ภาพ Mockup, Screenshot และไฟล์แนบประกอบคำสั่ง
• Common Pitfalls ที่พบบ่อยและวิธีแก้ไข พร้อม Workshop: ปรับปรุงแอปจาก Section 3 ให้ดีขึ้นด้วย Prompt ที่มีคุณภาพ

Section 5: CLAUDE.md และหน่วยความจำของโปรเจกต์

• CLAUDE.md คืออะไร เหตุใดจึงสำคัญต่อคุณภาพผลลัพธ์ และการเปลี่ยนจากไฟล์จดบันทึกสู่สัญญาจ้างงานที่ AI ต้องปฏิบัติตาม
• การกำหนดโครงสร้างโปรเจกต์ให้เป็นมาตรฐาน (โฟลเดอร์ src/, assets/, docs/ และ Naming Convention) การกำหนดรูปแบบการเขียนโค้ด ภาษาที่ใช้สื่อสาร และข้อห้าม
• แนวคิด Memory Tier (Working Memory กับ Knowledge Base) CLAUDE.md ระดับ Global กับ Project พร้อม Workshop: เขียน CLAUDE.md ให้โปรเจกต์ของตนเองแล้วทดสอบผลก่อนและหลัง

Day 2: ต่อยอดสู่การใช้งานจริง เชื่อมข้อมูล และนำแอปขึ้นออนไลน์

Section 6: Skills และ Slash Commands

• ภาพรวม: Skills กับ Slash Commands กับ CLAUDE.md เลือกใช้ตอนไหน และโครงสร้างของ Slash Command สร้างคำสั่งส่วนตัว เช่น /summarize, /translate
• โครงสร้างของ Skill (ไฟล์ SKILL.md, Description ที่ดี, ไฟล์ประกอบ) และหลักการเขียน Description ให้ Skill ถูกเรียกใช้ถูกจังหวะ
• การจัดการและแชร์ Skill ให้เพื่อนร่วมทีม พร้อม Workshop: สร้าง Skill ชื่อ weekly-report ที่อ่านข้อมูลจากไฟล์แล้วสรุปผลเป็นรายงานอัตโนมัติ

Section 7: MCP - เชื่อม Claude Code เข้ากับข้อมูลจริง

• MCP (Model Context Protocol) คืออะไร แก้ปัญหาอะไร และสถาปัตยกรรมโดยสังเขป (MCP Server, MCP Client, Tool)
• การติดตั้งและเชื่อมต่อ MCP Server ที่ใช้บ่อย (Google Drive, Notion, GitHub, Database) และการตรวจสอบว่าเชื่อมต่อสำเร็จ
• Workshop: ดึงข้อมูลจาก Google Sheet มาแสดงผลในแอป พร้อมความปลอดภัย Permission, Scope, การจัดการ Token และข้อควรระวังด้านข้อมูลส่วนบุคคลและข้อมูลลับ

Section 8: เก็บข้อมูลถาวรด้วย Supabase

• ทำไม Business User ควรรู้จัก Backend สำเร็จรูป และความแตกต่างระหว่างข้อมูลในเบราว์เซอร์กับข้อมูลในฐานข้อมูลจริง
• การสร้างโปรเจกต์ Supabase และออกแบบตารางข้อมูลด้วยการสั่งงาน AI การเชื่อมแอปเข้ากับ Supabase และการทดสอบบันทึก/อ่านข้อมูล
• แนวคิดสิทธิ์การเข้าถึงข้อมูลเบื้องต้น (Row Level Security) พร้อม Workshop: ปรับแอปให้บันทึกข้อมูลลง Supabase เพื่อใช้ข้ามอุปกรณ์และข้าม Session

Section 9: กระบวนการพัฒนาแบบมืออาชีพด้วย AI

• กระบวนการทำงาน 5 ขั้นตอน: Interview, Plan, Build, Test, Ship และการให้ AI สัมภาษณ์ความต้องการก่อนเริ่มลงมือ
• การใช้ Sub-agents ตามบทบาทเฉพาะ (Researcher, Reviewer, Tester) และแนวคิด Hooks เพื่อควบคุมคุณภาพงานอัตโนมัติ
• การออกแบบโครงสร้างแบบ Modular แนวทาง Debug สำหรับผู้ที่ไม่ใช่โปรแกรมเมอร์ และการควบคุมขอบเขตงานไม่ให้ AI แก้สิ่งที่ไม่ได้ขอ

Section 10: Capstone Workshop - สร้างเครื่องมือแก้ปัญหาในงานจริง

• โจทย์: เลือกปัญหาจากงานประจำของตนเองมาสร้างเป็น Internal Tool หรือ Web App เช่น Expense Tracker, Lead Qualifier, Meeting Summarizer, ระบบจองห้องประชุม หรือระบบติดตามงาน
• ขั้นตอน: กำหนดขอบเขตและเขียน CLAUDE.md, วางแผนด้วย Plan Mode, สร้างและปรับปรุงด้วย Feedback Loop, เชื่อมฐานข้อมูล Supabase และทดสอบแก้ไขข้อผิดพลาด
• นำเสนอผลงานและแลกเปลี่ยนแนวทางระหว่างผู้เรียน

Section 11: Deploy, Share และการนำไปใช้จริงในองค์กร

• การ Deploy ขึ้น Vercel หรือ Netlify ภายในไม่กี่นาที และการแชร์ลิงก์ให้เพื่อนร่วมงานหรือลูกค้าเข้าใช้งาน
• Version Control ขั้นพื้นฐานสำหรับผู้ที่ไม่ใช่โปรแกรมเมอร์ (Git และ GitHub) และการย้อนกลับเวอร์ชันเมื่อผลลัพธ์ไม่เป็นไปตามต้องการ
• การประเมินค่าใช้จ่ายของ AI และบริการที่เกี่ยวข้อง ข้อควรพิจารณาด้านความปลอดภัยและนโยบายองค์กร เมื่อใดควรส่งต่องานให้ทีมพัฒนามืออาชีพ และแนวทางเรียนรู้ต่อยอด