vibe codingTHAILAND
คอร์สหนังสือบทความ
vibe codingTHAILAND

เรียน AI เป็นภาษาไทย ใช้กับงานจริง สร้างสิ่งใหม่ ๆ ไปด้วยกัน

เรียนรู้

คอร์สหนังสือบทความ

เครื่องมือ AI

Claude CodeClaude CoworkChatGPT

เพิ่มเติม

คลังพรอมต์ผลงานชุมชนบริการองค์กร

ช่วยเหลือ

ติดต่อเราอีเมลหาเราความเป็นส่วนตัวเงื่อนไขการใช้งานตั้งค่าคุกกี้
© 2026 บริษัท ไวบ์ เดฟ จำกัด (Vibe Coding Thailand)ทำด้วยใจและกาแฟ จากกรุงเทพฯ
VIBEJUNE2026 · ฿1,250 ถึง 30 มิถุนายน 2026 เที่ยงคืน
build with claude code

Build แอปจริง Live บน Server จริง
ใน 10 บท

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

฿1,250฿2,500ประหยัด ฿1,250 (50%)
อ่านบท 1 ฟรี
หรือ ดูสารบัญ + รีวิวก่อน
Web + PDFVideo สอน workshop ทุกบทอัพเดทฟรีตลอดชีพ
Vibecoding with Claude Code: The Developer's Playbook
~/finance-tracker · claude
>
10
บท
เรียงจากง่ายไปยาก
7
Workshop
บท 3 ถึง 9 ต่อยอด Finance Tracker
1
Production app
live บน server จริง
สิ่งที่จะสร้าง

นี่คือสิ่งที่คุณจะมีหลังอ่านจบ

Personal Finance Tracker · บันทึกรายจ่ายผ่าน LINE · AI categorize อัตโนมัติ · dashboard กราฟ · ตั้งงบรายเดือน · live บน production server จริง

stack ที่ใช้ทั้งเล่ม

TypeScriptViteReactTailwindNestJSPrismaPostgreSQLLINE Messaging APIClaude APIDockerHetzner VPSCloudflare Tunnelpnpm workspaces

ไม่ใช่ todo list throwaway · เป็น แอปที่คุณจะใช้บันทึกการเงินตัวเองทุกวันหลังอ่านจบ

ทักษะที่จะได้

9 ทักษะที่ใช้ได้ทันทีกับงานจริง

ไม่ใช่ ฟีเจอร์ list แห้งๆ · ทุกข้อคุณจะได้ทำเองใน workshop ผ่านการ build Finance Tracker

บท 3

Scaffold แอป full-stack ภายใน 10 นาที

monorepo · Vite + React + Tailwind · NestJS + Prisma + PostgreSQL · จาก prompt เดียว

บท 4

CLAUDE.md ให้ AI จำ project ข้ามวัน

ไม่ต้องอธิบาย convention ทุก session · 4 scopes · Auto Memory · `.claude/rules/` แยกตาม path

บท 5

5 Prompt Patterns สั่ง AI ให้แม่น

scaffold · implement · debug · refactor · test · พร้อม Extended Thinking (ultrathink)

บท 6

จัดการ Context Window ไม่ให้ AI ลืม

/compact, /clear, /memory · session splitting · worktree · @-mentions · pipe mode

บท 7

MCP ต่อ database, GitHub, browser

.mcp.json · MCP servers · เขียน MCP server เองได้ · standard เดียวกับโลกอื่น

บท 7

LINE OA + AI parse ข้อความเป็น data

Webhook + signature verification + Claude API parse ข้อความไทย → save Postgres

บท 8

Subagents · ทีม AI review code ให้คุณ

code-reviewer + test-writer agents · Agent Teams parallel · แก้ปัญหา context limit

บท 9

Deploy บน Hetzner + Cloudflare Tunnel

Docker Compose · multi-stage build · HTTPS ฟรี · ไม่ต้องเปิด port · ~330 บาท/เดือน

บท 10

Skills, Hooks, Plugins, Scheduled Tasks

ย่อขั้นตอนงานที่ใช้ซ้ำเป็นคำสั่งเดียว · automate ก่อน/หลัง action · cron · web · remote control

ให้ดูของจริง

ตัวอย่าง prompt จริง 3 ตัว จากในหนังสือ

ทุก prompt ในเล่มเขียนมาจากการใช้งานจริงกับ product ที่อยู่บน production ไม่ใช่ตัวอย่างประดิษฐ์

Implement Patternimplement
บท 5

prompt

