ทำเว็บด้วย AI ต้องเขียนโค้ดเป็นไหม? มือใหม่เริ่มจากศูนย์ได้แค่ไหน และตรงไหนที่ยังต้องเรียนรู้เอง

ทำเว็บด้วย AI ไม่จำเป็นต้องเขียนโค้ดเป็นมาก่อน เพราะเครื่องมืออย่าง Claude Code, Codex และ Cursor รับคำสั่งเป็นภาษาคนแล้วเขียนโค้ดให้ทั้งหมด แต่คำตอบที่ตรงกว่าคือ คุณต้องอ่านโค้ดพอรู้เรื่อง เข้าใจว่าเว็บประกอบด้วยอะไรบ้าง และสั่งงานเป็น ไม่งั้นจะติดตั้งแต่ก้าวที่ 2 คือตอนเว็บพังแล้วไม่รู้ว่าพังตรงไหน บทความนี้จะแยกให้ชัดว่าส่วนไหน AI ทำแทนได้จริง ส่วนไหนคุณยังต้องรู้เอง และดูจากผลงานบน applnw.com ว่าคนที่ไม่ได้เป็นโปรแกรมเมอร์เต็มตัวไปได้ไกลแค่ไหน

AI ทำแทนได้จริงในส่วนไหน

ถ้าแบ่งงานทำเว็บออกเป็นชั้น ๆ จะเห็นว่าส่วนใหญ่ AI รับไปได้เกือบหมด โดยเฉพาะงานที่มีแบบแผนชัดเจน

1. เขียนหน้าเว็บ (HTML, CSS, component ต่าง ๆ) อันนี้ AI ทำได้ดีที่สุด สั่งว่าอยากได้หน้าแบบไหน มีปุ่มอะไร วางตรงไหน ก็ได้ออกมาใกล้เคียง
2. เขียน logic ของแอป เช่น คำนวณต้นทุน บันทึกข้อมูล จับเวลา ถ้าอธิบายกติกาชัด AI เขียนให้ได้
3. เชื่อมต่อบริการภายนอก เช่น database, ระบบ login, API ต่าง ๆ AI รู้วิธีเชื่อมอยู่แล้ว แต่คุณต้องไปสมัครบริการและเอา key มาให้
4. แก้ bug ที่เห็น error ชัด ๆ วาง error ให้ AI ดู ส่วนใหญ่หาสาเหตุได้
5. ตั้งค่า deploy ขึ้น Vercel หรือ Cloudflare Pages AI แนะนำขั้นตอนได้ครบ

สรุปคือ ถ้าโจทย์คือ "ทำให้มันขึ้นมาใช้งานได้" มือใหม่ที่ไม่เคยเขียนโค้ดสามารถทำได้ในวันเดียวจริง ๆ และมีคนไทยจำนวนมากทำแบบนั้นแล้ว

ส่วนที่ AI ทำแทนไม่ได้ และคุณต้องรู้เอง

ตรงนี้คือจุดที่หลายคนสะดุด เพราะคิดว่า "ไม่ต้องรู้อะไรเลย" แต่ความจริงมีความรู้พื้นฐานบางอย่างที่ต้องมี ไม่งั้นจะสั่งงานไม่ถูกและตรวจงานไม่ได้

ต้องเข้าใจว่าเว็บมีกี่ส่วน

อย่างน้อยต้องรู้ว่าเว็บมี frontend (ส่วนที่คนเห็น) backend (ส่วนประมวลผลและเก็บข้อมูล) และ hosting (ที่วางเว็บให้คนเข้าได้) เพราะเวลา AI ถามว่า "จะเก็บข้อมูลไว้ที่ไหน" คุณต้องตอบได้ ตัวอย่างเช่น Wezide เว็บโหวตประเด็นสังคม ใช้ Vercel เป็นที่วางเว็บ และใช้ Google Sheets กับ Google Apps Script เป็น backend ซึ่งเป็นทางเลือกที่มือใหม่เข้าใจง่ายเพราะเห็นข้อมูลในตารางได้เลย ส่วน voom AI Agent Workspace ที่ให้คุยกับ AI agent ที่จดจำข้อมูลได้ เลือกใช้ Supabase เป็น backend แทน การตัดสินใจแบบนี้ AI เสนอตัวเลือกให้ได้ แต่คนเลือกต้องเป็นคุณ

