Cursor สุดยอด AI Code Editor ที่จะมาแทนการโค้ดแบบเดิม ๆ เร็วขึ้น 10x

ปัจจุบันคงปฏิเสธไม่ได้ว่า AI ได้เข้ามามีมบทบาทในการ coding ของเราเป็นอย่างมากครับ ปกติเราจะเสียเวลาสลับไปมาระหว่าง Code Editor กับ ChatGPT หรือ Claude สำหรับช่วยในการเขียนโค้ด แถมต้องคอยก็อปทีละไฟล์เพื่อให้ AI เข้าใจโปรเจคท์ของเรา จนทำให้ทั้งเสียเวลาและ token ก็หมดไวมาก บางทีก็ต้องเปิด chat ใหม่ เสียเวลาเทรนด์ใหม่ เพราะ context windows เต็มหรือเกิน length limit? 

ปํญหาเหล่านี้ที่กล่าวมาด้านบนจะหมดไป ด้วย Cursor AI สุดยอด AI Code Editor มาแรงที่สุดในตอนนี้ ด้วยการผสานพลังของ AI Models เข้ากับ Code Editor โดยตรง ทำให้ AI เข้าใจบริบทของโปรเจคท์เราได้ดียิ่งขึ้น และให้คำแนะนำที่แม่นยำกว่า

ตอนนี้ทีมงาน Cursor ฮอตฮิตติดลมบนเป็นอย่างมาก ใน YouTube ชื่อดังที่มักจะสัมภาษณ์ผู้ที่มีชื่อเสียงด้าน AI ระดับโลกอย่าง Lex Fridman มีการสัมภาษณ์ที่น่าสนใจในหัวข้อ "Will AI replace programmers? (AI จะมาแทนโปรแกรมเมอร์หรือไม่?)" กับทีมงาน Cursor 

Lex Fridman สัมภาษณ์และพูดคุยกับทีมของ Cursor (source: Lex Clip)



วันนี้เราจะมาดูกันว่าทำไม IDE ตัวนี้ถึงได้รับความนิยมจากเหล่า software engineer, dev, programmer หรือใครก็ตามที่ต้องเขียนโค้ดจากทั่วทุกมุมโลก ฮอตฮิตสุด ๆ ในตอนนี้ครับ

Cursor AI คืออะไร?

Cursor AI คือ สุดยอด AI Code Editor สุดล้ำที่พัฒนาต่อยอดโดย fork มาจาก Visual Studio Code (VS Code) โดยผสานพลังของ AI โมเดลยอดนิยมอย่าง ChatGPT และ Claude เข้ากับฟีเจอร์ของ IDE ทั่วไป ทำให้การพัฒนาซอฟต์แวร์เป็นเรื่องง่ายและรวดเร็วขึ้น 

