ลองใช้ Claude Code สร้างเว็บสองภาษา จากสั่งงานถึงขึ้นจริง 22 นาที

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

โจทย์ที่ใช้ลอง

• เว็บแนะนำงานและบทความไอที เป็น static site ด้วย Astro 5
• สองภาษา ไทยเป็นหลัก อังกฤษอยู่ใต้ /en/
• ขึ้นบนเซิร์ฟเวอร์ Ubuntu ที่มีเว็บอื่นรันอยู่แล้ว ใช้ nginx ร่วมกัน
• คำสั่งแรกเป็นภาษาพูดประโยคเดียว ประมาณว่า “ทำหน้าเว็บอีกเว็บไว้ให้ความรู้ไอที โปรแกรม ความปลอดภัย ทำเป็นบทความ”

ไทม์ไลน์จริง

เวลา (8 ต.ค.)	เกิดอะไร
13:40	สั่งงานประโยคแรก
13:49	เว็บภาษาไทยขึ้นจริงที่ 6amdev.com พร้อม SSL (commit แรก 26 ไฟล์)
13:54	ขอเพิ่มเป็นสองภาษา
14:02	เว็บไทย-อังกฤษขึ้นจริง พร้อมรูปสำหรับแชร์และ security headers

รวม 22 นาที จากประโยคแรกถึงเว็บสองภาษาที่เปิดได้จริง

ทำไมเร็วขนาดนั้น

ตัวเลข 22 นาทีดูน่าตื่นเต้น แต่ถ้าไม่บอกส่วนที่เหลือจะเข้าใจผิด

1. ระบบบทความทำไว้แล้ว เช้าวันเดียวกันใช้เวลาราว 45 นาที ทำระบบบทความให้อีกเว็บ (fxboat.com) มีหมวด ระดับ เส้นทางเรียน สารบัญ และ FAQ พอเริ่มเว็บนี้ AI ยกระบบนั้นมาใช้ได้เลย
2. เซิร์ฟเวอร์พร้อมอยู่แล้ว nginx และ certbot ติดตั้งไว้ก่อน งานที่เหลือคือเพิ่มเว็บอีกหนึ่งเว็บ
3. กติกาอยู่ในไฟล์ แต่ละโปรเจกต์มีไฟล์ CLAUDE.md บอกว่า deploy ยังไง ห้ามแตะอะไร และต้องเช็คอะไรก่อนบอกว่าเสร็จ AI อ่านไฟล์นี้ทุกครั้งที่เริ่มงาน

ความเร็วมาจากของที่เตรียมไว้ AI ทำหน้าที่ประกอบของพวกนั้นให้เร็ว

ถ้านับเวลาทำระบบบทความด้วย ตัวเลขจริงคือประมาณ 1 ชั่วโมงเศษ ซึ่งก็ยังเร็วกว่าทำเองมาก

ตรงไหนที่คนยังต้องทำ

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

ข้อมูลส่วนตัว AI ไม่เดาช่องทางติดต่อ แต่ใส่ข้อความ [ไลน์ไอดี] ไว้ และตั้งให้ Google ยังไม่เก็บเว็บจนกว่าจะได้ข้อมูลจริง แบบนี้ถูกแล้ว แต่ก็แปลว่าเว็บยังไม่เสร็จ 100% ถ้าเจ้าของยังไม่ให้ข้อมูล

การตรวจบนจอจริง เจอปัญหาที่ดูโค้ดแล้วไม่เห็น ต้องเปิดดูหน้าจอ เช่น

• คำทับศัพท์ภาษาไทยในหัวข้อใหญ่ถูกตัดกลางคำ อย่าง “คลาวด์”
• หัวข้อภาษาอังกฤษยาวเกินจอมือถือกว้าง 375px
• ไม้ยมก (ๆ) ตกไปอยู่ต้นบรรทัดใหม่

AI เจอปัญหาพวกนี้เองตอนเปิด preview ที่ความกว้างมือถือ แต่มันเปิดดูเพราะในไฟล์กติกาเขียนไว้ว่า “ก่อนบอกว่าเสร็จ ต้องดูที่ 375px ทั้งสองภาษา” ถ้าไม่มีบรรทัดนี้ ก็ไม่แน่ว่ามันจะดู

สิ่งที่สะดุด

• เปิดงานผิดโฟลเดอร์ session เริ่มจากโปรเจกต์อื่น ทำให้ตัวเปิด preview หาค่าตั้งของเว็บนี้ไม่เจอ ต้องเพิ่มค่าตั้งให้
• script ยาวพังกลางทาง คำสั่งแก้หลายไฟล์ที่ส่งผ่าน shell ทีเดียวพังเพราะเครื่องหมายคำพูด AI เปลี่ยนไปเขียนเป็นไฟล์ script ก่อนแล้วค่อยรัน ซึ่งเชื่อถือได้กว่า

ทั้งสองเรื่องเสียเวลาไม่กี่นาที แต่บอกว่า AI ไม่ได้ทำถูกตั้งแต่ครั้งแรกทุกครั้ง มันแค่แก้ตัวเองได้เร็ว

ตัวเลขสรุป

เวลาจากสั่งงานถึงสองภาษาขึ้นจริง	22 นาที
ไฟล์ใน repo	50 ไฟล์
โค้ดและเนื้อหา (ไม่นับไฟล์ lock)	ประมาณ 4,000 บรรทัด
หน้าเว็บที่ build ออกมา	19 หน้า (ก่อนเพิ่มส่วนบันทึกทดลอง)

สรุป: ใช้ต่อ

ใช้ต่อแน่นอน โดยเฉพาะงานที่มีแบบแผนชัด เช่น เว็บ static, deploy ซ้ำ ๆ และงานที่มีของเดิมให้ต่อยอด

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