ต้องอ่านโค้ดพอจับใจความได้

ไม่ต้องเขียนเองได้ แต่ต้องเปิดไฟล์แล้วพอเดาออกว่าส่วนไหนทำอะไร เพราะเวลา AI แก้โค้ดผิดที่ คุณจะได้ทักได้ว่า "ไม่ใช่ตรงนี้ ไปแก้ที่หน้า login" ทักษะนี้ใช้เวลาฝึกไม่นาน แค่ตามอ่านโค้ดที่ AI เขียนให้ทุกครั้งแทนที่จะกดยอมรับอย่างเดียว ภายใน 2 ถึง 3 สัปดาห์จะเริ่มคุ้น

ต้องรู้เรื่องสิทธิ์และความปลอดภัยขั้นต้น

AI เขียนโค้ดตามที่สั่ง ถ้าไม่สั่งเรื่องความปลอดภัย มันอาจไม่ได้ใส่ให้ เช่น การตรวจสิทธิ์ว่าใครดูข้อมูลของใครได้ หรือการไม่เอา API key ไปวางไว้ในหน้าเว็บ ตัวอย่างผลงานที่ให้ความสำคัญเรื่องนี้คือ พิใจธรรม เว็บช่วยเขียนหนังสือแสดงเจตนา Living Will ที่ระบุว่าข้อมูลเข้ารหัสจากเครื่องของผู้ใช้ และเข้าใช้งานผ่าน email กับรหัสผ่าน การออกแบบแบบนี้ไม่ได้เกิดจากการสั่งว่า "ทำเว็บ Living Will" เฉย ๆ แต่เกิดจากคนทำรู้ว่าข้อมูลประเภทนี้ต้องดูแลอย่างไร

ต้องรู้ว่างานของคุณต้องการอะไร

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

เทียบระดับทักษะกับสิ่งที่ทำได้

ตารางนี้ช่วยให้ประเมินตัวเองได้ว่าอยู่ตรงไหน และคาดหวังได้แค่ไหน

สังเกตว่าแถวแรกก็ทำเว็บใช้งานได้จริงแล้ว เพียงแต่ขอบเขตแคบ และยิ่งขึ้นแถวล่าง ขอบเขตก็กว้างขึ้นพร้อมปัญหาที่ซับซ้อนขึ้น

ดูจากคนที่ทำได้จริง

ผลงานบน applnw.com หลายชิ้นบอกเล่าว่าคนทำไม่ได้เริ่มจากการเป็นโปรแกรมเมอร์เต็มตัว แต่เริ่มจากปัญหาที่อยากแก้

CSC24 เป็นเว็บรวมสินค้าดิจิทัล ที่เจ้าของระบุว่าเป็นนักศึกษาและพัฒนาโครงการเพียงคนเดียว วางเว็บไว้บน Cloudflare Pages มีแผนเปิดให้ผู้ใช้ขายไอเดีย prompt AI, Workflow, course และ template เอกสาร ตัวอย่างนี้ชี้ว่าการทำคนเดียวไม่ได้จำกัดอยู่แค่เว็บหน้าเดียว

Planning Poker เป็นเครื่องมือช่วยทีมประเมิน point ของงาน ที่เจ้าของสร้างไว้ใช้เองเพื่อหลีกเลี่ยงโฆษณาจากเว็บฟรี สร้างด้วย Next.js และวางบน Cloudflare Pages นี่คือแรงจูงใจแบบที่พบบ่อยที่สุด คือรำคาญเครื่องมือที่มีอยู่ เลยทำเองให้ตรงใจ

