📋 Pre-Workshop Setup

เตรียมเครื่อง
ก่อนเข้า Workshop

ติดตั้งเครื่องมือที่จำเป็น ใช้เวลา 15-30 นาที

macOSmacOS WindowsWindows
คู่มือเตรียมเครื่องสำหรับ Private AI App Builder Workshop

เครื่องมือที่ต้องติดตั้ง

🟢
Node.js

JavaScript runtime สำหรับรัน Claude Code และ tools ต่างๆ

🐙
GitHub CLI

จัดการ Git repository จาก command line

🤖
Claude Code

AI Coding Agent ที่จะใช้สร้างแอปใน Workshop

✏️
Antigravity IDE

Code Editor สำหรับดู แก้ไข และจัดการโปรเจกต์

⚙️
Codex (ตัวเลือก)

AI Coding Agent ของ OpenAI ไว้เทียบผลกับ Claude Code ไม่ติดตั้งก็เรียนได้ครบ

ก่อนเริ่ม — เปิด Terminal ให้ถูกตัว
Windows: ใช้ Windows Terminal คู่กับ PowerShell 7 ไม่ใช่ Command Prompt เดิม ติดตั้งด้วย winget install Microsoft.WindowsTerminal และ winget install Microsoft.PowerShell — คำสั่งในหน้านี้ทั้งหมดออกแบบมาสำหรับ PowerShell 7
macOS: ใช้ Terminal ที่มากับเครื่องได้เลย ไม่ต้องติดตั้งเพิ่ม
ขั้นตอนที่ 1
ติดตั้ง Node.js

JavaScript runtime — จำเป็นสำหรับรัน Claude Code และ npm packages ทุกตัว

macOSmacOS
# ติดตั้งผ่าน Homebrew $ brew install node # หรือใช้ nvm ถ้าต้องสลับเวอร์ชันบ่อย $ brew install nvm $ nvm install --lts # หรือดาวน์โหลดจาก nodejs.org (เลือก LTS)
WindowsWindows
# ติดตั้งผ่าน winget (เร็วสุด) $ winget install OpenJS.NodeJS.LTS # หรือดาวน์โหลดจาก nodejs.org # เลือก LTS แล้วรัน installer ตาม default
✅ สิ่งที่ต้องเห็น — เปิด Terminal แล้วรันคำสั่งนี้:
$ node --version → v22.x.x $ npm --version → 10.x.x
⚠️ ต้องได้ version 20 ขึ้นไป ถ้าต่ำกว่าให้อัปเดตก่อนดำเนินการต่อ
ขั้นตอนที่ 2
ติดตั้ง GitHub CLI

เครื่องมือจัดการ Git repository และ authenticate กับ GitHub จาก terminal

macOSmacOS
$ brew install gh # Login GitHub $ gh auth login
WindowsWindows
$ winget install GitHub.cli # Login GitHub $ gh auth login
✅ สิ่งที่ต้องเห็น:
$ gh --version → gh version 2.x.x $ gh auth status → Logged in to github.com
⚠️ เลือก Login with browser เมื่อถูกถามระหว่าง gh auth login
ขั้นตอนที่ 3
ติดตั้ง Claude Code

AI Coding Agent จาก Anthropic — ตัวหลักที่ใช้สร้างแอปใน Workshop

macOSmacOS
$ npm install -g @anthropic-ai/claude-code # ทดสอบ $ claude --version
WindowsWindows
$ npm install -g @anthropic-ai/claude-code # ทดสอบ $ claude --version
✅ สิ่งที่ต้องเห็น:
$ claude --version → claude-code x.x.x
⚠️ ต้องมี Anthropic API key หรือ login ผ่าน browser — ทีมจะแนะนำในวัน Workshop
ขั้นตอนที่ 4
ติดตั้ง Antigravity IDE

AI-powered Code Editor สำหรับดู แก้ไข และจัดการโปรเจกต์ระหว่าง Workshop

