กลับ Blog
Blog Post · Vibe Coding

เมื่อแฟนผมลอง Vibe coding แต่เจอ Error จนหน้าจ๋อง นี่คือ 4 สิ่งที่ผมทำให้

เมื่อแฟนผมลอง Vibe coding แต่เจอ Error จนหน้าจ๋อง นี่คือ 4 สิ่งที่ผมทำให้

ช่วงนี้กระแสการ Vibe Coding มาแรงมาก ขนาดแฟนเอฟที่เขียนโปรแกรมไม่เป็นเลย ยังนั่งพิมพ์สั่ง AI สร้าง Web App ออกมาได้เฉย ตอนทำเว็บก็นั่งยิ้มสนุกสนาน แต่พอจะเอาเว็บไปอวดเพื่อนเท่านั้นแหละ นั่งจ๋องไปครึ่งวันได้ 5555

เพราะการจะทำให้ออนไลน์ได้ มันต้อง Deploy เป็น ซึ่งถ้าคนมีพื้นฐานโปรแกรมเมอร์ มันก็ง่ายนิดเดียว เราก็ต้อง Deploy Web ให้เป็น ซึ่งวิธีการมันก็ง่าย ๆ ครับถ้ามีพื้นฐานโปรแกรม แต่แฟนเอฟไม่มีไงครับ นั่งงมหาคลิปในยูทูปอยู่นานมาก ทำตามก็แล้ว สุดท้าย Error

เพราะงั้นวันนี้เอฟเลยจะมาแจกโพย ที่เอฟใช้เซ็ตระบบให้แฟนเอาไว้สู้กับ Error สำหรับคนโสดที่ไม่มีแฟนด้วย 55555 แถมทำเว็บให้ออนไลน์ได้แบบไม่ต้องง้อ Dev

1. โหลด VS Code

เอาไว้เป็นโปรแกรมหลักสำหรับจัดการโค้ด

2. ติดตั้ง Gemini CLI

แค่เปิด Terminal แล้วพิมพ์คำสั่ง npm install -g @google/gemini-cli พอล็อกอินเสร็จ เราก็จะได้ AI มาสิงอยู่ในโปรเจกต์ เวลามี Error ก็ให้มันช่วยอ่านไฟล์แล้วอธิบายได้เลย (เหมือนมีแฟนเก่ง ๆ มานั่งคอยสอนข้าง ๆ 5555)

3. สมัคร GitHub (เอาไว้ฝากไฟล์)

สร้าง Repo ไว้เก็บโค้ดของเรา แล้วกดเชื่อมโปรเจกต์ในเครื่องเข้ากับ GitHub แค่ไปที่ Source Control > กด Add Remote แล้วเลือก Repo ที่เราสร้างไว้ กด Commit ให้เรียบร้อย

4. Deploy ขึ้น Netlify แบบง่ายๆ

แค่สมัครเว็บ Netlify แล้วกด Add new project เลือก Import a Git repository จากข้อ 3 แค่นี้เว็บเราก็ออนไลน์พร้อมส่งลิงก์อวดเพื่อนแล้วค้าบ เห็นมั้ยครับว่าแทบไม่ต้องเขียนโค้ดเองสักบรรทัด ใครอ่านแล้วยังงง ๆ ลองเอา Keyword พวกนี้ ไปเสิร์ชหาคลิปทำตามใน Youtube ดูนะครับ เอฟมั่นใจว่ามันจะช่วยลดเวลาชีวิตตอนแก้บั๊กได้เยอะมาก

สรุปแบบหล่อเท่

การ Vibe Coding มันจะหมดสนุกไปเลย ถ้าเราเจอะบั๊กแต่ไม่รู้วิธีแก้ แต่ปัญหานี้จะหมดไปแค่เราติดตั้ง AI ไว้คอยช่วยงาน อย่างที่เอฟพาทำไปคือ Gemini แต่ถ้าคุณไม่ชอบ ก็สามารถติดตั้ง Ai Agent ตัวอื่น ๆ อย่าง Claude Code / Codex ได้เลย ทีนี้พอเรามีผู้ช่วยส่วนตัวแบบนี้ การทำเว็บของคนไม่มีพื้นฐาน ก็ไม่ใช่เรื่องยากอีกต่อไปแล้ว

ส่วนใครที่รู้สึกว่าโลก AI มันหมุนไวตามไม่ทัน อยากเริ่มใช้ AI ทำเว็บแต่ไม่รู้จะเริ่มต้นยังไง เอฟกำลังแพลนจะเปิดสอนคอร์สเล็ก ๆ แบบจับมือทำ เป็นคู่มือฉบับรวบรัด ที่เรียนจบปุ๊บ คุณจะเปิดโลกการใช้ AI และมีเว็บไซต์เป็นของตัวเองได้แน่นอน ใครสนใจอยากให้เอฟทำคู่มือนี้ คอมเมนต์บอกเอฟ หรือทักมาในเพจได้เลยค้าบ

เอฟ
เอฟ
@nattphum

บันทึกการเรียนรู้ AI, Automation และการทำธุรกิจด้วยตัวคนเดียว