เริ่มต้น · วันแรก

เริ่มวันแรก
เตรียมเครื่องมือ + คำสั่งแรก

ไม่เคยเขียนโค้ดเลยก็ทำตามได้ — ติ๊กไปทีละข้อ ~30 นาทีก็พร้อมสร้างระบบแรกของตัวเอง

ใช้ยังไง

ทำตามทีละข้อจากบนลงล่าง กดติ๊กช่องสี่เหลี่ยมเมื่อทำเสร็จ (เว็บจะจำให้ กลับมาทำต่อได้) · มีปุ่ม คัดลอกคำสั่งให้กดเลย

ความคืบหน้า: 0/5 ข้อ

01สมัคร Claude แล้วอัปเป็น Pro

ไปที่ claude.aiสมัครด้วยอีเมล/Google → แล้ว อัปเกรดเป็นแพ็ก Pro(จำเป็น เพราะ Claude Code ต้องใช้แพ็กเสียเงิน) ดูราคาที่ claude.com/pricing

Pro ราว $20/เดือน(~700 บาท) — เริ่มจากแพ็กนี้พอ ใช้สร้างระบบได้สบาย ๆ

02เลือกวิธีใช้ Claude Code (เอาที่ถนัด)

Claude Code มีหลายทาง — มือใหม่ที่กลัว terminal เลือกทางง่ายได้เลยไม่ต้องติดตั้งอะไร:

ง่ายสุด (ไม่ต้องติดตั้ง)
ใช้บนเว็บ claude.ai/codeเปิดในเบราว์เซอร์ทำงานได้เลย · หรือโหลด แอป Desktopมาลง คลิก ๆ เอา ไม่ต้องพิมพ์คำสั่ง
สาย terminal (ข้อ 03)
ถ้าอยากใช้แบบนักพัฒนา (ยืดหยุ่นกว่า) ติดตั้งตัว CLI ตามข้อถัดไป
แนะนำมือใหม่: เริ่มที่เว็บ claude.ai/code ก่อนชินแล้วค่อยขยับไป terminal ก็ได้ — ถ้าเลือกทางนี้ ข้ามข้อ 03 ไปข้อ 04 ได้เลย

03(เฉพาะสาย terminal) ติดตั้ง Claude Code

เปิดโปรแกรม Terminal(Mac: ค้น "Terminal" · Windows: ใช้ PowerShell) แล้ววางคำสั่งตามเครื่อง:

Mac / Linux:

curl -fsSL https://claude.ai/install.sh | bash

Windows (PowerShell):

irm https://claude.ai/install.ps1 | iex

Mac ที่มี Homebrew:

brew install --cask claude-code
วางคำสั่งแล้วกด Enter รอสักครู่ — ติดตั้งครั้งเดียวจบ ครั้งต่อไปพิมพ์ claudeได้เลย

04เปิดโปรเจกต์ + พิมพ์คำสั่งแรก

สร้างโฟลเดอร์เก็บงานใหม่ แล้วเปิด Claude Code ในนั้น (สาย terminal พิมพ์ 3 บรรทัดนี้ · สายเว็บ/แอป กดสร้างโปรเจกต์ใหม่ในหน้าจอ):

mkdir my-first-app cd my-first-app claude

ครั้งแรกมันจะให้ ล็อกอินด้วยบัญชี Claude(กดทำตามที่ขึ้น) — เสร็จแล้วจะเข้าหน้าให้พิมพ์คุยกับ Claude ได้เลย

05พิมพ์ "โจทย์แรก" เป็นภาษาคน

ไม่ต้องรู้ศัพท์เทคนิค — พิมพ์สิ่งที่อยากได้เป็นภาษาบ้าน ๆ ลองอันนี้:

สร้างหน้าเว็บง่าย ๆ เก็บรายชื่อลูกค้า มีช่องกรอกชื่อ เบอร์โทร กดบันทึกได้ ลบได้ ทำให้ดูสะอาด ใช้ง่าย

ตัวอย่างนี้ได้ผลเพราะมันครบ 3 อย่าง ไม่ลอย — ลองเทียบดู:

✗ กว้างไป Claude ต้องเดา
บอกแค่ว่า "อยากได้" แต่ไม่บอกว่าเก็บอะไร ทำอะไรได้ หน้าตาแบบไหน — ได้ของไม่ตรงใจ ต้องสั่งแก้หลายรอบ"ทำเว็บเก็บลูกค้าให้หน่อย"
✓ บอกให้ครบ 3 อย่าง
เก็บอะไร (ชื่อ เบอร์) + ทำอะไรได้ (บันทึก ลบ) + อยากให้หน้าตาแบบไหน (สะอาด ใช้ง่าย) — เหมือนกล่องคำสั่งข้างบนเก็บอะไร + ทำอะไรได้ + หน้าตาแบบไหน

Claude จะเขียนโค้ด + บอกวิธีเปิดดูให้ · เห็นผลแล้วก็สั่งแก้ต่อได้เรื่อย ๆ เช่น "เพิ่มช่องอีเมล" "ทำปุ่มให้ใหญ่ขึ้น"

อยากสั่งเก่งขึ้น อ่าน วิธีสั่ง AI (Prompt)+ Master Prompt กันงานออกมาเป็น AI slop

ค่าใช้จ่ายจริงตอนเริ่ม (ไม่มีอะไรซ่อน)

Claude Pro (จำเป็น — ตัวสร้างระบบ)~$20/เดือน
Cloudflare Pages (โฮสต์เว็บ ตอนเอาขึ้นจริง)ฟรี
Supabase (ฐานข้อมูล ตอนระบบใหญ่ขึ้น)ฟรี (มีแพ็กเริ่มต้น)

เริ่มจริงจ่ายแค่ Claude Pro เดือนละ ~700 บาท· Cloudflare/Supabase สมัครฟรี ค่อยทำตอนจะ เอาขึ้นเว็บ (Deploy)

คำถามที่พบบ่อย

ไม่เคยเขียนโค้ดเลย ทำได้จริงไหม?
ได้ — คุณพิมพ์ "สิ่งที่อยากได้" เป็นภาษาคน Claude เขียนโค้ดให้ หน้าที่คุณคือบอกโจทย์ + ตรวจผล ไม่ใช่เขียนเอง อ่าน Vibe ERP คืออะไร
ฟรีไหม?
ตัว Claude Code ต้องมีแพ็ก Claude Pro (~$20/เดือน) ส่วนโฮสต์เว็บ (Cloudflare) และฐานข้อมูล (Supabase) มีแพ็กฟรีให้เริ่ม
กลัว terminal / พิมพ์คำสั่งไม่เป็น?
ใช้ claude.ai/codeบนเว็บ หรือแอป Desktop ได้เลย ไม่ต้องแตะ terminal — คลิก ๆ พิมพ์คุยเอา (ข้ามข้อ 03)
ใช้ Windows หรือ Mac ก็ได้ไหม?
ได้ทั้งคู่ (รวม Linux) — ข้อ 03 มีคำสั่งแยกตามเครื่องให้แล้ว
อ่านต่อจากแหล่งอื่น (บทความภายนอก)
บทความภายนอกเป็นของผู้เขียนแต่ละเว็บ (ไม่ใช่ของเรา) · เปิดในแท็บใหม่

ติ๊กครบแล้ว → สร้างระบบแรกเลย

มีเครื่องมือพร้อมแล้ว ไปลงมือสร้างระบบจริงทีละขั้น

สร้างระบบแรก 7 ขั้น
อ่านบทความที่เกี่ยวข้อง
Vibe ERP คืออะไรสร้างระบบแรกทีละขั้นวิธีสั่ง AI (Prompt)Claude Code คืออะไร
พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์ ผู้คิดและเขียนเว็บ Skills Lab
คิด เขียน และเป็นเจ้าของไอเดียเว็บนี้โดย พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์
ผู้เชี่ยวชาญวางระบบองค์กร & AI — สอนเจ้าของกิจการสร้างระบบของตัวเองมากกว่า 400 คน
ประวัติพี่ปุ้ย ·  ดูคอร์ส →
กลับห้องสมุดออกแบบ