“Wisesight Vibe Coding” เมื่อ AI กลายเป็นคู่หูโปรแกรมเมอร์

สัปดาห์ที่ผ่านมา Wisesight ได้จัดกิจกรรมสุดสร้างสรรค์ภายใต้ชื่อ “Vibe Coding” ชวนพนักงานสาย Product Development มาทดลองสร้างโปรเจกต์สุดเจ๋งโดยใช้ AI เป็นผู้ช่วยหลักในการทำงาน

โจทย์ที่ไม่มีกฎตายตัว

“ทำอะไรก็ได้ ที่ช่วยให้ชีวิตดีขึ้น”  โจทย์ครั้งนี้นับว่าท้าทายและเปิดโอกาสให้ Dev เลือกทำอะไรก็ได้ตามความสนใจได้อย่างเต็มที่  ไม่ว่าจะเป็นการสร้างแอปพลิเคชั่นต่าง ๆ จะเป็นแอปจริงจัง แอปกวนๆ หรือแค่ Mockup ที่น่ารักพรีเซนต์สนุกๆ ก็ได้  ทั้งนี้ทุกคนจะมีเวลาเพียง 5-15 ชั่วโมงเท่านั้น ในการพัฒนาและดีไซน์งานของตัวเองร่วมกับ AI Tools โดยเฉพาะ Cursor AI

“AI เขียน เรา คุม”

งานนี้ทุกคนที่เข้าร่วมจะไม่ได้เริ่มเขียนโค้ดจากศูนย์  แต่ไอเดียของ Vibe Coding จะเป็นการปล่อยให้ AI อย่าง Cursor เขียนตาม Prompt ที่เราออกแบบ แล้วเราจะมา Review / แก้ / Fine-tune โดยใช้ทักษะของมนุษย์ ที่เราอยากส่งเสริมให้เกิดขึ้นมากที่สุดในยุคนี้ คือหลักการแนวคิด “คิดให้ดี และสื่อสารกับ AI ให้เป็น”

สิ่งที่เราได้เรียนรู้จากการเล่นกับ Agent

กิจกรรมนี้นอกจากได้ความสนุก การฝึกให้คิดและสร้างสรรค์โปรดักส์นั้น เรายังได้บทเรียนสำคัญจากการทำงานร่วมกับ Agent (AI Developer Assistant) โดยเฉพาะ Cursor AI ซึ่งทีม Dev ของเราได้ลองผิดลองถูก และสรุปออกมาเป็น 5 เทคนิคหลักๆ ที่ช่วยให้ทำงานกับ AI ได้ราบรื่นและเวิร์กที่สุด

1.เตรียมโปรเจกต์ให้พร้อมก่อนเริ่ม

ก่อนจะสั่งให้ Agent เขียนอะไร ต้องลง Dependency, ติดตั้ง framework และตั้งค่าพวก Dependency Injection (DI) ให้เรียบร้อย เพราะถ้าปล่อยให้ Agent จัดการเอง มักเจอปัญหาเรื่อง Version conflict หรือ Dependency พัง จนไปต่อไม่ได้

2.ตั้ง Cursor Rule ให้ดี

ทุกครั้งที่ให้ Agent ทำงาน ควรเขียน Requirement ให้ชัดเจนใน 3 มุม

• Business requirement (โจทย์เชิงผู้ใช้)
• Tech requirement (เทคนิคที่ใช้)
• Note สำหรับ Agent (บอกว่าให้ทำยังไง หรือห้ามทำอะไร) ข้อความควรกระชับ ไม่เขียนยืด เพราะถ้ายาวเกินไป Agent จะหลุดโฟกัส หรือมีโอกาสเกิด Hallucination

3.เลือก UI Framework ที่ Agent คุ้นเคย

UI เป็นจุดที่พังง่ายที่สุดถ้าใช้ของที่ Agent ไม่รู้จัก ดังนั้นแนะนำให้เลือก framework ที่ Agent รู้จัก เช่น Material UI, Shards หรือใช้ v0.dev, lovable.dev, bolt.new เพื่อให้ Agent generate UI ให้ก่อน แล้วค่อยให้มันมาใส่ Logic ทีหลัง

4.Prompt แบบค่อย ๆ build ทีละ Step

