ตรวจงานเว็บไซต์: 32 นาทีจาก prompt เดียว แล้วสั่งแก้

ตอนนี้จาก prompt เดียวของเรา รันไป 31 นาทีแล้วยังไม่เสร็จครับ วันนี้จริง ๆ เป็นวันแรกที่ผมลองใช้ Opus 5

มันตรวจงานตัวเองก่อนส่ง

จากที่นั่งดูมันทำอยู่ ตอนนี้มันกำลัง verify สิ่งที่ทำไปครับ คือมันเปิดเบราว์เซอร์แล้ว take snapshot ออกมาเป็นไฟล์ .png เห็นเลยว่ามี snapshot บน mobile ด้วย มัน snapshot ดูทุกที่ แล้วก็แก้ให้ทุกอย่างออกมาดี 100%

สุดท้ายจบที่ประมาณ 32 นาที ใช้ไปประมาณ 48k token แล้วมันบอกให้เปิดไฟล์ index.html ดูได้เลย

วิธีเปิดก็เหมือนเดิมครับ copy path แล้วเอาไปเปิดในเบราว์เซอร์

ผลลัพธ์: บอกเลยว่าโคตรดี

ลองดูการจัด layout ครับ มีหน้าที่กิน ที่เที่ยว ที่พัก มีส่วน "หมุดใหม่" ที่โชว์ 4 ที่ที่เพิ่งไปมา

หน้าที่กินสามารถกรองตามจังหวัดได้ด้วย ว่าจังหวัดไหนบ้าง แล้วก็แสดงสถานที่ที่เราไปกินมา

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

ตรวจงานแล้วสั่งแก้

พอมันเสร็จ เราก็ตรวจงานครับว่าทำมาดีหรือเปล่า

ผมเจอจุดหนึ่งคือ สระอุกับไม้เอกมันทับกัน ตรงหัวข้อ ซึ่งเป็นปัญหาภาษาไทยตัวเดิมที่เจอตอนทำ branding นั่นแหละ วิธีแก้ง่ายมากครับ copy ข้อความตรงนั้นแล้วส่งให้มันดูเลย บอกไปว่าสระอุกับไม้เอกมันทับกัน ให้ดูให้ดี

อีกอันที่ต้องเช็กคือ Mobile View ครับ ผมเลือกเป็น iPhone แล้วดูหน้าที่กิน ก็ออกมาดีเลย

เว็บนี้เป็นแค่ prototype

ลืมบอกไปครับ คอร์สนี้ไม่ใช่คอร์สสอน vibe code ทำเว็บทำแอปนะครับ ผมเลยสอนแค่ให้ทำเว็บพอได้

เว็บที่ทำเสร็จนี้เป็นคล้าย ๆ prototype / mockup ไว้ก่อน เดี๋ยวเราจะไปทำ flow ทำคอนเทนต์ของเราก่อน พอได้คอนเทนต์แรกแล้วค่อยกลับมา deploy ขึ้นเว็บจริง เพื่อจะได้ส่งลิงก์ให้เพื่อน ๆ ดูได้

pakmut.com เป็นโดเมนจริง

เดี๋ยวคุณจะได้เห็น pakmut.com จริง ๆ ครับ โดเมนนี้ผมจองไว้แล้ว

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