vibecodingthailand
build with claude code
คู่มือพา dev สร้าง Finance Tracker (LINE OA + AI จัดหมวดอัตโนมัติ) ตั้งแต่ขึ้นโครงโปรเจกต์บรรทัดแรก จนรัน live บน server จริง อ่านได้ตั้งแต่ junior หรือเด็กจบใหม่ ไปจนถึง senior ที่อยากเก็บ pattern จาก production จริงไป onboard ทีม

0
บท
เรียงจากง่ายไปยาก
0
Workshop
บท 3 ถึง 9 ต่อยอด Finance Tracker
0
Production app
live บน server จริง
What You'll Build
Personal Finance Tracker · บันทึกรายจ่ายผ่าน LINE · AI categorize อัตโนมัติ · dashboard กราฟ · ตั้งงบรายเดือน · live บน production server จริง
stack ที่ใช้ทั้งเล่ม
ไม่ใช่ todo list throwaway · เป็น แอปที่คุณจะใช้บันทึกการเงินตัวเองทุกวันหลังอ่านจบ
What You'll Master
ไม่ใช่ feature list แห้งๆ · ทุกข้อคุณจะได้ทำเองใน workshop ผ่านการ build Finance Tracker
monorepo · Vite + React + Tailwind · NestJS + Prisma + PostgreSQL · จาก prompt เดียว
ไม่ต้องอธิบาย convention ทุก session · 4 scopes · Auto Memory · `.claude/rules/` แยกตาม path
scaffold · implement · debug · refactor · test · พร้อม Extended Thinking (ultrathink)
/compact, /clear, /memory · session splitting · worktree · @-mentions · pipe mode
.mcp.json · MCP servers · เขียน MCP server เองได้ · standard เดียวกับโลกอื่น
Webhook + signature verification + Claude API parse ข้อความไทย → save Postgres
code-reviewer + test-writer agents · Agent Teams parallel · แก้ปัญหา context limit
Docker Compose · multi-stage build · HTTPS ฟรี · ไม่ต้องเปิด port · ~330 บาท/เดือน
ย่อ workflow ที่ใช้ซ้ำเป็นคำสั่งเดียว · automate ก่อน/หลัง action · cron · web · remote control
Show Don't Tell
ทุก prompt ในเล่มเขียนมาจากการใช้งานจริงกับ product ที่อยู่บน production ไม่ใช่ตัวอย่างประดิษฐ์
prompt
สร้าง transaction module: CRUD + filter by date range ใช้ NestJS + Prisma ตาม pattern ใน src/auth/ ที่มีอยู่
output
7 files · 312 lines · 2m 14s
prompt
ต่อ LINE webhook handler ที่ /webhook/line verify signature ด้วย channel secret pipe เข้า parser ที่มี → save ลง Prisma
output
4 files · 168 lines · 3m 02s
prompt
@code-reviewer audit src/line/ focus: signature verify, raw body, replyToken handling
output
review 312 lines · 1m 48s
Watch Me Vibecode
ทุก workshop ในหนังสือมี video walkthrough ที่ผมนั่ง vibecode สดๆ ให้ดูตั้งแต่ prompt แรกจนถึงผลลัพธ์ ไม่ใช่ตอนสั้นแบบ YouTube แต่เป็นการทำงานจริงต่อเนื่อง คุณจะเห็นทั้งจังหวะที่ AI พลาด จังหวะที่ผมต้องสตอป + แก้ prompt ใหม่
Video อยู่ใน Private Facebook Group ของผู้อ่านเล่มนี้โดยเฉพาะ ลิงก์เข้ากลุ่มอยู่ในหน้า Resources หลังซื้อ
* ตัวอย่างจากเล่ม · video walkthrough เต็มทุก workshop live ใน Private Facebook Group หลังซื้อ
เหมือน pair programming กับรุ่นพี่ dev
เห็นทั้งตอนพลาดและวิธีแก้ prompt ใหม่
เปิดประกอบหนังสือได้เลย ไม่ต้องสลับหา
Your Journey
5 ภาค 10 บท เรียงต่อเนื่องเป็นเส้นเดียว แต่ละภาคมี milestone ที่จับต้องได้
→ เข้าใจ mindset ของ vibecoding · เห็น 6 layers ของ web app ที่จะ build
→ ติดตั้ง Claude Code · มี skeleton project รันได้ + CLAUDE.md ที่ทำให้ AI จำ convention
→ ใช้ 5 prompt patterns · จัดการ context window · แอปมี core features ครบ (auth, CRUD, dashboard)
→ MCP + LINE webhook · Subagents ช่วย audit + เพิ่ม test ให้ LINE integration ก่อนขึ้น production
→ Deploy บน Hetzner + Cloudflare Tunnel · ใช้ Skills, Hooks, Plugins ในงานจริง
Who It's For
ไม่ใช่ทุกคนเหมาะ · บอกตรงๆ ว่ากลุ่มไหนได้คุ้มที่สุด อ่านยังไงได้ผลที่สุด
วิธีอ่าน
อ่านทุกบท + ทำ workshop ตาม build Finance Tracker จริงด้วยมือตัวเอง
จบแล้วได้
Finance Tracker live บน server จริง + skill Claude Code ครบทุก feature ที่ใช้ในงานจริง
วิธีอ่าน
Skim ทุกบท เก็บ pattern เอาไป onboard ทีมหรือประยุกต์กับ codebase ที่ดูแลอยู่
จบแล้วได้
Reference ที่ทีม junior อ่านตามได้ · pattern พร้อมใช้กับ production จริง
วิธีอ่าน
อ่านบท 1-2 ละเอียด ที่เหลืออ่านผ่านๆ ดู screenshot + video walkthrough ประกอบ
จบแล้วได้
เห็นภาพ dev ยุค AI ทำงานยังไง · ตัดสินใจได้ว่าอยากลงสายนี้หรืออยากเริ่ม build product แรก
Bonus · Mindset Framework
framework ที่ใช้ตัดสินทุกครั้งที่จะ commit code · เก็บไว้ใช้ได้ทั้งชีวิต ไม่ผูกกับ tool ตัวไหน
5 New Craft
งาน dev ในยุค AI ย้ายจากมือไปสมอง 5 craft นี้คือสิ่งที่หนังสือพาคุณสะสมไปทีละบท
Spec design
อธิบาย feature ให้ AI เข้าใจจน output ถูกตั้งแต่ครั้งแรก
Context curation
AI จะเขียนได้ดีแค่ไหน ขึ้นอยู่กับ context ที่คุณป้อนให้
Architecture review
เมื่อ AI เสนอ architecture มา คุณตัดสินว่าใช่หรือไม่ใช่
Integration
เชื่อม code ที่ AI สร้างเข้ากับ legacy + production constraint
Guardrail
Security, permission, rate limit, error boundary ที่ AI มักลืม
Decision Framework
หลัก blast radius · ตัดสินทุกครั้งว่า code ตัวนี้ควร review เข้มแค่ไหน
🟢 Vibe
🔴 Engineer
The Rule
“ถ้าอธิบายไม่ได้ อย่า commit”
Simon Willison · co-creator of Django · กฎที่หนังสือยึดเป็นหัวใจตลอด 10 บท
Why Framework Matters
เคสจริงจากบทที่ 1 ของหนังสือ · ไม่ใช่เพื่อให้กลัว AI แต่เพื่อแสดงว่าทำไมหนังสือเล่มนี้เริ่มด้วย mindset ก่อน feature
AI ไม่ได้ใส่ rate limit ไม่ใช่เพราะมันโง่ แต่เพราะคุณไม่ได้ระบุไว้ใน spec ตั้งแต่แรก
Migration ที่ผ่านบน staging แต่ pause prod ทั้งระบบเพราะ lock table 50M rows ไป 3 นาที
2 endpoints เขียน table เดียวกัน คนละ session คนละ prompt AI ไม่เห็นว่ามี race condition
เล่มนี้เริ่มด้วย mindset framework บทแรก ก่อนเข้าเครื่องมือ
พอถึง workshop คุณจะ vibecode ได้แบบ คุมได้ ไม่ใช่แบบลุ้น
What You Get
ราคา EARLYVIBE ฿2,500 · ถึง 31 พฤษภาคม 2026 เที่ยงคืน
เรียงจาก mindset ถึง production deploy อ่านบนเว็บ + PDF ดาวน์โหลด ไม่จำกัดอุปกรณ์
ดูผมนั่ง vibecode สดๆ จาก prompt แรกถึง deploy เห็นทั้งตอนพลาดและวิธีแก้
Video อยู่ใน Private Facebook Group ของผู้อ่านเล่มนี้ · ลิงก์เข้ากลุ่มอยู่ในหน้า Resources หลังซื้อ
Repo เต็มที่ build ในหนังสือ commit ทีละบทให้เห็น progression
Repo เปิดบน GitHub พร้อมทุก prompt และ CLAUDE.md ที่ใช้ในเล่ม ลิงก์อยู่ในหน้า Resources หลังซื้อ
Claude Code ออก feature ใหม่ → เนื้อหาตามทัน ทั้ง web, PDF และ video
กลุ่มผู้อ่านเล่มนี้โดยเฉพาะ ถาม-ตอบกับ author + ดู video walkthrough · ลิงก์ในหน้า Resources หลังซื้อ
Try Before You Buy
เปิดบท 1 อ่านฟรี · 12 นาที จะรู้เลยว่าหนังสือเล่มนี้เขียนแบบไหน คุ้มกับเวลาคุณหรือไม่
บทที่ 1 · ฟรี
12 นาที · ปูกรอบคิดของหนังสือ · จบแล้วจะรู้ว่าอยากอ่านต่อหรือไม่
บทแนะนำ · ฟรี
เช็คก่อนอ่านว่าคุณอยู่กลุ่มไหนใน 3 persona และวิธีอ่านที่เหมาะกับคุณ
สารบัญ + รายละเอียด
เปิดดูสารบัญทุกบท · ตัวอย่าง section · learning outcomes · resources ที่ได้หลังซื้อ
ดูจบแล้วค่อยตัดสินใจ ไม่มีอะไรต้องเสีย
Why This Book
Build Vibe Coding Thailand เอง
Platform ที่คุณกำลังอ่านอยู่ build ด้วย Claude Code ตั้งแต่ขึ้นโครงโปรเจกต์ถึง deploy บน Hetzner VPS · stack เดียวกับที่สอนในหนังสือ
ใช้ Claude Code ทุกวันบน product จริง
จ่าย Pro → Max 20x ต่อเนื่อง เริ่มก่อน dev ไทยส่วนใหญ่ มี mistake ครบมือก่อนเขียนเล่มนี้
Build ATTA.so + ขึ้น App Store
SaaS productivity tool ทั้ง web + iOS ผ่าน Apple review จริง · vibecoding ลึกพอ ship product ได้
อ้าง 30+ official sources
Karpathy, Willison, Osmani, CodeRabbit · ไม่ใช่ความเห็นส่วนตัว ทุก claim มี link ตรวจสอบได้
เขียนเป็นไทยตั้งแต่ต้น
ไม่ใช่แค่แปลจาก docs ใช้โทนรุ่นพี่เล่าให้ฟัง อ่านสบาย
Workshop มี video สอน
ไม่ใช่แค่อ่านเอง ดูผมนั่ง vibecode ได้ใน Private FB Group เห็นจังหวะที่ AI พลาดและวิธีแก้
Early Supporter Price
ราคา EARLYVIBE เปิดให้คนที่ support เล่มในช่วง early access ก่อน เปิดถึง 31 พฤษภาคม
฿1,200
฿2,500
ประหยัด ฿1,300 (52%)
เหลือเวลา
ถึง 31 พฤษภาคม 2026 เที่ยงคืน (เวลาไทย)
FAQ
ราคา EARLYVIBE ฿1,200 (จากปกติ ฿2,500 ประหยัด ฿1,300) เปิดถึงวันที่ 31 พฤษภาคม 2026 เวลาเที่ยงคืนตามเวลาประเทศไทย ถ้ากดปุ่มซื้อจากหน้านี้ระบบจะใส่โค้ด EARLYVIBE ให้อัตโนมัติ
ขอแค่มีพื้นฐาน terminal, git และ JavaScript/TypeScript ระดับ junior ก็พอแล้ว บทแรกๆ จะปูพื้น mindset ของ vibecoding และภาพรวม architecture ให้ก่อน ส่วน senior จะได้ pattern ที่ผ่านการใช้งานจริงบน production ตั้งแต่ CLAUDE.md ไปจนถึง deploy บน Hetzner VPS เอาไป onboard ทีมหรือประยุกต์กับงานต่อได้ทันที
concept ของ Claude Code ทั้งหมด ไม่ว่าจะเป็น CLAUDE.md, prompt patterns, MCP, Subagents, Skills หรือ Hooks ใช้ได้กับทุกภาษาและทุก stack ส่วน Workshop ในเล่มเขียนด้วย TypeScript (NestJS + React) แต่อ่านโค้ดตามได้ไม่ยาก ถ้าใช้ภาษาอื่นเอา prompt ในหนังสือไปประยุกต์กับ stack ของตัวเองได้เลย
คลิป YouTube ส่วนใหญ่สอน feature แยกเป็นตอนๆ ตอนละ 10-15 นาที แต่เล่มนี้พาสร้างแอปเดียวตั้งแต่ขึ้นโครงโปรเจกต์บรรทัดแรกจนขึ้น production ต่อเนื่องทั้ง 10 บท ได้เห็นทั้ง feature ของ Claude Code ที่ใช้จริง และ pattern ที่ผ่านการลองผิดลองถูกมากับ product ที่ใช้งานจริงบน production นอกจากนี้ทุก workshop ในเล่มยังมี video walkthrough ให้ดูตามด้วย เป็นการ vibecode สดต่อเนื่อง ไม่ใช่ตอนสั้น
Video walkthrough ของทุก workshop จะ release ใน Private Facebook Group ของผู้อ่านเล่มนี้โดยเฉพาะ คุณจะเห็นทั้งจังหวะที่ AI พลาดและวิธีที่ผมแก้ prompt ใหม่ ลิงก์เข้ากลุ่มอยู่ในหน้า Resources หลังซื้อ ไม่มีค่าใช้จ่ายเพิ่ม video release ต่อเนื่อง
ใช้ได้ตั้งแต่ plan Pro ($20/เดือน) ขึ้นไป ซึ่งค่าหนังสือกับค่า Claude Code เป็นคนละส่วนกัน ส่วนตัวผมแนะนำ Max 5x ขึ้นไปถ้าใช้กับงาน production จริง เพราะ context window ใหญ่กว่า ไม่โดน rate limit บ่อยตอนทำงานจริง
เล่ม Cowork เน้นกลุ่ม business user (สาย marketing, HR, finance ฯลฯ) สอนใช้งาน Claude ร่วมกับ workspace และ Office ส่วนเล่มนี้เน้นสาย dev สอนใช้ Claude Code (CLI) สร้าง full-stack app ตั้งแต่ขึ้นโครงโปรเจกต์จนขึ้น production ด้วย tech stack ของจริง ทั้งสองเล่มซื้อด้วยกันได้ ไม่ทับซ้อน
ส่วนพัฒนา (บท 1-8) รันบน laptop ได้เลย ส่วนการ deploy (บท 9) จะต้องมี Hetzner VPS ประมาณ 330 บาทต่อเดือน พร้อม LINE Developers Account (ฟรี) และ Cloudflare Account (ฟรี) ถ้ายังไม่พร้อม deploy ก็ข้ามบท 9 อ่านผ่านๆ เอา idea ก่อนได้ครับ พอพร้อมเมื่อไหร่ค่อยกลับมาทำตามทีหลัง
Claude Code มีการอัพเดทบ่อยมาก หนังสือเล่มนี้จึงอัพเดทเนื้อหาให้ฟรีตลอดชีพ ทุกครั้งที่ Claude Code ออก feature ใหม่สำคัญ ทั้งเวอร์ชันออนไลน์และไฟล์ PDF จะได้รับการอัพเดทตาม video walkthrough ก็จะได้รับการอัพเดทเช่นกันเมื่อ feature เปลี่ยน
อ่านออนไลน์ผ่านเว็บได้ทุกอุปกรณ์ ไม่ว่าจะเป็นมือถือ แท็บเล็ต หรือคอมพิวเตอร์ หรือถ้าอยากดาวน์โหลด PDF ไปเก็บไว้อ่านออฟไลน์ก็ได้เช่นกัน
10 บท · 7 Workshop · video สอนทุกบท · Finance Tracker live · ซื้อครั้งเดียว · อัพเดทฟรีตลอดชีพ
ราคา EARLYVIBE · ฿2,500 · ถึง 31 พฤษภาคม 2026 เที่ยงคืน
อ่าน 1 ครั้ง · ได้แอปจริง 1 ตัว
กับ skill ใช้ได้ทั้งชีวิต
฿1,200
฿2,500