Fork มาจาก VS Code ทำให้หลาย ๆ ฟีเจอร์ที่ VS Code มี Cursor ก็มี ไม่ได้เริ่มต้นจาก 0 (source: docs.cursor.com/get-started/migrate-from-vscode

ฟีเจอร์ (Autocompletion)

1. เติมโค้ดให้อัตโนมัติสุดฉลาด รวมทั้ง predict (ทำนาย) และเสนอโค้ดหลายบรรทัดโดยเรียนรู้จากการเปลี่ยนแปลงล่าสุดของโค้ด
2. สร้างโค้ดอัตโนมัติ เข้าใจบริบทและ predict สิ่งที่เราต้องการเขียนต่อไป
3. สามารถแนะนำการแก้ไขที่ครอบคลุมหลายบรรทัด
4. แก้ไขและปรับปรุงโค้ดให้ดีขึ้นโดยอัตโนมัติ

ฟีเจอร์ (Chat)

1. ตอบคำถามเกี่ยวกับ Codebase ค้นหาและตอบคำถามจากไฟล์ในโปรเจคท์ของเราได้เลย
2. อ้างอิงถึงบล็อกโค้ดหรือไฟล์เฉพาะส่วนได้
3. รองรับรูปภาพ (Image Input) สามารถอัปโหลดภาพได้ (เช่น draft หรือ sketch หน้า UI ไว้ แล้ว input เข้าไปให้ gen โค้ดให้ในตัวได้เลย)
4. ค้นหาจากเว็บโดยดึงข้อมูลล่าสุดจากอินเทอร์เน็ตมาใช้กับโค้ด
5. นำไปใช้ทันที โดยใช้คำแนะนำจาก chat กับ codebase ได้ด้วยคลิกเดียว
6. อ้างอิงไลบรารีและเอกสาร (documentation) ได้อย่างรวดเร็ว



ตัวอย่าง UI เพื่อแชทกับ AI ของ Cursor

เริ่มใช้งาน Cursor AI

ต่อมาเราจะมาเริ่มทำการดาวน์โหลดและติดตั้ง Cursor AI กันครับ โดยไปที่ cursor.com

โดย Cursor เป็น desktop app เหมือนกับ VS Code เลยครับ ดังนั้นเราต้องดาวน์โหลดลงมาที่เครื่องเราเพื่อใช้งาน

 

ให้คลิก "Download" ตรงปุ่มสีน้ำเงินได้เลย

หน้าตา landing page ของ Cursor AI 

เสร็จแล้วไม่มีอะไรยุ่งยากครับ เปิดแล้ว กด next กดติดตั้งตามปกติ จากนั้นหน้า app จะเด้งไปหน้าให้เรา login ก็สามารถล็อกอินด้วย Gmail ได้เลยง่ายดี เป็นอันติดตั้งเสร็จสิ้น

ดาวน์โหลดเสร็จแล้วจะได้ไฟล์ติดตั้งแบบนี้ (บทความนี้ใช้ macOS)

ทดสอบสร้างโปรเจคท์และรัน

จากตัวอย่าง ผมจะทดลองสร้างโปรเจคท์ Todo list ด้วย Flask Python แบบง่าย ๆ โดยโครงสร้างของโปรเจคท์แบบนี้

flask-todo-app/
├── env/
├── templates/
│   └── index.html
└── app.py

สำหรับโปรเจคท์ Python ปกติแล้วจะทำการสร้าง Python venv หรือ Python Virtual Environment ด้วยครับ

เมื่อรันโค้ดด้วยคำสั่ง

$ python app.py

จะได้หน้า web app อย่างไว รันผ่านและทำงานได้ชิว ๆ ไม่ติดปัญหาอะไรเลยครับตั้งแต่รันครั้งแรก (first impression เลย)

ตัวอย่าง web app ง่าย ๆ ในเบื้องต้นที่ให้เขียน

ดูคลิปสั้น Cursor AI (บน Facebook Reels) เพิ่มเติม

ตัวอย่างการเขียน prompt ที่ดี

# ตัวอย่างรูปแบบ prompt ที่ดี
"""
Create a Flask route function that:
- Accepts POST request with todo data
- Validates required fields (title, due_date)
- Creates new todo record in database
- Handles validation errors
- Returns created todo with 201 status
- Includes error handling for database operations
"""

ราคา ค่า subscription ของ Cursor?

Cursor AI มีแพ็กเกจให้เลือกใช้งาน 3 ระดับ เหมาะสำหรับทุกขนาดของทีมและโปรเจคท์

1. Hobby (ฟรี)

• Pro trial 2 สัปดาห์
• จำกัด 2,000 completions
• 50 slow premium requests
• เหมาะสำหรับนักพัฒนาที่ต้องการทดลองใช้งาน

2. Pro ($20/เดือน)

• Unlimited completions
• 500 fast premium requests ต่อเดือน
• Unlimited slow premium requests
• 10 การใช้งาน Claude-v1-mini ต่อวัน
• เหมาะสำหรับนักพัฒนามืออาชีพ

3. Business ($40/ผู้ใช้/เดือน)

• ได้ทุกฟีเจอร์จากแพ็กเกจ Pro
• Privacy mode ทั้งองค์กร
• ระบบบริหารจัดการทีมส่วนกลาง
• แดชบอร์ดสำหรับผู้ดูแลระบบพร้อมสถิติการใช้งาน
• เหมาะสำหรับทีมและองค์กร

Cursor AI Pricing

สรุป

นี่เป็นเพียงภาพรวมแค่บางส่วน จริง Cursor AI ยังมีฟีเจอร์เจ๋ง ๆ อีกหลายฟีเจอร์ ดังนั้นเรียกได้ว่า นี่เป็นเครื่องมือที่น่าสนใจมากครับสำหรับเหล่า Software Engineer และ Programmer ที่ต้องการเพิ่มประสิทธิภาพในการเขียนโค้ด โดยเฉพาะอย่างยิ่งสำหรับทีมที่ต้องการเพิ่มความเร็วในการพัฒนาและคุณภาพของโค้ด 

เพราะ Cursor จะสแกนและเข้าถึงโค้ดของเราได้ทั่วทั้งโปรเจคท์ ซึ่งถือว่าเป็นคีย์ฟีเจอร์ที่สำคัญมากเลยครับตรงนี้ ทำให้ AI เข้าใจภาพรวมทั้งหมดของโค้ดเรา ทำให้ได้ output ที่ดีที่สุด และยังสามารถเลือก AI Models ยอดนิยมที่ต้องการได้ด้วย ไม่ว่าจะเป็น Claude 3.5 Sonnet, GPT-4o ซึ่งถือเป็น LLMs ที่ดีสุดในการเขียนโค้ดตอนนี้

เพื่อน ๆ เคยใช้ Cursor AI หรือเครื่องมือ AI Coding อื่น ๆ หรือไม่? แชร์ประสบการณ์ในคอมเมนต์บน Facebook post ได้เลยนะครับ และอย่าลืมแชร์บทความนี้หากคิดว่าเป็นประโยชน์ครับ (เดี๋ยวจะมารีวิวแบบเต็ม ๆ  บนช่อง YouTube devhub ของเราครับ) แต่บอกได้คำเดียวเลยครับว่าอันนี้โคตรเจ๋งจริง ๆ  การสร้าง Web หรือ App จะรวดเร็วสุดไว จบงานได้ไวอย่างที่ไม่เคยเป็นมาก่อนแน่นอน

แต่ถ้าใครอยาก Master CI/CD ทักษะที่ software dev มืออาชีพต้องมีเรากำลังจะเปิดรับสมัครคลาสนี้ โดยจำกัดแค่ 30 ท่าน เต็มแล้วปิดรับทันที คอมเมนต์ที่ 

📒คอร์ส GitLab CI/CD (Facebook post)ไว้ก่อนได้เลยครับ

คอร์สเรียนแนะนำ