28/10/2025
Claude Code : Vibe coding ด้วยเอไอ ตัวเก่ง
เปิดเครื่องมือ ทำเงินแสนง่ายๆ
เขียนเว็บไซต์เชิงพานิชย์
ฉบับตัวคนเดียว ด้วย Claude Code AI
ปล. ผมเรียนจากพี่ ก๊วง คลาส The Leaniverse นะ
ผมจะแบ่งเป็น 2 ส่วนคร่าวๆครับ
ทั้งแนวคิดและค่าใช้จ่ายในการทำเว็บเชิงพานิชย์
ส่วนที่ 1 ทำความรู้จัก Cluade Code
คำถาม : Claude Code คืออะไร
เจ้านี้คือ AI ที่ช่วยเราเขียนเว็บไซต์ได้ โดยที่เราไม่ต้องมีความรู้มาก่อน
หรือหลายๆคน จะเรียก Vibe Coding ครับ
เราสามารถเอาไปใช้กับพวกเครื่องมือ ช่วยเขียน Code เช่น
Wind Surf หรือ Cursor ได้ครับ
โดยเราจะเรียกใช้งาน Claude Code จากโปรแกรมเหล่านี้ได้ครับ
คำถาม : แล้วทำไม ไม่ใช้ AI ที่ติดตั้งใน Wind Surf หรือ Cursor
ในเมื่อมันก็เป็น AI เขียนเว็บเหมือนกัน
ในความเข้าใจของผม Claude มันมีความยืดหยุ่นกว่า
และฉลาดกว่า ทั้งนี้ต้องแลกมาด้วยการ เสียเงินรายเดือน
ของ Claude AI ราคาประมาณ 20 เหรียญ ต่อเดือน
นั่นแปลว่า เรายังสามารถใช้ Claude AI ปกติได้ด้วย
เพราะใช้ โควต้า Token เดียวกัน
คำถาม : มันมี Limit การใช้งานไหม
มีครับ ถ้าเราใช้ Basic Plan ที่ผมเล่าไปด้านบน 20 ดอลต่อเดือน
ในมุมมองของผม ถ้าเราเขียนเว็บแบบทีละเว็บ
มันเพียงพอครับ ตอนที่ติด Limit เราก็ถือเป็นการพักสายตาไปในตัว
แต่ถ้าใครอยาก เขียนเว็บแบบ ไม่กังวล Limit ชีวิตเกินร้อย
แนะนำไป Claude MAX เดือนละ 100 เหรียญ ต่อเดือน
ได้ Version ที่ฉลาดขึ้นด้วย จริงหรือเปล่า 555
ทั้งนี้ ถ้าใช้แบบไม่หยุด ก็มี Limit Version นะครับ
แต่ใช้งานต่อได้ยาวๆ ผมเคยลองใช้เดือนนึง
บันเทิงดีครับ
ขอใช้คำที่อาจารย์ทอมมี่บอกเลย ว่าไม่ค่อยได้นอน ^^
ส่วนที่ 2 ต้องมีเครื่องมืออะไรอีกบ้าง นอกจาก Claude Code
จะมีเครื่องมือที่ต้องใช้ดังนี้
2.1 เครื่องมือช่วยเขียน Source Code
เช่น Wind Surf หรือ Cursor (ใช้ฟรี)
ตัวนี้ให้เรานึกภาพมันคือ โปรแกรมเขียน Code นั้นเอง
แต่มันคือ AI ตัวนึง
หน้าที่หลักๆ คือ เรียน Folder ที่เก็บ Source จาก Local Drive
มาแก้ไข ด้วยใช้ Claude มาสั่งแก้อีกที จากนั้นก็สามารถเรียกดู
ตัวอย่างเว็บ ที่ Localhost ก่อนการ Publish สาธารณะ ครับ
2.2 Git Hub ตัวเก็บ Source Code บน Internet (ใช้ฟรี)
เนื่องจากเราต้องนำ Code ที่ได้จาก เครื่องมือด้านบน จาก Localhost
สู่ Internet Host
Git Hub มีความสำคัญมากๆ นอกจากเป็นที่เก็บ Source Code
มันยังสามารถ เก็บเวอร์ชั่นต่างๆ ได้ ในกรณีที่เว็บเรา พัฒนาขึ้นเรื่อยๆ
เราก็ไม่ต้องกลัวพัง เพราะมันจะมี Backup Version ตัวก่อนหน้าที่ใช้ได้
ด้วยครับ
2.3 Hosting ในคลาสพี่ก๊วงใช้ Vercel (ใช้ฟรี)
หลักการคิดง่ายๆ มันคือ นำ Source Code จาก Git Hub มาแสดงผลเป็น เว็บไซต์สาธารณะ นั่นเอง หรือ จะมองมันคือ Web Hosting ทั่วไปก็เข้าใจง่ายดีครับ
หลักการทำงาน จะเรียกการ Deployment จาก Source Code ที่ถูก Push จาก Git Hub ครับ
น่าจะพอเห็นภาพนะครับ ..
2.4 Supabase ที่เก็บฐานข้อมูลเว็บไซต์ (ใช้ฟรี ระดับนึง)
อันนี้ตรงตัวเลยครับ มันคือ Database ของเว็บไซต์เรา
เก็บได้หมด ทั้งฐานข้อมูลลูกค้า รูปภาพ อีเมล...
2.5 Cloudflare ที่จดโดเมน และ SSL (มีค่าจดโดเมน)
พี่ก๊วงแนะนำให้ใช้ Cloudflare เพราะมันเชื่อมต่อกับ Vercel ได้โดยตรง
การเชื่อมต่อทำได้ง่ายมากๆ
ส่วนตัวผมก็จดโดเมนที่นี่ครับ
ที่ผมชอบอีกจากคือ ทำ SSL ฟรี และปลอดภัยมากๆ
เป็นอย่างไรบ้างครับ
ผมคิดว่าใคร ที่อ่านถึงตรงนี้ พอจะเห็นภาพคร่าวๆ
หลักการทำงานและเครื่องมือที่ใช้สร้างเงินแสน
ในตอนหน้าผมจะมาถอดไอเดียการทำเว็บ
ว่าเลือกเรื่องอะไร ที่ทำเงินได้จริงครับ
ในคอมเม้นต์ด้านล่างผม
เปิดรายได้จริง หลังบ้านของ 1 เว็บที่ผมสร้างด้วย Claude Code
เพื่อเป็นกำลังใจให้กับทุกคนครับ
ขอบคุณมากๆครับที่อ่านถึงตรงนี้
นิว ศักดา
