คอร์สเรียน "พัฒนา Web App ยุคใหม่ด้วย Claude Code, AI Coding Workflow และ OpenWiki"

เมื่อ AI Coding Agent อย่าง Claude Code เข้ามาอยู่ใน Workflow ของนักพัฒนา ปัญหาสำคัญไม่ใช่แค่ "จะ Prompt อย่างไรให้ดี" แต่คือ "จะออกแบบ Workflow อย่างไรให้ AI ช่วยพัฒนา Web App ได้จริง ตั้งแต่เข้าใจ Requirement, อ่าน Codebase, วางแผน, เขียนโค้ด, ตรวจผลลัพธ์, Review, ทดสอบ ไปจนถึงดูแลเอกสารของโปรเจกต์ให้ทันกับโค้ด"

ทีมพัฒนาจำนวนมากเริ่มใช้ AI Coding Agent ในงานจริงแล้ว แต่ยังเจอปัญหาเดิม ๆ คือ AI ทำงานได้ดีเป็นบางครั้ง แต่ยังไม่เข้าใจบริบทของ Project อย่างเป็นระบบ พอสั่งว่า "ช่วยเพิ่ม Feature นี้ให้หน่อย" AI อาจเขียนโค้ดได้เร็ว แต่ยังไม่รู้ว่าโค้ดนั้นสอดคล้องกับ Architecture เดิมไหม ใช้ Pattern เดียวกันกับทีมหรือเปล่า กระทบ API/Database ส่วนไหน มี Test พอไหม และเอกสารถูกอัปเดตตามหรือไม่ ยิ่งความรู้ของโปรเจกต์กระจายอยู่หลายที่ เช่น README, Wiki, Issue, PR, API Spec ก็ยิ่งทำให้ทำงานไม่เป็นระบบ

คำถามในยุค AI Coding Agent จึงไม่ใช่แค่ "จะ Prompt อย่างไรให้ดีขึ้น" แต่คือ "จะทำอย่างไรให้ AI เข้าใจ Codebase, Workflow และ มาตรฐานของทีม แล้วทำงานร่วมกับเราได้อย่างเป็นระบบ"

คอร์สนี้จะพาผู้เรียนออกแบบ AI Coding Workflow สำหรับงาน Fullstack จริง โดยใช้ Claude Code เป็นเครื่องมือหลัก ร่วมกับแนวคิด Spec-Driven Development, Context Engineering, Loop Engineering, MCP, Agent View, Dynamic Workflows, Routines และ OpenWiki เพื่อให้ AI เข้าใจ Repository และช่วยทำงานได้ตั้งแต่การพัฒนา Feature ไปจนถึงการดูแลเอกสารของโปรเจกต์

Spec-Driven Development เป็นหัวใจสำคัญของ Workflow ในคอร์สนี้ แทนที่จะสั่ง AI แบบทีละ Prompt โดยไม่มีทิศทางชัดเจน เราจะเริ่มจากการเขียน Spec หรือข้อกำหนดของ Feature ให้ชัดก่อน ทั้ง Requirement, Acceptance Criteria และแนวทาง Design แล้วให้ Coding Agent ใช้ Spec นั้นเป็น Source of Truth ในการวางแผน (Plan) และลงมือเขียนโค้ด (Implement) วิธีนี้ทำให้ผลลัพธ์ของ AI ตรวจสอบย้อนกลับกับ Spec ได้ ลดความกำกวมของงาน และทำให้คนยังคุมทิศทางและเจตนาของโปรเจกต์ได้ ขณะที่ AI รับหน้าที่ลงรายละเอียดตาม Spec ทำให้การพัฒนา Web App ทั้งทีมเดินไปในมาตรฐานเดียวกัน

และ OpenWiki เป็นโครงการ Open Source ของ LangChain ที่จะช่วยสร้างเอกสารของ Repository แบบมีโครงสร้างสำหรับให้ AI Agent อ่านโดยเฉพาะ เช่น ภาพรวมระบบ, Architecture, Module สำคัญ, API, Database, Component และ Convention แล้วเชื่อมเข้ากับไฟล์คำสั่งของ Agent อย่าง CLAUDE.md / AGENTS.md ให้อัตโนมัติ เพื่อให้ Coding Agent ใช้เป็น Context ก่อนลงมือแก้โค้ด แทนการอ่านไฟล์แบบสุ่ม