✅ รันบนเครื่องคุณเอง · เป็นเจ้าของไฟล์ 100% · เริ่มฟรี

ไม่เคยจับคอม?
สร้าง เว็บแอป
บนเครื่องตัวเองได้

เราจะติดตั้ง Claude Code ลงเครื่องคุณ แล้วสั่งสร้างเว็บด้วยภาษาไทย เว็บจะรันอยู่ บนเครื่องคุณเอง — ทำตามทีละขั้นข้างล่างนี้ ไม่ต้องมีพื้นฐาน

5
ขั้นตอน
20
นาที
0฿
เริ่มฟรี
เริ่มติดตั้งเลย 👇
อ่านก่อนเริ่ม

3 เรื่องที่ทำให้คุณ สบายใจ

มือใหม่ทุกคนกลัวเหมือนกัน — แต่ความจริงคือ...

🗣️
คุณแค่ "พูด" ไม่ต้อง "เขียนโค้ด"
พิมพ์บอกเป็นภาษาไทยธรรมดา เหมือนสั่งงานเพื่อน แล้ว Claude เขียนโค้ดให้
💻
ทุกอย่างอยู่บนเครื่องคุณ
ไฟล์เว็บอยู่ในเครื่องคุณเอง เปิดดู แก้ไข เก็บไว้ได้ตลอด เป็นเจ้าของจริงๆ
🛡️
คุณทำพังไม่ได้
Claude ถามก่อนทำทุกครั้งที่สำคัญ ลองได้เต็มที่ ผิดก็บอกให้แก้ใหม่ได้

🤔 "รันบนเครื่อง" (Local Run) คืออะไร?

คือการที่เว็บของคุณ ทำงานอยู่บนคอมพิวเตอร์ของคุณเอง ไม่ใช่บนเว็บคนอื่น — เหมือนทำอาหารกินเองที่บ้าน คุณคุมทุกอย่าง เห็นทุกไฟล์ แก้ได้ทันที ไม่ต้องต่อเน็ตก็เปิดดูได้

💻 Local Run (ที่เราจะทำ)
  • เว็บรันบนเครื่องคุณ
  • เป็นเจ้าของไฟล์ทั้งหมด
  • แก้ไขได้อิสระ ไม่จำกัด
  • เห็นผลทันทีขณะแก้
🌐 Deploy (ขั้นต่อไป)
  • เอาเว็บขึ้นออนไลน์
  • คนอื่นเปิดดูได้ด้วยลิงก์
  • ทำเมื่อพอใจแล้ว
  • มีบทเรียนแยกข้างล่าง
ลงมือทำ

5 ขั้นตอน สร้างเว็บ รันบนเครื่อง

ทำตามทีละขั้น ไม่ต้องรีบ — ทุกคำสั่งมีปุ่มคัดลอกให้

1
ขั้นที่ 1
ติดตั้ง Node.js แล้วก็ Claude Code
⏱ 10 นาที

ทำตามทีละจุดได้เลย ภาพข้างล่างคือหน้าจอจริงที่คุณจะเห็น — กรอบแดง = ตรงที่ต้องกด 👇

🍎 เครื่อง Mac
🪟 เครื่อง Windows
ส่วน A · ติดตั้ง Node.js (เครื่องยนต์)
  • 1เปิดเบราว์เซอร์ (Safari หรือ Chrome) พิมพ์ nodejs.org ที่ช่องด้านบนสุด กด Enter
🔍 nodejs.org
  • 2จะเห็นปุ่มสีเขียว กดปุ่มที่มีคำว่า "LTS"LTS = เวอร์ชันเสถียร เหมาะกับทุกคน
Download Node.js®
⬇ Download LTSแนะนำ — กดอันนี้ Currentไม่ต้องกด
👆 กดปุ่มเขียวซ้าย "LTS"
  • 3ไฟล์ node-….pkg จะถูกดาวน์โหลด (มุมขวาบนของเบราว์เซอร์) ดับเบิลคลิกเปิดไฟล์นั้น
  • 4หน้าต่างติดตั้งเปิดขึ้น — กดปุ่มมุมขวาล่างไปเรื่อยๆ:
🍎 Install Node.js
ยินดีต้อนรับสู่ตัวติดตั้ง Node.js
กดปุ่มสีฟ้ามุมขวาล่างเพื่อไปต่อ →
BackContinue
👆 Continue → Continue → Agree → Install
  • 5เครื่องอาจถามรหัสผ่าน — ใส่รหัสที่ใช้ปลดล็อกเครื่อง แล้วกด Install Software
  • 6เสร็จแล้วกด Close — ติดตั้ง Node.js สำเร็จ! ✅
ส่วน A · ติดตั้ง Node.js (เครื่องยนต์)
  • 1เปิดเบราว์เซอร์ (Edge หรือ Chrome) พิมพ์ nodejs.org ที่ช่องด้านบน กด Enter
🔍 nodejs.org
  • 2กดปุ่มสีเขียวที่มีคำว่า "LTS"
Download Node.js®
⬇ Download LTSแนะนำ — กดอันนี้ Currentไม่ต้องกด
👆 กดปุ่มเขียว "LTS"
  • 3ไฟล์ node-….msi จะถูกดาวน์โหลด ดับเบิลคลิกเปิด (มุมขวาบน หรือโฟลเดอร์ Downloads)
  • 4หน้าต่างติดตั้ง — กดไปตามนี้:
🪟 Node.js Setup
Welcome to the Node.js Setup Wizard
กดปุ่มสีฟ้าเพื่อไปต่อ →
BackNext
👆 Next → ติ๊ก "I accept" → Next → Next → Install
  • 5ถ้า Windows เด้งถาม "Do you want to allow…" กด Yes
  • 6กด Finish — ติดตั้ง Node.js สำเร็จ! ✅
ส่วน B · เช็ก Node แล้วติดตั้ง Claude Code
  • 1เปิดโปรแกรมพิมพ์คำสั่ง🍎 Mac: กด Cmd+Space พิมพ์ "Terminal" กด Enter · 🪟 Windows: กดปุ่ม Windows พิมพ์ "PowerShell" กด Enter
  • 2พิมพ์ node -v กด Enter — ถ้าขึ้นเลขเวอร์ชัน = สำเร็จ ✅
$ node -v
v22.14.0 ← เห็นเลขแบบนี้ = ผ่าน!
  • 3คัดลอกคำสั่งข้างล่าง วางในหน้าจอนั้น แล้วกด Enter เพื่อติดตั้ง Claude Code:
Terminal / PowerShell
$ npm install -g @anthropic-ai/claude-code
💡
เห็นข้อความวิ่งๆ เยอะๆ = กำลังติดตั้ง ปกติ! รอจนหยุดและกลับมาที่บรรทัดพิมพ์คำสั่งได้ แล้วไปขั้นที่ 2 ต่อ
2
ขั้นที่ 2
เปิด Claude แล้วล็อกอิน
⏱ 3 นาที

ติดตั้งเสร็จแล้ว ลองเรียก Claude ขึ้นมา ในหน้าจอเดิม (Terminal/PowerShell) พิมพ์คำว่า claude แล้วกด Enter:

Terminal
$ claude # ครั้งแรกจะให้ล็อกอิน เปิดเบราว์เซอร์อัตโนมัติ → กด Login แล้วเลือกบัญชี Claude ของคุณ ✓ ล็อกอินสำเร็จ พร้อมใช้งาน!
  • 1ครั้งแรกระบบจะเปิดเบราว์เซอร์ให้ล็อกอินถ้ายังไม่มีบัญชี กดสมัครด้วย Google ได้เลย ฟรี
  • 2ล็อกอินเสร็จ กลับมาที่หน้าจอ Terminal จะเห็นช่องให้พิมพ์คุยกับ Claudeเหมือนช่องแชต แต่อยู่ในหน้าจอคำสั่ง
3
ขั้นที่ 3
สั่งให้ Claude สร้างเว็บ
⏱ 2 นาที

นี่คือส่วนที่ง่ายและสนุกที่สุด! แค่พิมพ์บอกเป็นภาษาไทยว่าอยากได้เว็บอะไร คัดลอกข้อความนี้ไปวางในช่องคุยกับ Claude:

📋 คัดลอกไปวางในช่องคุยกับ Claude
สร้างโฟลเดอร์ชื่อ my-website แล้วสร้างหน้าเว็บแนะนำตัวฉันข้างในเป็นไฟล์ index.html ไฟล์เดียวที่เปิดดูได้เลย ชื่อ: [ใส่ชื่อคุณ] อาชีพ: [ใส่อาชีพ เช่น เจ้าของร้านกาแฟ] เกี่ยวกับฉัน: [แนะนำตัวสั้นๆ 2-3 ประโยค] อยากได้เว็บสวยๆ สีโทนอบอุ่น มีรูปโปรไฟล์วงกลม มีปุ่มติดต่อ ดูดีบนมือถือ เสร็จแล้วช่วยเปิดให้ดูในเบราว์เซอร์ด้วย
✏️
แก้ข้อมูลในวงเล็บ [ ] ให้เป็นของคุณก่อนส่ง แล้วกด Enter — Claude จะสร้างโฟลเดอร์และไฟล์เว็บให้บนเครื่องคุณ
🔐
Claude อาจถามขออนุญาตก่อนสร้างไฟล์ — พิมพ์ yes หรือกด Enter เพื่ออนุญาต นี่คือระบบความปลอดภัย ปกติมาก
4
ขั้นที่ 4 · หัวใจสำคัญ
รันเว็บดูบนเครื่องคุณ 🎉
⏱ 1 นาที

Claude สร้างไฟล์เสร็จแล้ว ตอนนี้มาเปิดดูเว็บที่รันอยู่บนเครื่องคุณกัน วิธีที่ง่ายที่สุด — บอก Claude ให้เปิดให้:

📋 พิมพ์บอก Claude
ช่วยเปิดเว็บที่สร้างให้ดูในเบราว์เซอร์หน่อย

เบราว์เซอร์จะเปิดขึ้นมาแสดงเว็บของคุณ — นี่คือเว็บที่รันบนเครื่องคุณเอง! สังเกตที่อยู่ด้านบนจะขึ้นว่า file:// หรือ localhost

localhost:3000 — เครื่องของคุณ
😊
สวัสดีครับ ผมชื่อ...
เจ้าของร้านกาแฟเล็กๆ ใจกลางเมือง
📞 ติดต่อฉัน
เว็บใหญ่ขึ้น (เช่น React)? Claude จะรัน "dev server" ให้ แล้วบอกที่อยู่ เช่น localhost:3000 เปิดในเบราว์เซอร์ได้เลย — แก้โค้ดแล้วเว็บอัปเดตทันที
5
ขั้นที่ 5
แก้ไขให้ถูกใจ — แค่บอกเพิ่ม
⏱ 5 นาที

ยังไม่ชอบตรงไหน? ไม่ต้องแก้โค้ดเอง แค่พิมพ์บอก Claudeต่อในช่องเดิม แล้วรีเฟรชเบราว์เซอร์ดูผล:

💬 ตัวอย่างประโยคที่บอกให้แก้
เปลี่ยนสีพื้นหลังเป็นฟ้าอ่อนหน่อย เพิ่มส่วนแสดงเมนูกาแฟ 3 อย่าง พร้อมราคา ทำให้ตัวหนังสือใหญ่ขึ้น อ่านง่ายขึ้น เพิ่มปุ่มลิงก์ไป Facebook กับ LINE

บอกทีละอย่างก็ได้ Claude แก้ไฟล์บนเครื่องให้ทันที รีเฟรชเบราว์เซอร์ (กด F5) เพื่อดูผลใหม่ บอกแก้ได้เรื่อยๆ จนพอใจ

เคล็ดลับ: ยิ่งบอกละเอียด ยิ่งตรงใจ เช่น แทน "ทำให้สวยขึ้น" ให้บอก "ใช้สีน้ำตาลกับครีม ให้อบอุ่นแบบร้านกาแฟ"
🎉
ยินดีด้วย! คุณมีเว็บรันบนเครื่องแล้ว
จากคนไม่เคยจับคอม สู่เจ้าของเว็บที่รันบนเครื่องตัวเอง
ลองทำอันอื่น

