คอร์สเรียน "พัฒนา Web App ยุคใหม่ด้วย Claude Code, AI Coding Workflow และ OpenWiki"
วันที่ 20-23 กรกฎาคม 2569 เวลา 19.30-23.30 น. (4 วัน)
( รวม 16 ชั่วโมง )
เมื่อ 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 เป็นเครื่องมือหลัก ร่วมกับแนวคิด Context Engineering, Loop Engineering, MCP, Agent View, Dynamic Workflows, Routines และ OpenWiki เพื่อให้ AI เข้าใจ Repository และช่วยทำงานได้ตั้งแต่การพัฒนา Feature ไปจนถึงการดูแลเอกสารของโปรเจกต์
OpenWiki เป็นโครงการ Open Source ของ LangChain จะเป็นส่วนสำคัญของคอร์สนี้ เพราะช่วยสร้างเอกสารของ Repository แบบมีโครงสร้างสำหรับให้ AI Agent อ่านโดยเฉพาะ เช่น ภาพรวมระบบ, Architecture, Module สำคัญ, API, Database, Component และ Convention แล้วเชื่อมเข้ากับไฟล์คำสั่งของ Agent อย่าง CLAUDE.md / AGENTS.md ให้อัตโนมัติ เพื่อให้ Coding Agent ใช้เป็น Context ก่อนลงมือแก้โค้ด แทนการอ่านไฟล์แบบสุ่ม
"หากต้องการยกระดับจากการใช้ AI ช่วยเขียนโค้ด ด้วย Claude Code อย่างเป็นระบบ แนะนำหลักสูตรนี้เลยครับ"
สิ่งที่จะได้รับ และเนื้อหาการเรียน
- เข้าใจภาพรวมของ AI Coding Workflow ว่าต่างจากการ Prompt ทั่วไปอย่างไร และทำไม Developer ยุคใหม่ควรออกแบบ Workflow ให้ AI ทำงานกับ Codebase อย่างเป็นระบบ
- เข้าใจความแตกต่างระหว่าง Prompt, Context Engineering, Harness Engineering และ Loop Engineering ว่าแต่ละแนวคิดมีบทบาทอย่างไรใน AI Coding Workflow
- เข้าใจบทบาทของ Claude Code ในฐานะ AI Coding Agent สำหรับงาน Fullstack ตั้งแต่อ่านไฟล์ วางแผน แก้โค้ด รันคำสั่ง ตรวจ Error และช่วย Review ผลลัพธ์
- ใช้ Claude Code ได้หลาย Surface ทั้งใน Terminal, VS Code / Cursor / JetBrains, Desktop App และบนเว็บ โดยใช้ CLAUDE.md, Settings และ MCP ร่วมกันได้ทุกที่ เพื่อให้เข้ากับ Workflow และ Editor ที่ทีมใช้อยู่
- เข้าใจความแตกต่างและบทบาทของ Prompt, CLAUDE.md, AGENTS.md, MCP, Subagent, Agent View, Dynamic Workflows, Routines และ OpenWiki ใน AI Coding Workflow
- ออกแบบไฟล์ CLAUDE.md และ AGENTS.md เพื่อกำหนด Project Rule, Coding Convention, Architecture Guideline และ Testing Rule ให้ AI เข้าใจมาตรฐานของทีม (Context Engineering)
- เข้าใจแนวคิด Loop Engineering คือการออกแบบวงจรการทำงานของ Agent เช่น อ่านบริบท → วางแผน → แก้โค้ด → ตรวจผล → ปรับปรุง → สรุป พร้อมการวาง Verification, Stopping Rule และจุดที่ต้องมี Human Review
- ใช้ Claude Code กับโปรเจกต์ Fullstack Web App จริง เช่น Next.js, React, TypeScript, API, Database และ Authentication พร้อมสร้างและแก้ Feature แบบเป็นขั้นตอน ตั้งแต่วิเคราะห์โครงสร้างเดิม วางแผน แก้โค้ด จนถึงสรุปสิ่งที่เปลี่ยนแปลง
- ใช้ MCP และเอกสาร Framework เพื่อลดปัญหา AI ใช้ข้อมูลเก่าหรือเขียนโค้ดผิด Version รวมถึงการทำงานกับ Component เช่น React, Tailwind CSS และ shadcn/ui ให้สอดคล้องกับโครงสร้างของโปรเจกต์
- ออกแบบขั้นตอน Verification หลัง AI แก้โค้ด ทั้ง TypeScript, Lint, Test และการตรวจหน้าเว็บด้วย Playwright MCP เพื่อให้แน่ใจว่าโค้ดใช้งานได้จริง ไม่ใช่แค่ถูกสร้างขึ้น
- ใช้ Hooks เพื่อรันคำสั่งอัตโนมัติก่อน/หลังการทำงานของ Claude Code เช่น Auto-format หลังแก้ไฟล์ หรือรัน Lint/Test ก่อน Commit เพื่อบังคับมาตรฐานของทีมด้วยโค้ด ไม่ต้องพึ่งวินัยของแต่ละคน
- ใช้ Claude Code ช่วย Review Code และ Refactor อย่างมีขอบเขต โดยแยกบทบาท "คนเขียน" กับ "คนรีวิว" ไม่ให้ AI ตรวจงานของตัวเอง
- ใช้ OpenWiki สร้างเอกสารของ Repository ให้ AI Agent เข้าใจ Codebase, เชื่อมเข้ากับ Workflow ให้ AI อ่านก่อนแก้ Feature หรือ Refactor และดูแลไม่ให้เอกสารล้าสมัยเมื่อโค้ดเปลี่ยน
- ใช้ Agent View และ Background Sessions เพื่อแบ่งงานหลายด้านพร้อมกัน เช่น Implementation, Review, UI Check และ Documentation รวมถึงใช้ Dynamic Workflows ตรวจคุณภาพ Codebase แบบหลายมุมมอง
- ใช้ Routines ออกแบบงานทีมแบบอัตโนมัติ เช่น PR Review หรือ Docs Drift Check พร้อมเข้าใจข้อจำกัดและ Guardrails ที่ควรระวัง
- เชื่อม Claude Code เข้ากับ CI/CD ผ่าน GitHub Actions หรือ GitLab CI เพื่อ Review ทุก Pull Request โดยอัตโนมัติ และช่วย Triage Issue ให้ทีม
- คุม AI ให้ปลอดภัยและคุ้มค่า ทั้ง Git Workflow, Branch Safety, การจำกัดสิทธิ์เครื่องมือ, Human-in-the-loop และการบริหารต้นทุน Token
- ได้ลงมือทำ Workshop จริงตลอดหลักสูตร พร้อมตัวอย่าง Workflow ที่นำไปปรับใช้กับโปรเจกต์ของตนเองหรือทีมได้
พื้นฐานผู้เข้ารับการอบรม
มีความรู้พื้นฐานในการพัฒนาเว็บมาก่อน และมีพื้นฐาน JavaScript หรือ TypeScript ไม่จำเป็นต้องเคยใช้ Claude Code มาก่อน
วัน เวลา และรูปแบบการสอน
- วันที่ 20-23 ก.ค. 69 (4 วัน 16 ชม.) *หมดเขตรับสมัคร 20 ก.ค. 69 เวลา 12.00 น.
- รูปแบบการสอน: สอนสด แบบออนไลน์ (ผ่านโปรแกรม Zoom)
- *มีบันทึกวิดีโอระหว่างสอน ดูย้อนหลังได้ไม่มีหมดอายุ
- *มีสไลด์ประกอบการสอน (pdf)
ให้ผู้เรียนเตรียม AI สำหรับเขียนโค้ดมาก่อนเรียน ดังนี้
- สมัคร Claude แบบ Pro ขึ้นไป ที่นี่ (ไม่ต้อง config เพิ่มใช้ได้เลย)
https://claude.com/pricing
หรือ
- ตั้งค่า Claude Code ใช้กับ LLM Provider ค่ายอื่น เช่น DeepSeek (แนะนำ ใช้ API Key ราคาถูก), Kimi (Moonshot AI), Z.ai (GLM), Alibaba (Qwen), OpenRouter ดูคู่มือ config กดที่นี่
https://tinyurl.com/5x5dv624
ราคาต่อท่าน
ราคาโปรโมชั่น 890 บาท จากราคาปกติ 1,990 บาท
ชำระเงินได้ที่
ธนาคารกสิกรไทย บัญชี 6852219422 ออมทรัพย์ สาขาสุนีย์ทาวเวอร์ นายเอกนรินทร์ คำคูณ
ธนาคารไทยพาณิชย์ บัญชี 8692040113 ออมทรัพย์ สาขาย่อย ม.อุบล นายเอกนรินทร์ คำคูณ
แจ้งการโอนเงินได้ที่: codingthailand@gmail.com หรือ Facebook.com/CodingThailand
ชำระเงินผ่าน Paypal
แจ้งการโอนเงินได้ที่: อีเมล: codingthailand@gmail.com หรือ FB.com/CodingThailand
รายชื่อผู้ลงทะเบียน
ติดต่อสอบถามเพิ่มเติม
คุณเอกนรินทร์ คำคูณ (อ.เอก)
อีเมล: codingthailand@gmail.com
LINE @codingthailand
Inbox: facebook.com/codingthailand
โทร: 085-4952624
Views: 1062 hits