>
สร้าง transaction module: CRUD + filter by date range
ใช้ NestJS + Prisma
ตาม pattern ใน src/auth/ ที่มีอยู่

output

  • ✓ Created src/transaction/transaction.module.ts
  • ✓ Created src/transaction/transaction.service.ts
  • ✓ Created src/transaction/transaction.controller.ts
  • ✓ Created src/transaction/dto/create-transaction.dto.ts
  • ✓ Updated src/app.module.ts
  • ✓ Generated migration: 20260418_add_transactions

7 files · 312 lines · 2m 14s

MCP + LINE Webhookintegrate
บท 7

prompt

>
ต่อ LINE webhook handler ที่ /webhook/line
verify signature ด้วย channel secret
pipe เข้า parser ที่มี → save ลง Prisma

output

  • ● Reading docs/line-messaging-api.md...
  • ✓ Created src/line/webhook.controller.ts
  • ✓ Added HMAC-SHA256 signature middleware
  • ✓ Wired raw body parser ใน main.ts
  • ✓ Updated .env.example: LINE_CHANNEL_SECRET

4 files · 168 lines · 3m 02s

Subagent Reviewdelegate
บท 8

prompt

>
@code-reviewer audit src/line/
focus: signature verify, raw body,
replyToken handling

output

  • ● Spawning code-reviewer (Opus 4.7)...
  • ⚠ High: ไม่ check ความยาว message ก่อน parse
  • → สแปม ข้อความยาวเป็น KB ได้
  • ⚠ High: catch error ของ Claude API กว้างเกิน
  • ✓ 2 high · 0 critical · suggested fixes attached

review 312 lines · 1m 48s

ดูวิธีทำจริง

ไม่อยากลงมือเองก็ได้ มี video สอน workshop ทุกบทให้ดูตาม

ทุก workshop ในหนังสือมีวิดีโอสอนตาม ที่ผมนั่ง vibecode สดๆ ให้ดูตั้งแต่ prompt แรกจนถึงผลลัพธ์ ไม่ใช่ตอนสั้นแบบ YouTube แต่เป็นการทำงานจริงต่อเนื่อง คุณจะเห็นทั้งจังหวะที่ AI พลาด จังหวะที่ผมต้องสตอป + แก้ prompt ใหม่

Video อยู่ในกลุ่ม Facebook ส่วนตัว ของผู้อ่านเล่มนี้โดยเฉพาะ ลิงก์เข้ากลุ่มอยู่ในหน้า Resources หลังซื้อ

* ตัวอย่างจากเล่ม · วิดีโอสอนตาม เต็มทุก workshop live ในกลุ่ม Facebook ส่วนตัว หลังซื้อ

เหมือน pair programming กับรุ่นพี่ dev

เห็นทั้งตอนพลาดและวิธีแก้ prompt ใหม่

เปิดประกอบหนังสือได้เลย ไม่ต้องสลับหา

เส้นทางการเรียน

จากขึ้นโครงโปรเจกต์บรรทัดแรก สู่แอปที่ live บน server จริง

5 ภาค 10 บท เรียงต่อเนื่องเป็นเส้นเดียว แต่ละภาคมี milestone ที่จับต้องได้

01

ทำความเข้าใจ

บท 1-2

→ เข้าใจ mindset ของ vibecoding · เห็น 6 layers ของ web app ที่จะ build

02

เริ่มลงมือ Claude Code

บท 3-4

→ ติดตั้ง Claude Code · มี skeleton project รันได้ + CLAUDE.md ที่ทำให้ AI จำ convention

03

สั่ง AI ระดับ Pro

บท 5-6

→ ใช้ 5 prompt patterns · จัดการ context window · แอปมี core features ครบ (auth, CRUD, dashboard)

04

เชื่อมโลก + AI Team

บท 7-8

→ MCP + LINE webhook · Subagents ช่วย audit + เพิ่ม test ให้ LINE integration ก่อนขึ้น production

05

Ship + ก้าวต่อ

บท 9-10

→ Deploy บน Hetzner + Cloudflare Tunnel · ใช้ Skills, Hooks, Plugins ในงานจริง

เหมาะกับใคร

เล่มนี้เขียนสำหรับใคร

ไม่ใช่ทุกคนเหมาะ · บอกตรงๆ ว่ากลุ่มไหนได้คุ้มที่สุด อ่านยังไงได้ผลที่สุด

★ คนอ่านหลัก

Junior / Intermediate Dev

วิธีอ่าน

อ่านทุกบท + ทำ workshop ตาม build Finance Tracker จริงด้วยมือตัวเอง

จบแล้วได้

