Setup guide

เตรียมเครื่องสำหรับ Mac
ทำตามทีละข้อ ใช้เวลาราว 30–45 นาที

ทำให้เสร็จก่อนวันงาน จะได้ใช้เวลาในห้องเรียนไปกับการสร้างแอปเต็ม ๆ ติดตรงไหนถ่ายหน้าจอไว้ แล้วมาถามทีมงานหน้างานได้

  1. อัปเดต macOS

    เมนู Apple → System Settings → General → Software Update อัปเดตให้ครบแล้วรีสตาร์ท (ต้องเป็น macOS 12 ขึ้นไป)

  2. สมัคร Claude แผน Max 5x

    ไปที่ claude.ai สมัครหรือล็อกอิน → เลือก Upgrade → แผน Max 5x (100 USD/เดือน) ชำระให้เรียบร้อย

  3. ติดตั้ง Claude Desktop (Claude Code อยู่ในตัว)

    ดาวน์โหลดจาก claude.ai/download เปิดไฟล์ .dmg ลาก Claude ไปที่ Applications แล้วเปิดโปรแกรม ล็อกอินด้วยบัญชีเดียวกับข้อ 2 จากนั้นกดแท็บ Code ด้านบน ถ้าโปรแกรมขอติดตั้งส่วนเสริมให้กดติดตั้งตามที่บอก (ทำหลังติดตั้ง Node.js ในข้อถัด ๆ ไปก็ได้)

  4. ติดตั้ง Google Chrome

    ดาวน์โหลดจาก google.com/chrome แล้วตั้งเป็นเบราว์เซอร์หลัก

  5. สมัครบัญชี GitHub และติดตั้ง GitHub Desktop (มี Git ในตัว)

    สมัครฟรีที่ github.com/signup (ใช้อีเมลบริษัทหรือ Gmail ก็ได้) จากนั้นดาวน์โหลด GitHub Desktop เปิดแล้วกด Sign in to GitHub.com ให้เรียบร้อย ไม่ต้องติดตั้ง Git แยก ถ้า Mac เด้งถามให้ติดตั้ง Command Line Tools ให้กด Install แล้วรอจนเสร็จ

  6. ติดตั้ง VS Code

    ดาวน์โหลดจาก code.visualstudio.com (เลือก Apple Silicon ถ้าเป็นชิป M1/M2/M3/M4, เลือก Intel ถ้าเครื่องเก่า) ลากไป Applications

  7. ติดตั้ง Node.js (LTS)

    ดาวน์โหลดตัว LTS จาก nodejs.org เป็นไฟล์ .pkg เปิดแล้วกด Next จนจบ

  8. สมัครบัญชีที่ใช้ในห้องเรียน

    สมัครฟรีไว้ล่วงหน้า: Cloudflare · Supabase · และมีบัญชี Google ที่ล็อกอินได้

เช็กก่อนปิดเครื่อง

  • เปิด Claude Desktop แล้วล็อกอินด้วยบัญชีแผน Max ได้
  • เปิด GitHub Desktop เห็นชื่อบัญชี GitHub ของคุณมุมซ้ายบน
  • เปิด VS Code ได้ปกติ
  • เปิด Terminal (Mac) หรือ PowerShell (Windows) พิมพ์ node -v แล้วเห็นเลขเวอร์ชัน เช่น v22.x
  • เปิด Claude Desktop → แท็บ Code แล้วเปิดโฟลเดอร์ใดก็ได้ขึ้นมาได้โดยไม่ขึ้นข้อความเตือน