4 ขั้นตอนการใช้งาน Claude Code เพื่อให้ได้ Code ที่ตอบโจทย์

Claude Code เป็น AI coding assistant ที่กำลังได้รับความนิยม ด้วยความสามารถในการประมวลผลคำสั่ง และความสามารถในการทำงานกับไฟล์บนคอมพิวเตอร์ได้โดยตรง ช่วยลดเวลาในการ copy-paste code ไปมาระหว่าง Claude และไฟล์

แม้ Claude Code จะสามารถเขียน code ได้ดี แต่ก็ไม่ได้หมายความว่า เราจะได้ code ที่ตอบโจทย์ทุกครั้ง

เช่น เราสั่งให้ Claude Code สร้างเว็บ chatbot ทั้งหน้าตา การทำงาน และการเก็บข้อมูลอาจไม่ได้เป็นไปตามที่เราคาดหวัง ทำให้เราต้องเวลาเพิ่มขึ้นเพื่อสั่งให้ Claude แก้ไขงาน

ในบทความนี้ ผมจะมาแนะนำ 4 ขั้นตอนในการทำงานกับ Claude Code เพื่อให้ได้ code ที่ตอบโจทย์

ถ้าทุกคนพร้อมแล้ว ไปเริ่มกันเลย

🤨 ทำไมต้อง 4 ขั้นตอน?

4 ขั้นตอนในการทำงานกับ Claude Code ได้แก่:

1. Explore
2. Plan
3. Code
4. Commit

สังเกตว่า ทั้ง 4 ขั้นเหมือนกับการเขียน code ของมนุษย์ ถ้าเราสั่งให้ developer สร้างเว็บไซต์ สิ่งที่ developer จะทำ คือ:

1. ทำความเข้าใจความต้องการและข้อมูลที่มี (explore)
2. วางแผนและออกแบบการเขียน code (plan)
3. ลงมือเขียน (code)
4. ส่งงานให้ตรวจ (commit)

จะเห็นว่า แต่ละขั้นส่งเสริมซึ่งกันและกัน ถ้าไม่ทำความเข้าใจงาน ก็วางแผนไม่ได้ และถ้าวางแผนไม่ได้ ก็เขียน code ได้ไม่ดี และทำให้งานที่ส่งไม่มีคุณภาพ

การทำงานกับ Claude ก็เช่นกัน ถ้าเราสั่งให้เขียน code โดยไม่ทำความเข้าใจงานและวางแผนก่อน code ที่ออกมาก็มีโอกาสที่จะผิดพลาดสูง

ดังนั้น เพื่อให้ได้ code ที่ตอบโจทย์ เราจะต้องทำงานใน 4 ขั้นตอน:

1. Explore
2. Plan
3. Code
4. Commit

🧑‍💻 วิธีใช้ Claude Code ที่ถูกต้อง ใน 4 ขั้นตอน

.

🔍 Step 1. Explore

ในขั้นแรก เราจะต้องบอกให้ Claude ทำความเข้าใจงานก่อน โดย:

1. เปิด plan mode โดยกด shift + tab จนกว่าจะถึง plan mode หรือพิมพ์คำสั่ง /plan
2. สั่งให้ Claude อ่านไฟล์ใน folder ที่เรากำหนด โดยใน folder นี้สามารถมีได้ทั้งไฟล์ความต้องการ และ code ที่เราเคยเขียนไว้

ตัวอย่าง:

อ่านไฟล์ requirements.md
เพื่อเข้าใจเป้าหมาย user persona
ปัญหาที่ต้องการแก้ด้วยเว็บไซต์
และการแบ่ง module ในการพัฒนา

.

🗺️ Step 2. Plan

ในขั้นที่ 2 เราจะสั่งให้ Claude วางแผนงาน

ตัวอย่าง:

วางแผนการออกแบบ module 1 ของเว็บไซต์
เริ่มตั้งแต่ user เข้าสู่ระบบไปจนถึง ...

Tips:

ถ้าต้องการให้ Claude คิดเยอะ ๆ เราใช้คำสั่ง think เข้ามาช่วยได้:

ตัวอย่าง:

ultrathink วางแผนการออกแบบ module 1 ของเว็บไซต์

หมายถึงให้คิดเกี่ยวกับแผนการทำงาน module 1 ให้มากที่สุดเท่าที่จะทำได้

Note: ยิ่งคิดเยอะก็จะยิ่งใช้ token เยอะ และทำให้เราติด limit ในการใช้งานเร็วขึ้น

เมื่อ Claude ส่งแผนกลับมาแล้ว เราสามารถแก้ไขแผนเพื่อช่วยกำหนดทิศทางก่อนที่จะเขียน code ได้ ซึ่งเราทำได้ 2 วิธี:

1. กด ctrl + G เพื่อแก้ไขแผนเอง
2. บอก Claude ว่าอะไรที่ยังไม่ใช่ เพื่อให้ Claude แก้แผนให้

ตัวอย่าง:

เพิ่มการ unit test สำหรับแต่ละ function

.

💻 Step 3. Code

เมื่อพอใจกับแผนแล้ว เราจะสั่งให้ Claude เขียน code ตามแผนที่วางไว้:

1. ออกจาก plan mode ด้วยคำสั่ง /plan หรือกด shift + tab
2. สั่งให้เขียน code ตามแผน

ตัวอย่าง:

เขียน code ตามแผนด้านบน
เขียนแล้ว ให้ทดสอบและแก้ไขจุดผิดพลาดที่เจอด้วย
ก่อนจะส่งงานกลับมา

.

🚀 Step 4. Commit

ในขั้นสุดท้าย เราจะสั่งให้ Claude ช่วย commit code ให้

ตัวอย่าง:

Commit code
พร้อม commit message สั้น ๆ
เพื่อรอ review

💪 Summary

การทำงานกับ Claude Code ที่ดีไม่ใช่การสั่งให้เขียน code เลย แต่จะต้อง:

1. Explore: ทำความเข้าใจเนื้องานที่ต้องทำ
2. Plan: กำหนดทิศทางและออกแบบการทำงาน
3. Code: ลงมือทำ
4. Commit: ส่งงานรอรีวิว

เมื่อทำงานกับ Claude Code ใน 4 ขั้นตอนนี้แล้ว เราก็จะได้ code ที่ตอบโจทย์มากขึ้น 👍

⏭️ Next

หลังอ่านบทความนี้แล้ว ลองใช้งาน Claude Code กันดูครับ:

• ติดตั้ง Claude Code
• คำสั่งสำหรับทำงานกับ Claude Code
• วิธีจัดการ context ใน Claude Code
• อ่านคู่มือการใช้ Claude Code

📃 References

• Claude Code 101
• Software Development with Claude Code
• Common workflows
• Best practices for Claude Code
• Claude Code Plan Mode: Design Review-First Refactoring Loops