Finance Tracker live บน server จริง + skill Claude Code ครบทุก ฟีเจอร์ ที่ใช้ในงานจริง

Skim mode

Senior / Tech Lead

วิธีอ่าน

Skim ทุกบท เก็บ pattern เอาไป onboard ทีมหรือประยุกต์กับ codebase ที่ดูแลอยู่

จบแล้วได้

Reference ที่ทีม junior อ่านตามได้ · pattern พร้อมใช้กับ production จริง

ดูภาพรวม

คนใช้คอมเก่ง · เพิ่งจบใหม่

วิธีอ่าน

อ่านบท 1-2 ละเอียด ที่เหลืออ่านผ่านๆ ดูภาพหน้าจอ + วิดีโอสอนตาม ประกอบ

จบแล้วได้

เห็นภาพ dev ยุค AI ทำงานยังไง · ตัดสินใจได้ว่าอยากลงสายนี้หรืออยากเริ่ม build product แรก

โบนัส · กรอบคิด

นอกจากเครื่องมือ คุณจะได้กรอบคิดเหล่านี้ด้วย

framework ที่ใช้ตัดสินทุกครั้งที่จะ commit code · เก็บไว้ใช้ได้ทั้งชีวิต ไม่ผูกกับ tool ตัวไหน

5 ทักษะใหม่

ทักษะที่ AI ทำแทนไม่ได้

งาน dev ในยุค AI ย้ายจากมือไปสมอง 5 craft นี้คือสิ่งที่หนังสือพาคุณสะสมไปทีละบท

  • 01

    Spec design

    อธิบาย ฟีเจอร์ ให้ AI เข้าใจจน output ถูกตั้งแต่ครั้งแรก

  • 02

    Context curation

    AI จะเขียนได้ดีแค่ไหน ขึ้นอยู่กับ context ที่คุณป้อนให้

  • 03

    Architecture review

    เมื่อ AI เสนอ architecture มา คุณตัดสินว่าใช่หรือไม่ใช่

  • 04

    Integration

    เชื่อม code ที่ AI สร้างเข้ากับ legacy + production constraint

  • 05

    Guardrail

    Security, permission, rate limit, error boundary ที่ AI มักลืม

กรอบช่วยตัดสินใจ

Vibe Zone vs Engineer Zone

หลัก blast radius · ตัดสินทุกครั้งว่า code ตัวนี้ควร review เข้มแค่ไหน

Vibe

  • · MVP, ต้นแบบ, hackathon demo
  • · Internal tool ใช้ 5-10 คน
  • · CRUD, boilerplate, scaffold
  • · UI ที่ไม่ handle เงิน หรือ PII

Engineer

  • · Code เกี่ยวกับเงิน · payment · billing
  • · Authentication · authorization · session
  • · Business logic ที่มีหลาย edge case
  • · Database migration ที่กลับไม่ได้
กฎสำคัญ
“ถ้าอธิบายไม่ได้ อย่า commit”

Simon Willison · co-creator of Django · กฎที่หนังสือยึดเป็นหัวใจตลอด 10 บท

ทำไมกรอบคิดนี้สำคัญ

3 จังหวะที่ใช้ AI แล้วพลาด เพราะไม่มี framework

เคสจริงจากบทที่ 1 ของหนังสือ · ไม่ใช่เพื่อให้กลัว AI แต่เพื่อแสดงว่าทำไมหนังสือเล่มนี้เริ่มด้วย mindset ก่อน ฟีเจอร์

Case 01
POST /api/auth/login
40,000 req/min · 1 IP

AI ไม่ได้ใส่ rate limit ไม่ใช่เพราะมันโง่ แต่เพราะคุณไม่ได้ระบุไว้ใน spec ตั้งแต่แรก

Case 02
ALTER TABLE users ADD COLUMN ...
staging 200ms → prod 3min lock

Migration ที่ผ่านบน staging แต่ pause prod ทั้งระบบเพราะ lock table 50M rows ไป 3 นาที

Case 03
POST /api/transactions ↔ POST /api/sync
1 record → 3 rows duplicate

2 endpoints เขียน table เดียวกัน คนละ session คนละ prompt AI ไม่เห็นว่ามี race condition

เล่มนี้เริ่มด้วย mindset framework บทแรก ก่อนเข้าเครื่องมือ
พอถึง workshop คุณจะ vibecode ได้แบบ คุมได้ ไม่ใช่แบบลุ้น

สิ่งที่จะได้รับ

฿1,250 ได้อะไรบ้าง

ราคา VIBEJUNE2026 (จากปกติ ฿2,500) ถึง 30 มิถุนายน 2026 เที่ยงคืน

