Skip to main content

เวิร์กโฟลว์ทั่วไป

คู่มือทีละขั้นตอนสำหรับการสำรวจโค้ดเบส แก้บัก รีแฟคเตอร์ ทดสอบ และงานพัฒนาประจำวันอื่นๆ ด้วย Claude Code

หน้านี้รวบรวมสูตรสำเร็จรูปสำหรับการพัฒนาประจำวัน สำหรับคำแนะนำระดับสูงเกี่ยวกับการ prompting และการจัดการ context ดูที่ Best practices

หน้านี้ครอบคลุม:

สูตร Prompt

เหล่านี้คือรูปแบบ prompt สำหรับงานประจำวัน เช่น การสำรวจโค้ดที่ไม่คุ้นเคย การดีบัก การรีแฟคเตอร์ การเขียนทดสอบ และการสร้าง PR

ทำความเข้าใจโค้ดเบสใหม่

ดูภาพรวมโค้ดเบสอย่างรวดเร็ว

สมมติว่าคุณเพิ่งเข้าร่วมโปรเจกต์ใหม่และต้องการเข้าใจโครงสร้างอย่างรวดเร็ว

  1. ไปที่ root directory ของโปรเจกต์:
cd /path/to/project 
  1. เริ่ม Claude Code:
claude 
  1. ขอภาพรวมระดับสูง:
give me an overview of this codebase
  1. เจาะลึกส่วนประกอบเฉพาะ:
explain the main architecture patterns used here
what are the key data models?
how is authentication handled?

เคล็ดลับ:

  • เริ่มด้วยคำถามกว้างๆ แล้วค่อยแคบลงไปยังพื้นที่เฉพาะ
  • ถามเกี่ยวกับ coding conventions และ patterns ที่ใช้ในโปรเจกต์
  • ขอ glossary ของ terms เฉพาะโปรเจกต์

ค้นหาโค้ดที่เกี่ยวข้อง

สมมติว่าคุณต้องการค้นหาโค้ดที่เกี่ยวข้องกับฟีเจอร์หรือฟังก์ชันเฉพาะ

  1. ขอให้ Claude ค้นหาไฟล์ที่เกี่ยวข้อง:
find the files that handle user authentication
  1. รับ context ว่าส่วนประกอบต่างๆ ทำงานร่วมกันอย่างไร:
how do these authentication files work together?
  1. ทำความเข้าใจ execution flow:
trace the login process from front-end to database

แก้บักอย่างมีประสิทธิภาพ

สมมติว่าคุณพบข้อความ error และต้องการค้นหาและแก้ไขแหล่งที่มา

  1. แชร์ error กับ Claude:
I'm seeing an error when I run npm test
  1. ขอคำแนะนำในการแก้ไข:
suggest a few ways to fix the @ts-ignore in user.ts
  1. ใช้การแก้ไข:
update user.ts to add the null check you suggested

เคล็ดลับ:

  • บอก Claude คำสั่งในการ reproduce ปัญหาและรับ stack trace
  • กล่าวถึงขั้นตอนในการ reproduce error
  • แจ้ง Claude ว่า error เกิดขึ้นเป็นครั้งคราวหรือสม่ำเสมอ

รีแฟคเตอร์โค้ด

สมมติว่าคุณต้องการอัพเดตโค้ดเก่าให้ใช้ patterns และ practices สมัยใหม่

  1. ระบุโค้ดเก่าสำหรับรีแฟคเตอร์:
find deprecated API usage in our codebase
  1. รับคำแนะนำการรีแฟคเตอร์:
suggest how to refactor utils.js to use modern JavaScript features
  1. ใช้การเปลี่ยนแปลงอย่างปลอดภัย:
refactor utils.js to use ES2024 features while maintaining the same behavior
  1. ตรวจสอบการรีแฟคเตอร์:
run tests for the refactored code

ทำงานกับ tests

สมมติว่าคุณต้องการเพิ่ม tests สำหรับโค้ดที่ยังไม่ครอบคลุม

  1. ระบุโค้ดที่ยังไม่มี test:
find functions in NotificationsService.swift that are not covered by tests
  1. สร้าง test scaffolding:
add tests for the notification service
  1. เพิ่ม test cases ที่มีความหมาย:
add test cases for edge conditions in the notification service
  1. รันและตรวจสอบ tests:
run the new tests and fix any failures

Claude สามารถสร้าง tests ที่ทำตาม patterns และ conventions ที่มีอยู่ของโปรเจกต์ได้ เมื่อขอ tests ให้ระบุพฤติกรรมที่ต้องการตรวจสอบอย่างชัดเจน


สร้าง pull requests

คุณสามารถสร้าง pull requests ได้โดยตรงโดยขอ Claude ("create a pr for my changes") หรือนำ Claude ทีละขั้น:

  1. สรุปการเปลี่ยนแปลงของคุณ:
summarize the changes I've made to the authentication module
  1. สร้าง pull request:
create a pr
  1. ทบทวนและปรับแต่ง:
enhance the PR description with more context about the security improvements

เมื่อคุณสร้าง PR โดยใช้ gh pr create เซสชันจะถูกเชื่อมโยงกับ PR นั้นโดยอัตโนมัติ หากต้องการกลับมาภายหลัง ให้รัน claude --from-pr <number> หรือวาง PR URL ใน /resume picker search


จัดการเอกสาร

สมมติว่าคุณต้องการเพิ่มหรืออัพเดตเอกสารสำหรับโค้ดของคุณ

  1. ระบุโค้ดที่ขาดเอกสาร:
find functions without proper JSDoc comments in the auth module
  1. สร้างเอกสาร:
