AI ใน IDE — Cursor / Copilot (ข้ามได้ถ้าไม่เขียนโค้ด)

บทนี้ผมจะพูดตรงๆ — ถ้าคุณไม่เคยและไม่อยากเขียนโค้ดเลย ข้ามไปบทถัดไปเรื่อง MCP ได้เลย เนื้อหาไม่ต่อเนื่อง

แต่ถ้าคุณ

• เคยเขียนโค้ดบ้าง แม้แต่นิดเดียว
• อยาก automate งานเล็กๆ ในบริษัท
• เริ่ม export โปรเจคจาก Lovable แล้วอยากแก้เอง

ลองอ่านดู ของพวกนี้ผมไม่ใช่ dev แต่ใช้ทำงานในบริษัทได้

3 ตัวที่ผมเคยลอง

Cursor — cursor.com
IDE ที่สร้างจาก VS Code แต่ฝัง AI ใช้ Claude / GPT ในตัว เก่งสุดถ้าจะสั่งงานเป็นขั้นๆ ราคา ฟรี limited / Pro $20/เดือน — ผมใช้ตัวนี้

GitHub Copilot
Plugin ติดบน VS Code / Intellij พิมพ์ๆ แล้วเติมโค้ดให้ ราคา $10/เดือน (ฟรีสำหรับนักเรียน/Open Source)

Windsurf by Codeium
คล้าย Cursor แต่เน้น agentic — AI ทำต่อหลายขั้นเอง ฟรี tier ดี

มือใหม่ผมแนะนำเริ่มที่ Windsurf หรือ Cursor (ฟรี tier)

ตัวอย่างจริง — แก้เว็บที่ export จาก Lovable

ผมเคยมีเว็บบริษัทที่ export จาก Lovable แล้วอยากเพิ่มหน้า admin ดูรายการลีดทั้งหมด — Lovable เริ่มทำต่อยาก ผมเปิด Cursor

1. เปิด folder ที่ export มาใน Cursor

2. กด Cmd + I (Mac) เปิด Composer

3. พิมพ์คำสั่ง

ในโปรเจค Next.js นี้ ช่วยเพิ่ม:

หน้า /admin/leads แสดงรายการลีดลูกค้าทั้งหมดจาก table 'leads' ใน Supabase (มีอยู่แล้ว)

Requirements:
- ตารางมีคอลัมน์: เลขลีด, ชื่อ, เบอร์, จังหวัด, ประเภทงาน, งบ, วันที่, สถานะ
- ปุ่ม filter ตามจังหวัด + สถานะ
- Sort ตามวันที่ใหม่ก่อน
- Pagination 20 รายการ/หน้า
- ใช้ shadcn/ui components ที่มีอยู่ในโปรเจค
- ภาษาไทย
- ก่อนเพิ่มไฟล์ใหม่ — ดู structure ปัจจุบันให้สอดคล้อง

4. Review diff — Cursor โชว์ว่าจะแก้ไฟล์ไหนเพิ่มอะไร

5. Accept หรือแก้ทีละบรรทัด ถ้าไม่ใช่

6. รัน npm run dev ดูผล

วิธีนี้ผมใช้เพิ่มหน้าเล็กๆ ในเว็บบริษัทได้โดยไม่ต้องจ้างใคร

สิ่งที่ Cursor ทำได้ที่ Lovable ทำไม่ได้

• แก้โค้ดทีละบรรทัดละเอียด
• Refactor — ปรับโครงสร้างโค้ดให้ดีขึ้น
• Debug — อ่าน error และเสนอวิธีแก้
• เขียน test
• Performance check
• Migrate framework

สิ่งที่มันทำไม่ได้

• ทำงานเสียงคุณ — เข้าใจธุรกิจคุณเอง คุณต้องบอก
• รับผิดชอบเมื่อ AI เขียนผิด — ตรวจรับงานเสมอ
• แทนพื้นฐานความเข้าใจโค้ด — อย่างน้อยต้องอ่านได้พอ

Workflow ที่ผมใช้

1. Prototype       → Lovable / v0   (เริ่มเร็ว เห็นภาพ)
2. Export          → GitHub
3. แก้/เพิ่ม feature  → Cursor          (ทำของเฉพาะที่ Lovable ทำไม่ได้)
4. Review code     → Claude Desktop  (ขอให้ Claude อธิบายว่าโค้ดทำอะไร)
5. Deploy          → Vercel / Netlify