macOSmacOS
# ดาวน์โหลดจาก antigravity.dev # ติดตั้งตาม installer # เปิดจาก terminal $ antigravity .
WindowsWindows
# ดาวน์โหลดจาก antigravity.dev # รัน installer # เปิดจาก terminal $ antigravity .
✅ สิ่งที่ต้องเห็น:
$ antigravity --version → Antigravity x.x.x
⚠️ แนะนำ Antigravity IDE เป็นอันดับแรก เพราะมี AI ในตัวและออกแบบมาเพื่อ AI-first workflow
ใช้ Cursor หรือ VS Code แทนก็ได้ถ้าคุ้นเคยอยู่แล้ว
ตัวเลือก
ติดตั้ง Codex (ถ้าอยากลองเทียบ)

AI Coding Agent ของ OpenAI — ใน Workshop เราใช้ Claude Code เป็นหลัก ตัวนี้มีไว้ให้เห็นว่า AI คนละตัวตอบโจทย์เดียวกันต่างกันอย่างไร ไม่ติดตั้งก็เรียนได้ครบทุกส่วน

macOSmacOS
$ npm install -g @openai/codex # เข้าสู่ระบบครั้งแรก จะเปิดเบราว์เซอร์ $ codex
WindowsWindows
$ npm install -g @openai/codex # เข้าสู่ระบบครั้งแรก จะเปิดเบราว์เซอร์ $ codex
✅ สิ่งที่ต้องเห็น:
$ codex --version → แสดงเลขเวอร์ชัน
⚠️ ต้องมีบัญชี OpenAI และ ต้องเป็นแพ็กเกจแบบเสียเงิน (ChatGPT Plus ขึ้นไป) ถึงจะใช้ Codex ได้เต็มที่ — ค่าใช้จ่ายส่วนนี้ไม่รวมในค่าเรียน ถ้ายังไม่อยากจ่ายเพิ่ม ข้ามขั้นตอนนี้ไปได้เลย Workshop ใช้ Claude Code เป็นหลักอยู่แล้ว

เช็คให้แน่ใจว่าทุกอย่างพร้อม

node --version

ต้องได้ v20.x.x ขึ้นไป

gh auth status

ต้อง Logged in to github.com

claude --version

ต้องแสดง claude-code x.x.x

antigravity --version

ต้องแสดง Antigravity x.x.x

codex --version

เฉพาะคนที่ติดตั้งตัวเลือก

🔧 ปัญหาที่พบบ่อย & วิธีแก้

[Mac] command not found: npm

Node.js ยังไม่ได้ติดตั้ง หรือ PATH ยังไม่ถูกต้อง
วิธีแก้: ติดตั้ง Node.js ใหม่ หรือรัน brew install node แล้วปิด-เปิด Terminal ใหม่

[Mac] EACCES: permission denied

npm ไม่มีสิทธิ์เขียนไปยัง global directory
วิธีแก้: ใช้ sudo: sudo npm install -g @anthropic-ai/claude-code

[Win] PowerShell 'cannot be loaded because running scripts is disabled'

Execution Policy ของ PowerShell บล็อก script ไว้
วิธีแก้: เปิด PowerShell แบบ Administrator แล้วรัน: Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

[Mac/Win] claude: command not found หลังติดตั้งแล้ว

PATH ยังไม่อัปเดตใน session ปัจจุบัน
วิธีแก้: ปิด Terminal แล้วเปิดใหม่ หรือรัน source ~/.bashrc (Mac: source ~/.zshrc)

[Mac/Win] gh auth login ไม่เปิด browser อัตโนมัติ

บางเครื่องมีปัญหากับการเปิด browser จาก terminal
วิธีแก้: เลือก option "Paste an authentication token" แล้วไป generate token ที่ github.com/settings/tokens แทน

เครื่องพร้อมแล้ว — เริ่ม Workshop ได้เลย

ถ้าติดปัญหาระหว่างติดตั้ง ส่งข้อความหาทีม THINKCLUSIVE ได้เลย

✅ พร้อมแล้ว แจ้งทีม ติดปัญหา ขอความช่วยเหลือ
← กลับหน้า Private AI Web Builder