add JSDoc comments to the undocumented functions in auth.js
  1. ทบทวนและเสริม:
improve the generated documentation with more context and examples
  1. ตรวจสอบเอกสาร:
check if the documentation follows our project standards

ทำงานในโฟลเดอร์บันทึกและโฟลเดอร์ที่ไม่ใช่โค้ด

Claude Code ทำงานในทุก directory ได้ รันใน notes vault, โฟลเดอร์เอกสาร, หรือไฟล์ markdown เพื่อค้นหา แก้ไข และจัดระเบียบเนื้อหาแบบเดียวกับที่ทำกับโค้ด


ทำงานกับรูปภาพ

สมมติว่าคุณต้องการทำงานกับรูปภาพในโค้ดเบสและต้องการความช่วยเหลือในการวิเคราะห์เนื้อหาภาพ

  1. เพิ่มรูปภาพลงในการสนทนา โดยใช้วิธีใดวิธีหนึ่งต่อไปนี้:

    • ลากและวางรูปภาพลงในหน้าต่าง Claude Code
    • คัดลอกรูปภาพและวางด้วย ctrl+v (ไม่ใช่ cmd+v)
    • ให้ path รูปภาพกับ Claude เช่น "Analyze this image: /path/to/your/image.png"
  2. ขอให้ Claude วิเคราะห์รูปภาพ:

What does this image show?
Describe the UI elements in this screenshot
  1. ใช้รูปภาพเพื่อบริบท:
Here's a screenshot of the error. What's causing it?
  1. รับคำแนะนำโค้ดจากเนื้อหาภาพ:
Generate CSS to match this design mockup

อ้างอิงไฟล์และ directories

ใช้ @ เพื่อรวมไฟล์หรือ directories อย่างรวดเร็วโดยไม่ต้องรอให้ Claude อ่าน

  1. อ้างอิงไฟล์เดียว:
Explain the logic in @src/utils/auth.js
  1. อ้างอิง directory:
What's the structure of @src/components?
  1. อ้างอิง MCP resources:
Show me the data from @github:repos/owner/repo/issues

รัน Claude ตามกำหนดเวลา

หากต้องการให้ Claude จัดการงานโดยอัตโนมัติตามกำหนด เช่น ตรวจสอบ PR ทุกเช้า หรือตรวจสอบ dependencies รายสัปดาห์ เลือกตัวเลือกการกำหนดเวลาตามที่ต้องการ:

ตัวเลือกรันที่ไหนเหมาะสำหรับ
Routinesโครงสร้างพื้นฐานที่ Anthropic จัดการงานที่ควรรันแม้คอมพิวเตอร์ปิด
Desktop scheduled tasksเครื่องของคุณ ผ่านแอป desktopงานที่ต้องการเข้าถึงไฟล์ท้องถิ่น
GitHub ActionsCI pipeline ของคุณงานที่เชื่อมกับ repo events
/loopเซสชัน CLI ปัจจุบันการ polling ด่วนในระหว่างเซสชันเปิดอยู่

ถาม Claude เกี่ยวกับความสามารถ

Claude มีการเข้าถึงเอกสารในตัวและสามารถตอบคำถามเกี่ยวกับฟีเจอร์และข้อจำกัดของตัวเองได้

ตัวอย่างคำถาม:

can Claude Code create pull requests?
how does Claude Code handle permissions?
what skills are available?
how do I use MCP with Claude Code?

ต่อการสนทนาจากเดิม

เมื่องานข้ามหลายเซสชัน ให้ดำเนินต่อจากที่ค้างไว้แทนที่จะอธิบาย context ใหม่ Claude Code บันทึกทุกการสนทนาในเครื่อง

claude --continue

คำสั่งนี้จะต่อเซสชันล่าสุดใน directory ปัจจุบัน ใช้ claude --resume เพื่อเลือกจากรายการ หรือ /resume จากภายในเซสชันที่รันอยู่

รัน Parallel Sessions ด้วย Worktrees

ทำงานกับฟีเจอร์ใน terminal หนึ่งในขณะที่ Claude แก้บักใน terminal อื่น โดยไม่ให้การแก้ไขชนกัน แต่ละ worktree คือ checkout แยกในสาขาของตัวเอง

claude --worktree feature-auth

รันคำสั่งเดิมพร้อมชื่อต่างกันใน terminal ที่สอง เพื่อเริ่มเซสชัน parallel ที่แยกออกจากกัน

วางแผนก่อนแก้ไข

สำหรับการเปลี่ยนแปลงที่ต้องการตรวจสอบก่อนบันทึกลงดิสก์ ให้เปลี่ยนเป็น plan mode Claude จะอ่านไฟล์และเสนอแผน แต่ไม่แก้ไขจนกว่าคุณจะอนุมัติ

claude --permission-mode plan

คุณยังสามารถกด Shift+Tab กลางเซสชันเพื่อสลับไป plan mode ได้

มอบหมายการวิจัยให้ Subagents

การสำรวจโค้ดเบสขนาดใหญ่จะเติม context ด้วยการอ่านไฟล์ มอบหมายการสำรวจเพื่อให้มีเพียงผลลัพธ์ที่ส่งกลับมา

use a subagent to investigate how our auth system handles token refresh

Subagent จะอ่านไฟล์ใน context window ของตัวเองและรายงานสรุป

Pipe Claude เข้า Scripts

รัน Claude แบบ non-interactive สำหรับ CI, pre-commit hooks, หรือ batch processing stdin และ stdout ทำงานเหมือน Unix tool ทั่วไป

git log --oneline -20 | claude -p "summarize these recent commits"