2. Setup & Configuration
หน้าหลัก › โมดูล 2: Setup & Configuration
บทเรียน 2.3

สร้าง CLAUDE.md ที่ดี

CLAUDE.md คือไฟล์ที่ Claude อ่านทุกครั้งที่เริ่มทำงาน เปรียบเหมือน 'คู่มือพนักงานใหม่' ของโปรเจกต์ ยิ่งเขียนดี Claude ยิ่งทำงานตรงใจ

เมื่อเรียนจบบทนี้ คุณจะ…

  • อธิบายความหมายของ CLAUDE.md ได้
  • บอกได้ว่าควรใส่ข้อมูลอะไรใน CLAUDE.md
  • ใช้ Claude ช่วยสร้าง CLAUDE.md เบื้องต้นได้
CLAUDE.md = คู่มือโปรเจกต์ที่ Claude อ่านก่อนเริ่มทำงาน
CLAUDE.md = คู่มือโปรเจกต์ที่ Claude อ่านก่อนเริ่มทำงาน

CLAUDE.md คืออะไร? ทำไมโปรเจกต์ของเราต้องมี?

ลองนึกภาพว่าคุณกำลังจะเริ่มงานใหม่ในบริษัทแห่งหนึ่ง ถ้ามี 'คู่มือพนักงานใหม่' ที่บอกรายละเอียดสำคัญของบริษัท เช่น วัฒนธรรมองค์กร, เครื่องมือที่ใช้, หรือแม้กระทั่งข้อห้ามต่าง ๆ จะดีแค่ไหน?

ไฟล์ CLAUDE.md ก็เปรียบเสมือน 'คู่มือพนักงานใหม่' สำหรับ AI อย่าง Claude นั่นเองครับ! มันคือไฟล์ข้อความที่เราจะสร้างขึ้นมาในโปรเจกต์ของเรา เพื่อบอกข้อมูลสำคัญเกี่ยวกับโปรเจกต์ให้ Claude เข้าใจ ยิ่งเราเขียนคู่มือนี้ได้ละเอียดและชัดเจนเท่าไหร่ Claude ก็จะยิ่งทำงานร่วมกับเราได้ตรงใจและมีประสิทธิภาพมากขึ้นเท่านั้นครับ

CLAUDE.md จะถูก Claude อ่านทุกครั้งที่เริ่มทำงานกับโปรเจกต์ของคุณ

ข้อมูลสำคัญที่ Claude ต้องรู้: Tech Stack และข้อตกลง (Conventions)

ในคู่มือ CLAUDE.md เราควรบอก Claude ถึง 'เครื่องมือ' และ 'กฎ' พื้นฐานของโปรเจกต์เราครับ

**Tech Stack (เครื่องมือที่ใช้):** ส่วนนี้คือการบอกว่าโปรเจกต์ของเราสร้างด้วยภาษาอะไร? ใช้เฟรมเวิร์กอะไร? และเวอร์ชั่นไหน? เช่น Node 22, TypeScript strict, React 19 + TailwindCSS การบอกสิ่งเหล่านี้ทำให้ Claude รู้ว่าต้องใช้ความรู้ด้านไหนมาช่วยงานเรา

**Conventions (ข้อตกลงและรูปแบบ):** นี่คือ 'กฎ' ที่ทีมเราใช้ในการเขียนโค้ดครับ เช่น การตั้งชื่อตัวแปร (naming convention), รูปแบบการจัดหน้าโค้ด (code style), หรือโครงสร้างการจัดเรียงโฟลเดอร์ในโปรเจกต์ การมีข้อตกลงเหล่านี้ทำให้โค้ดของเราเป็นระเบียบ และ Claude ก็จะเขียนโค้ดได้สอดคล้องกับสไตล์ของเราครับ

ยิ่ง Claude รู้จักเครื่องมือและกฎของเราดีแค่ไหน ก็ยิ่งทำงานได้ราบรื่นเท่านั้น

ข้อมูลสำคัญที่ Claude ต้องรู้: คำสั่งสำคัญ (Commands) และสิ่งที่ไม่ควรทำ (NEVER)

นอกจากเครื่องมือและกฎแล้ว Claude ยังต้องรู้ 'วิธีทำงาน' และ 'ข้อห้าม' บางอย่างด้วยครับ

**คำสั่งสำคัญ (Commands):** ส่วนนี้คือการบอกคำสั่งพื้นฐานที่เราใช้ในการพัฒนาโปรเจกต์ เช่น คำสั่งสำหรับรันโปรเจกต์ในโหมดพัฒนา (npm run dev), คำสั่งสำหรับทดสอบโค้ด (npm test), หรือคำสั่งสำหรับคอมไพล์โค้ด (build) การบอกสิ่งเหล่านี้ทำให้ Claude สามารถแนะนำหรือรันคำสั่งที่ถูกต้องให้เราได้

**NEVER (สิ่งที่ไม่ควรทำเด็ดขาด):** นี่คือส่วนสำคัญที่บอก Claude ถึงข้อห้ามหรือสิ่งที่เราไม่อยากให้เกิดขึ้นในโปรเจกต์ เช่น 'ห้ามใช้ any ใน TypeScript' หรือ 'ห้าม commit โค้ดโดยไม่รัน test ก่อน' การมีส่วนนี้จะช่วยป้องกันความผิดพลาดและรักษาคุณภาพของโค้ดในโปรเจกต์ของเราครับ

ส่วน 'NEVER' ช่วยป้องกันความผิดพลาดที่อาจเกิดขึ้นได้

ตัวอย่าง CLAUDE.md และตำแหน่งการจัดเก็บไฟล์