อยากทำเว็บแบบไหน? เลือกเลย

กดเลือกแบบที่อยากทำ คัดลอกประโยคไปวางใน Claude ได้เลย

🙋
เว็บแนะนำตัว
หน้าโปรไฟล์ส่วนตัว บอกว่าคุณเป็นใคร
เลือกอันนี้ →
🛍️
เว็บร้านค้า
โชว์สินค้า ราคา ช่องทางสั่งซื้อ
เลือกอันนี้ →
🎉
การ์ดเชิญงาน
เชิญงานวันเกิด งานแต่ง พร้อมนับถอยหลัง
เลือกอันนี้ →
🍜
เมนูร้านอาหาร
เมนูสวยๆ พร้อมราคา ให้ลูกค้าสแกนดู
เลือกอันนี้ →
📸
โชว์ผลงาน
แกลเลอรีรูปภาพ ผลงาน สินค้าแฮนด์เมด
เลือกอันนี้ →
เว็บนับถอยหลัง
นับถอยหลังสู่วันสำคัญ เปิดร้าน วันเกิด
เลือกอันนี้ →
ขั้นต่อไป

เว็บรันบนเครื่องแล้ว
อยากให้คนอื่นเห็น? Deploy เลย

เอาเว็บขึ้นออนไลน์ แชร์ด้วยลิงก์เดียว — เลือก deploy ที่ไหนก็ได้ มีบทเรียนละเอียดให้

📖 เปิดบทเรียน Deploy ทั้งหมด →
ติดปัญหา?

ถ้าติดตรงไหน ทำแบบนี้

ปัญหาที่มือใหม่เจอบ่อย พร้อมวิธีแก้

😰 พิมพ์ claude แล้วขึ้น "command not found"
แปลว่ายังติดตั้งไม่สำเร็จ ลองปิด Terminal แล้วเปิดใหม่ก่อน ถ้ายังไม่ได้ ให้พิมพ์ node -v ดูว่า Node.js ติดตั้งแล้วหรือยัง (ต้องขึ้นเลขเวอร์ชัน) ถ้ายัง ให้กลับไปติดตั้ง Node.js จาก nodejs.org ก่อน
🤔 Claude ตอบเป็นภาษาอังกฤษ
พิมพ์บอกไปว่า "ตอบเป็นภาษาไทยนะ" แล้ว Claude จะเปลี่ยนมาเป็นไทยทันที
😅 ไม่รู้ว่าไฟล์เว็บอยู่ตรงไหนในเครื่อง
พิมพ์ถาม Claude ได้เลย: "ไฟล์เว็บอยู่ที่ไหนในเครื่อง บอกที่อยู่หน่อย" Claude จะบอก path เต็มให้ หรือบอกว่า "เปิดโฟลเดอร์ที่เก็บไฟล์ให้หน่อย"
💸 ต้องเสียเงินไหม?
Node.js และการรันบนเครื่อง ฟรีทั้งหมด ส่วน Claude มีแพลนฟรีให้ลองใช้ ถ้าใช้หนักค่อยอัปเกรด — การ deploy ที่แนะนำก็มีแพลนฟรีทุกเจ้า
🆘 งงตรงไหน ถาม Claude ได้ไหม?
ได้เลย! Claude คุยด้วยได้ ถามอะไรก็ได้ เช่น "อธิบายให้ฟังหน่อยว่าตอนนี้ต้องทำอะไรต่อ" หรือ "คำสั่งเมื่อกี้ทำอะไร" ถามเหมือนถามเพื่อนที่รู้เรื่องคอมได้
🚀

สร้างเว็บรันบนเครื่องได้แล้ว?
ไปต่อกันเลย!

ลองโปรเจกต์ที่ใหญ่ขึ้น มีตัวอย่างพร้อมประโยคบอก Claude ให้เลือกทำ 55 แบบ หรือเรียน deploy เอาเว็บขึ้นออนไลน์

📂 ดู 55 โปรเจกต์ 🌐 บทเรียน Deploy 📚 เนื้อหาเต็ม