มีโอกาสไปแบ่งปันความรู้พื้นฐานสำหรับการใช้งาน AI Agent for coding
หนึ่งในขั้นตอนที่สำคัญสำหรับการเริ่มต้น
ที่ชอบใช้งานเป็นการส่วนตัวคือ

  • ทำการสร้าง project เอง
  • ทำการติดตั้ง library/dependency เอง
  • ทำการ config ต่าง ๆ ให้ครบ

และสิ่งที่ขาดไม่ได้เลย คือ การสร้าง feedback loop ให้กับ AI Agent for coding
ว่าทำงานได้ตามที่ต้องการหรือไม่ ?
ซึ่งประกอบไปด้วยด้วย

  • การ compile/build project
  • การทดสอบใน level ต่าง ๆ เช่น unit test, integration test รวมทั้งเฉพาะเจาะจง เช่น api test และ ui test เป็นต้น
  • Lint tool ต่าง ๆ และจัดการ format ของ code
  • การกำหนด git hook เช่น pre-commit เป็นต้น เพื่อ run สิ่งต่าง ๆ

เป็นความรู้พื้นฐาน และ ควรต้องทำไม่ว่าจะใช้ AI Agent หรือไม่ก็ตาม

ยกตัวอย่าง project web ด้วย ReactJS

จะทำการสร้างและ config project ด้วย Vite
ซึ่งจะจัดการ config ต่าง ๆ ให้ครบ
จากนั้นทำการติดตั้ง library/dependency ที่จำเป็นในการใช้งาน
กำหนด project structure ใน instruction หรือ Agent ไปได้เลย

เพิ่มการทดสอบแบบง่าย ๆ ด้วย UI testing ผ่าน web browser ด้วย Playwright
ทำการ config ค่าต่าง ๆ ของ Playwright เช่น

  • Browser ที่จะใช้ทดสอบ แนะนำให้ใช้เพียงตัวเดียว แบบ headless
  • แนะนำลองปิดการทดสอบแบบ parallel ไปก่อน ถ้าทำงานได้แล้ว จึงปรับเปลี่ยนเป็น parallel
  • เปลี่ยน config ของ Playwright เมื่อ failure แล้ว ไม่ต้อง start server และเปิด HTML report
  • ใน requirement และ test case ควรกำหนดมาก่อนเลย อย่าให้ AI Agent มาคิดเองตอนเขียน test ควรทำการออกแบบและวางแผนมาก่อน รวมทั้งพวก id/name/test id หรือ locator ของ web element ควรกำหนดมาก่อน

ตัวอย่างของการ config Playwright ให้ทำงานได้ง่ายขึ้น
ลองใช้งานกันดูครับ
ความรุ็พื้นฐานสำคัญมาก ๆ
เพื่อทำให้มั่นใจว่า สิ่งที่ AI Agent ทำมานั้น ทำงานได้ตามที่เราต้องการหรือคาดหวัง
และเราสามารถทำงานเพิ่มได้ตามที่เราต้องการ
ทั้ง functional และ non-functional
และที่สำคัญมาก ๆ คือ ถ้ากำหนด process ดี ๆ
ก็สามารถเปลี่ยน LLM model ไปยังตัวเล็ก ๆ หรือ ถูก ๆ ได้
โดยผลกากรทำงานยังได้ตามที่ต้องการ (แต่ code ที่ได้ต้อง review กันหน่อย)

อีกอย่างถ้าต้องการลดจำนวน token ของการ run คำสั่งต่าง ๆ ใน command line
แนะนำให้ใช้ RTK สามารถลดได้เยอะเลย และ ผลการทำงานยังคงไม่ตก