Best Practice ต้องรู้! ตั้งค่า Windsurf ยังไงให้ AI เขียน Code ตรงใจ 100%

ทำไม Best Practice ถึงสำคัญกับการใช้ Windsurf

การใช้งาน AI IDE อย่าง Windsurf ให้เกิดประสิทธิภาพสูงสุดนั้น ไม่ได้มีแค่การสั่งให้เขียนโค้ดเท่านั้น แต่ยังต้องอาศัยเทคนิคและแนวทางปฏิบัติที่ช่วยให้ AI เข้าใจโปรเจกต์ เข้าใจมาตรฐานของทีม และทำงานได้ตรงตามสิ่งที่เราต้องการมากที่สุด หากวาง workflow ให้ดีตั้งแต่ต้น คุณจะลดทั้งความผิดพลาด เวลาการแก้ซ้ำ และปัญหา AI ตอบไม่ตรงโจทย์ได้อย่างชัดเจน

1) ปูพื้นฐานด้วย Context ที่ชัดเจนผ่านไฟล์ .windsurfrules

AI จะทำงานได้ดีและฉลาดขึ้นตามคุณภาพของข้อมูลที่เรามอบให้ ดังนั้นการสร้างไฟล์กฎหลักของโปรเจกต์จึงเป็นหนึ่งในสิ่งสำคัญที่สุดสำหรับการใช้งาน Windsurf อย่างมีประสิทธิภาพ

• สร้างไฟล์ชื่อ `.windsurfrules` ไว้ที่โฟลเดอร์ root ของโปรเจกต์
• ใช้ไฟล์นี้ระบุข้อกำหนดสำคัญ เช่น เทคโนโลยีที่ใช้, มาตรฐานการเขียนโค้ด, ข้อห้าม และรูปแบบโครงสร้างไฟล์
• ตัวอย่างที่ควรระบุ ได้แก่ Next.js, TypeScript strict mode, Tailwind CSS, shadcn/ui หรือข้อกำหนดว่าไม่ใช้ class component แบบเก่า
• ข้อดีคือ AI จะอ่านกติกานี้ก่อนเริ่มงาน ทำให้ผลลัพธ์สม่ำเสมอขึ้น และไม่ต้องพิมพ์คำสั่งเดิมซ้ำทุก prompt

2) ระบุเป้าหมายให้แม่นยำด้วยฟีเจอร์ @mention

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

• พิมพ์ `@` ตามด้วยชื่อไฟล์ โฟลเดอร์ หรือเอกสารที่เกี่ยวข้องทุกครั้งเมื่อต้องการให้อ้างอิงข้อมูลเฉพาะจุด
• วิธีนี้ช่วยลดโอกาสที่ AI จะเลือกไฟล์ผิดหรือ hallucination เกี่ยวกับโครงสร้างโปรเจกต์
• ยิ่งบริบทที่ให้ชัด การแก้ไขก็ยิ่งเร็วและตรงปัญหามากขึ้น

3) สั่งงานทีละสเต็ปแบบ Divide and Conquer

หนึ่งในข้อควรระวังสำคัญคือไม่ควรสั่งหลายอย่างพร้อมกันใน prompt เดียว โดยเฉพาะงานที่มีหลายระบบเกี่ยวข้องกัน เช่น UI, API, authentication และ database หากแยกงานออกเป็นขั้นตอนย่อย AI จะโฟกัสได้ดีขึ้นและลดความผิดพลาดระหว่างทาง

• ควรแบ่งการสั่งงานเป็นทีละฟีเจอร์ เช่น สร้างหน้า Login ให้เสร็จก่อน แล้วค่อยต่อ API authentication
• การแตกงานเป็นขั้นตอนช่วยให้ตรวจผลลัพธ์ได้ง่ายขึ้นในแต่ละรอบ
• แนวทางนี้ช่วยลดอาการ AI ทำหลายอย่างพร้อมกันแล้วหลุด requirement

4) ตรวจสอบโค้ดทุกครั้งก่อนกดยอมรับ

แม้ว่า AI จะเขียนโค้ดได้เก่งขึ้นมาก แต่ในฐานะนักพัฒนา เรายังต้องเป็นผู้ตรวจสอบขั้นสุดท้ายก่อนนำโค้ดไปใช้จริง โดยเฉพาะงานที่กระทบกับโครงสร้างหลักของระบบหรือไฟล์ตั้งค่าที่สำคัญ

• ก่อนกด Accept ควรอ่านว่า AI แก้ไขอะไรไปบ้างและมีผลกระทบกับส่วนใดของระบบ
• ถ้ามีการลบไฟล์หรือแก้ configuration สำคัญ ควรตรวจอย่างละเอียดเป็นพิเศษ
• การ review ก่อนรับโค้ดช่วยลด regression และลดปัญหาที่อาจลามไปส่วนอื่นของโปรเจกต์

5) ใช้ Terminal ให้เป็นประโยชน์ในการรันและแก้บั๊ก

Windsurf ไม่ได้ช่วยแค่เขียนโค้ด แต่ยังเชื่อมต่อกับ terminal เพื่อช่วยรันโปรเจกต์ เขียนเทสต์ และวิเคราะห์ error ได้ด้วย ซึ่งทำให้ workflow การ debug ต่อเนื่องและรวดเร็วขึ้นมาก

• คุณสามารถสั่งให้ AI รันโปรเจกต์หรือรันเทสต์เพื่อหาปัญหาได้
• หากเกิด error ใน terminal ไม่จำเป็นต้องคัดลอกข้อความทั้งหมดมาแปะใหม่เสมอไป
• เพียงสั่งให้ช่วยดู error ใน terminal AI ก็สามารถเข้าไปวิเคราะห์และช่วยแก้ไขต่อได้ทันที

6) เลือกใช้โหมดการทำงานให้ถูกต้อง: Code, Ask, Plan

Windsurf มีโหมดการทำงานหลัก 3 แบบ และการเลือกให้เหมาะกับเป้าหมายของงานจะช่วยให้ได้ผลลัพธ์ที่แม่นยำและประหยัดเวลามากขึ้น

• Code: ใช้เมื่อคุณต้องการให้ AI เขียนหรือแก้ไขโค้ดโดยตรง
• Ask: ใช้เมื่อคุณต้องการคำอธิบาย คำแนะนำ หรือ brainstorming โดยยังไม่ต้องให้ AI แก้ไฟล์จริง
• Plan: ใช้เมื่อต้องการเริ่มฟีเจอร์ใหม่ โดยให้ AI ช่วยแตกงานเป็นขั้นตอนก่อนเริ่มลงมือเขียนโค้ด
• การเลือกโหมดให้ถูกช่วยให้ expectation ระหว่างคุณกับ AI ตรงกันตั้งแต่ต้น

บทสรุป

การนำ Best Practices เหล่านี้ไปปรับใช้ จะช่วยให้การทำงานร่วมกับ AI IDE อย่าง Windsurf เป็นไปอย่างราบรื่น รวดเร็ว และได้โค้ดที่มีคุณภาพตรงตามโครงสร้างของโปรเจกต์มากขึ้นในระยะยาว ยิ่งคุณให้ context ชัด สั่งงานเป็นระบบ และตรวจสอบผลลัพธ์อย่างสม่ำเสมอเท่าไร AI ก็จะยิ่งกลายเป็นคู่หูที่ช่วยเร่งงานได้อย่างมีประสิทธิภาพมากขึ้นเท่านั้น