ไฟล์ CLAUDE.md ควรถูกวางไว้ที่ 'ราก' (root) ของโปรเจกต์ของคุณครับ เหมือนกับการวางคู่มือพนักงานใหม่ไว้ที่โต๊ะทำงานของพนักงานใหม่นั่นแหละครับ และชื่อไฟล์ต้องเป็น CLAUDE.md เป๊ะๆ นะครับ (ตัวพิมพ์ใหญ่ทั้งหมด)

นี่คือตัวอย่างง่ายๆ ของไฟล์ CLAUDE.md ที่คุณสามารถนำไปปรับใช้ได้ครับ:

``` # My Awesome Project ## Stack - Node 22, TypeScript strict - React 19 + TailwindCSS ## Commands - dev: npm run dev - test: npm test - build: npm run build ## NEVER - อย่าใช้ 'any' ใน TypeScript - อย่า commit โดยไม่รัน test - อย่าแก้ไฟล์ในโฟลเดอร์ 'node_modules' ```

วาง CLAUDE.md ไว้ที่ root ของโปรเจกต์เสมอ

ให้ Claude ช่วยสร้าง CLAUDE.md ร่างแรกให้เรา

บางทีการเริ่มเขียน CLAUDE.md จากศูนย์ก็อาจจะยากสำหรับมือใหม่ใช่ไหมครับ? ไม่ต้องกังวล! เราสามารถให้ Claude ช่วยสร้างร่างแรกให้เราได้เลยครับ เหมือนมีผู้ช่วยมาเตรียมโครงสร้างคู่มือให้เราก่อน แล้วเราค่อยมาปรับแก้ให้สมบูรณ์

วิธีนี้จะช่วยประหยัดเวลาและทำให้เรามีจุดเริ่มต้นที่ดีครับ หลังจากนั้นเราก็แค่เพิ่มรายละเอียดเฉพาะของโปรเจกต์เราเข้าไป

  1. 1. **เตรียมโปรเจกต์ของคุณให้พร้อม:** ตรวจสอบให้แน่ใจว่าโปรเจกต์ของคุณมีโครงสร้างไฟล์และโค้ดที่ Claude สามารถอ่านและทำความเข้าใจได้
  2. 2. **เปิดหน้าต่างแชทกับ Claude:** เข้าไปในแพลตฟอร์มที่คุณใช้ Claude
  3. 3. **ใช้ Prompt นี้กับ Claude:** พิมพ์หรือคัดลอก Prompt นี้ลงไปในช่องแชท: ช่วยอ่านโปรเจกต์นี้แล้วสร้างไฟล์ CLAUDE.md ที่เหมาะสมให้หน่อย ใส่ tech stack, conventions, และคำสั่งสำคัญ
ให้ Claude ร่างแรกให้ก่อน แล้วค่อยปรับแก้ จะเร็วกว่าเขียนเองทั้งหมด

สรุป: CLAUDE.md คือเพื่อนคู่คิดที่ช่วยให้ AI ทำงานได้ดีขึ้น

สรุปง่ายๆ ก็คือ CLAUDE.md เป็นเหมือน 'คู่มือการใช้งาน' โปรเจกต์ของเรา ที่เราสร้างขึ้นมาเพื่อให้ Claude เข้าใจรายละเอียดสำคัญๆ ตั้งแต่เครื่องมือที่ใช้, กฎการเขียนโค้ด, คำสั่งที่จำเป็น ไปจนถึงสิ่งที่เราไม่อยากให้ทำเลยครับ

การลงทุนเวลาเขียน CLAUDE.md ให้ดีตั้งแต่แรก จะช่วยให้การทำงานร่วมกับ AI มีประสิทธิภาพมากขึ้น ลดความเข้าใจผิด และทำให้ Claude สามารถให้ความช่วยเหลือเราได้อย่างตรงจุด เหมือนมีเพื่อนร่วมงานที่เข้าใจเราเป็นอย่างดีเลยครับ

อย่าลืมอัปเดต CLAUDE.md เสมอเมื่อโปรเจกต์มีการเปลี่ยนแปลง
ลองใช้ Prompt นี้กับ Claude
ช่วยอ่านโปรเจกต์นี้แล้วสร้างไฟล์ CLAUDE.md ที่เหมาะสมให้หน่อย ใส่ tech stack, conventions, และคำสั่งสำคัญ
เคล็ดลับ: ให้ Claude สร้าง CLAUDE.md ร่างแรกให้ก่อน แล้วคุณค่อยแก้เพิ่ม — เร็วกว่าเขียนเองจากศูนย์
สรุปบทนี้
  • CLAUDE.md = คู่มือโปรเจกต์ที่ Claude อ่านทุกครั้ง
  • ใส่ stack, conventions, commands, NEVER
  • ให้ Claude ช่วยร่างได้
แบบทดสอบท้ายบท
ลองตอบดู แล้วระบบจะเฉลยให้ทันที
ข้อ 1.CLAUDE.md คืออะไร?
เฉลย: CLAUDE.md เหมือนคู่มือที่ช่วยให้ Claude เข้าใจโปรเจกต์ของเราได้ง่ายขึ้น ทำให้ Claude ทำงานได้ตรงใจเรามากขึ้น
ข้อ 2.ข้อใด 'ไม่ควร' อยู่ใน CLAUDE.md ตามที่บทเรียนแนะนำ?
เฉลย: CLAUDE.md ควรมีข้อมูลทางเทคนิคและกฎการทำงาน ไม่ใช่รูปภาพประกอบโปรเจกต์