JodHome รวมเรื่องของใช้ งานบ้าน และครอบครัวไว้ที่เดียว ทั้งวันหมดอายุของใช้ ใบประกันสินค้า และการแบ่งหน้าที่งานบ้าน สร้างด้วย Next.js กับ Tailwind วางบน Vercel และเชื่อมกับ LINE LIFF ซึ่งทำให้เปิดใช้จาก LINE ได้โดยตรง การเชื่อม LINE แบบนี้เป็นสิ่งที่ AI ช่วยเขียนให้ได้ แต่คนทำต้องไปตั้งค่าฝั่ง LINE เอง

ส่วนตัวอย่างที่ไปไกลถึงขั้นรับเงินจริงคือ BizDrive ที่ขายคลาสออนไลน์และรับชำระเงินผ่าน payment gateway โดยเจ้าของระบุว่ามียอดรับชำระเงินมากกว่า 7 หลัก สร้างด้วย Next.js บน Vercel ระบบแบบนี้อยู่ในแถวล่างของตาราง คือต้องมีความเข้าใจเรื่องความปลอดภัยและการจัดการเงินมากกว่าเว็บทั่วไป

เส้นทางเรียนรู้สำหรับคนที่ไม่เคยเขียนโค้ด

ถ้าตัดสินใจจะเริ่ม นี่คือลำดับที่ช่วยให้ไม่หลงทาง โดยใช้เวลาไม่นานในแต่ละขั้น

1. เริ่มจากเว็บหน้าเดียวที่มีเนื้อหาของคุณจริง ๆ เช่น หน้าแนะนำร้านหรือบริการ แล้ว deploy ขึ้น Vercel หรือ Cloudflare Pages ให้ได้ก่อน ขั้นนี้จะสอนเรื่อง hosting และ domain โดยไม่ต้องยุ่งกับ database
2. เพิ่มแบบฟอร์มที่เก็บข้อมูลได้ จะใช้ Google Sheets หรือ Supabase ก็ได้ ขั้นนี้จะได้เรียนรู้ว่า backend คืออะไรแบบจับต้องได้
3. เพิ่มระบบ login เพื่อให้แต่ละคนเห็นข้อมูลของตัวเอง ขั้นนี้จะบังคับให้เรียนเรื่องสิทธิ์และความปลอดภัย
4. ค่อยทำระบบที่ซับซ้อน เช่น การจอง การคำนวณ หรือเชื่อม LINE

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

คำถามที่มักตามมา

ควรเรียนเขียนโค้ดก่อนไหม

ไม่จำเป็นต้องเรียนก่อน แต่ควรเรียนไปพร้อมกัน การทำเว็บจริงของตัวเองเป็นวิธีเรียนที่ได้ผลกว่าการนั่งเรียนคอร์สโดยไม่มีโจทย์ เพราะคุณจะเจอปัญหาจริงและได้ถาม AI ในบริบทจริง

เว็บที่ AI เขียนให้ มีคุณภาพพอใช้งานจริงไหม

พอใช้ได้สำหรับเว็บขนาดเล็กถึงกลาง ผลงานบน applnw.com จำนวนมากเปิดใช้งานจริงอยู่ ปัญหามักไม่ได้อยู่ที่โค้ดใช้ไม่ได้ แต่อยู่ที่คนทำไม่ได้ตรวจเรื่องความปลอดภัยและการจัดการข้อมูล ซึ่งกลับไปที่ข้อว่าคุณต้องรู้พื้นฐานพอที่จะตรวจงาน

ถ้าติดปัญหาที่ AI แก้ไม่ได้ จะทำยังไง

ส่วนใหญ่เกิดจากการสั่งไม่ชัด หรือ AI ไม่เห็นข้อมูลที่จำเป็น วิธีแก้คือเริ่มบทสนทนาใหม่ อธิบายโครงสร้างโปรเจกต์ให้ฟังตั้งแต่ต้น และแปะ error เต็ม ๆ ถ้ายังไม่ได้ ให้ลองสั่งเครื่องมืออีกตัว เช่น ติดที่ Claude Code ก็ลอง Codex หรือ Cursor เพราะแต่ละตัวมองปัญหาต่างกัน

สรุป

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