การสั่ง Agent ไม่ควรยัดทุกอย่างในรอบเดียว เพราะจะทำให้ Output ผิดพลาด แนะนำให้ใช้เทคนิคแบบสร้างบ้าน: เริ่มจากรากฐาน แล้วค่อย ๆ เพิ่ม Feature ทีละจุด เช่น แยกหน้าล็อกอิน หน้าหลัก ฟีเจอร์ย่อย ให้แต่ละรอบทำงานเดียว

5.กัน Agent แก้งานนอกเรื่อง

Agent มักจะ “ใจดีเกินไป” แล้วเผลอแก้ไฟล์อื่นหรือแก้โค้ดนอกเหนือจากที่เราขอไว้ ดังนั้นให้เจาะจงไปเลยว่าให้แก้เฉพาะไฟล์ไหน โฟลเดอร์ไหน หรือ Component ไหน และควรตั้งชื่อให้ดี เช่นใส่ ID หรือ Comment เพื่ออ้างอิงได้ง่าย

ทั้งหมดนี้ไม่ใช่แค่เทคนิค แต่คือการฝึกสกิลใหม่: การคิดเชิงระบบ + การเขียน Prompt อย่างมีประสิทธิภาพ ซึ่งเป็นสิ่งที่ Dev ยุคใหม่ต้องใช้บ่อยขึ้นเรื่อย ๆ

อ้างอิงจากบทสรุปการใช้งาน Cursor AI โดยทีม Dev Wisesight (จากโพสต์ Facebook: Kittiporn Korprasertthaworn)

ผลงานสุดครีเอทีฟจาก Vibe Coding

ครั้งนี้ต้องขอบอกว่า ครอบครัว Dev Wisesight ของเราได้ปลดล็อคขีดจำกัดและก้าวขึ้นไปอีกขั้น แม้ว่าจะได้รับโจทย์ที่ทั้งท้าทายและเวลาจำกัด แต่สิ่งที่ทุกคนคิดหรือครีเอทมานั้นล้วนไม่ธรรมดา มีหลายคนที่ทำเสร็จจน Deploy ได้  บางคนได้ Mockup ที่พร้อม Pitch ต่อได้เลย และนี่คือตัวอย่างผลงานบางส่วน

เพื่อเป็นกำลังใจให้กับความคิดสร้างสรรค์ที่ไม่ธรรมดา พี่ CTO ของเราจึงมอบรางวัลเล็ก ๆ น้อย ๆ ให้กับ 2 ผลงานที่โดดเด่นที่สุด

หมอเต็งเขย่าไพ่: ใช้ AI มาสร้าง Bot ที่ให้คำทำนายได้แบบสนุก ๆ พร้อมดีไซน์ UX ที่คนใช้แล้วว้าว

มากกว่าการเขียนโค้ดคือ การเรียนรู้ร่วมกับ AI

สิ่งที่เราได้กลับมาจากกิจกรรมนี้ ไม่ได้มีแค่แอปที่น่าทึ่งหรือไอเดียที่น่าประทับใจ แต่คือ Mindset ใหม่ของการทำงานร่วมกับ AI

ไม่ใช่ทุกครั้งที่โค้ดจะออกมาสมบูรณ์แบบทันที แต่ทุกครั้งคือโอกาสในการเรียนรู้ว่าควร Prompt อย่างไร ควรออกแบบการสื่อสารแบบไหน หรือแม้กระทั่งรู้จัก “เว้นจังหวะให้ Agent ทำงาน” เหมือนการทำงานกับเพื่อนร่วมทีมจริง ๆ

และที่สำคัญที่สุดคือ… ทุกคนเต็มที่และสนุกกันมาก

อยากมาร่วม Vibe ด้วยกันไหม?

ทีม Dev เรากำลังเปิดรับสมัคร Software Engineer หลายตำแหน่ง ถ้าคุณอยากลองใช้ AI ในการทำงานจริง พร้อมทีมที่ชอบลองของใหม่ และมีพื้นที่ให้สร้างสรรค์แบบนี้เสมอ สมัครได้ที่ Career@wisesight.com หรือดูประกาศอื่น ๆ ได้ที่หน้า Career.wisesight.com ได้เลย