เนื้อหา 10 บท + Appendix

เรียงจาก mindset ถึง production deploy อ่านบนเว็บ + PDF ดาวน์โหลด ไม่จำกัดอุปกรณ์

Video Walkthrough ทุก Workshop

ดูผมนั่ง vibecode สดๆ จาก prompt แรกถึง deploy เห็นทั้งตอนพลาดและวิธีแก้

Video อยู่ในกลุ่ม Facebook ส่วนตัว ของผู้อ่านเล่มนี้ · ลิงก์เข้ากลุ่มอยู่ในหน้า Resources หลังซื้อ

Finance Tracker Source Repo

Repo เต็มที่ build ในหนังสือ commit ทีละบทให้เห็น progression

Repo เปิดบน GitHub พร้อมทุก prompt และ CLAUDE.md ที่ใช้ในเล่ม ลิงก์อยู่ในหน้า Resources หลังซื้อ

อัพเดทฟรีตลอดชีพ

Claude Code ออกฟีเจอร์ใหม่ → เนื้อหาตามทัน ทั้ง web, PDF และ video

กลุ่ม Facebook ส่วนตัว

กลุ่มผู้อ่านเล่มนี้โดยเฉพาะ ถาม-ตอบกับ author + ดูวิดีโอสอนตาม · ลิงก์ในหน้า Resources หลังซื้อ

ลองอ่านก่อนซื้อ

ลังเล? อ่านฟรีก่อนตัดสินใจ

เปิดบท 1 อ่านฟรี · 12 นาที จะรู้เลยว่าหนังสือเล่มนี้เขียนแบบไหน คุ้มกับเวลาคุณหรือไม่

บทที่ 1 · ฟรี

ยุคที่เขียนโค้ดทุกบรรทัดมันจบแล้ว

12 นาที · ปูกรอบคิดของหนังสือ · จบแล้วจะรู้ว่าอยากอ่านต่อหรือไม่

อ่านบท 1 ฟรี→

บทแนะนำ · ฟรี

วิธีอ่านหนังสือเล่มนี้ให้คุ้มสุด

เช็คก่อนอ่านว่าคุณอยู่กลุ่มไหนใน 3 persona และวิธีอ่านที่เหมาะกับคุณ

อ่านฟรี→

สารบัญ + รายละเอียด

ดูสารบัญ 10 บท ก่อนตัดสินใจ

เปิดดูสารบัญทุกบท · ตัวอย่าง section · learning outcomes · resources ที่ได้หลังซื้อ

ดูสารบัญ→

ดูจบแล้วค่อยตัดสินใจ ไม่มีอะไรต้องเสีย

ทำไมต้องเล่มนี้

เขียนจากการ build product จริง ไม่ใช่ทฤษฎี

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 ได้ในกลุ่ม Facebook ส่วนตัว เห็นจังหวะที่ AI พลาดและวิธีแก้

Early Supporter Price

พร้อม build แอปแรกของคุณหรือยัง?

ราคา VIBEJUNE2026 เปิดให้คนที่ support เล่มในช่วง early access ก่อน เปิดถึง 30 มิถุนายน 2026 เที่ยงคืน

VIBEJUNE2026

฿1,250

฿2,500

ประหยัด ฿1,250 (50%)

เหลือเวลา

ถึง 30 มิถุนายน 2026 เที่ยงคืน (เวลาไทย)

  • เนื้อหา 10 บท + Appendix Resources
  • วิดีโอสอนตามทุก workshop ในกลุ่ม Facebook ส่วนตัว
  • Finance Tracker source code repo
  • PDF ดาวน์โหลด อ่าน offline ได้ทุกอุปกรณ์
  • อัพเดทฟรีตลอดชีพ ทั้ง web · PDF · video
  • เข้ากลุ่ม Facebook ส่วนตัว ของผู้อ่านเล่มนี้
หรือ อ่านบท 1 ฟรีก่อน
FAQ

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

Final Call

จาก localhost สู่ production
ใน 10 บท

10 บท · 7 Workshop · video สอนทุกบท · Finance Tracker live · ซื้อครั้งเดียว · อัพเดทฟรีตลอดชีพ

อ่านบท 1 ฟรี

ราคา VIBEJUNE2026 · ปกติ ฿2,500 · ถึง 30 มิถุนายน 2026 เที่ยงคืน

อ่าน 1 ครั้ง · ได้แอปจริง 1 ตัว
กับ skill ใช้ได้ทั้งชีวิต

฿1,250

฿2,500