หากย้อนกันสัก 10ปี ที่แล้ว การเขียนเว็บไซต์อาจต้องใช้เวลากันเป็นวัน ๆ เขียนโค้ดเยอะเต็มไปหมดทั้ง html,css,Javascript ต้องเป็น Dev ระดับเทพ สำหรับวันนี้คุณลืมภาพนั้นไปก่อน เพราะตอนนี้ Gemini3 สามารถช่วยสร้าง Static Web ได้ภายใน 1 นาที เพียง Prompt เดียวเท่านั้น เหมาะมากทั้งมือใหม่ที่กำลังหัดเขียนเว็บ หรือมือเก๋าก็ช่วยประหยัดเวลาไปได้เยอะ ส่วนรายละเอียดจะเป็นอย่างไร มาดูไปพร้อม ๆ กันได้เลย!
Static Web คืออะไร ขอสั้น ๆ
Static Web คือหน้าเว็บไซต์เดียวแบบตายตัว ไม่มีการตอบโต้หรือการเรียกข้อมูลจาก database ข้อมูลเว็บจะถูกเขียนอยู่ในไฟล์รูปแบบ html,css,Javascript ทั้งหมด ข้อดีคือ โหลดเร็ว ดูแลปรับปรุงง่าย เหมาะสำหรับการนำเสนอข้อมูลที่ไม่ซับซ้อนมาก
Gemini3 Prompt
ผมได้จำลองร้านขายไก่ทอดขึ้นมาโดยใช้ชื่อแบรนด์ว่า “หอมไก่ทอด” เพื่อเป็นการทดลองเจ้า Gemini3 ให้ช่วยเขียนเป็น Static Web ขึ้นมา โดยในหน้าเว็บจะเล่า Storytelling สั้น ๆ ของแบรนด์ หอมไก่ทอด สั้น ๆ ว่ามีความเป็นมาอย่างไร
ตัวอย่างหน้าเว็บ
Prompt ครั้งเดียวแบบไม่แก้ไขใดๆ เลย เพื่อให้เพื่อน ๆ เห็นว่า Gemini3 มีประสิทธิภาพมากขนาดไหน
โดย Prompt ที่ผมใช้คือ
คุณคือ Web developer มืออาชีพทำ Website ได้ทุกรูปแบบ ช่วยออกแบบ Static Website หน้าเดียวใช้สำหรับเล่า storytelling แบรนด์ หอมไก่ทอด
โดยออกแบบโครงสร้างตามไฟล์รูปที่แนบ
ส่วน Section Hero | ให้สร้างรูปภาพน่องไก่ทอดวางอยู่บนเขียงไม้ โรยด้วยหอมเจียว และ มีเครื่องปรุง เครื่องเทศ วางรอบ ๆ โดยให้ close up น่องไก่ทอดให้เด่นชัด และมีตัวหนังสือใรกรอบ “สูตรลับ หอมไก่ทอด”
text ส่วนกลาง สูตรไก่ทอดของบ้านนี้เริ่มต้นตั้งแต่สมัยคุณปู่ – ชายที่เชื้อว่า “กลิ่นหอมคือหัวใจของอาหารดี” เขาหมักไก่ด้วยสมุนไพรไทยที่ปลูกเองหลังบ้าน ตั้งแต่ข่า ตะไคร้ กระเทียมไทย ไปจนถึงพริกไทยเม็ดดำสดๆ แล้วใช้วิธีทอดแบบเฉพาะตัว ที่ทำให้หนังกรอบหอมฟุ้งทุกครั้งที่อุ่นกระทะขึ้นไฟ
Section ล่าง ให้สร้างรูปภาพ ชิ้นส่วนของไก่ทอด กำลังทอดอยู่ในกระทะมุม top view ให้เป็นจุดเด่น และมีอุปกรณ์เครื่องเคียงวางรอบๆ
เพิ่มเติม blog text เขียน หอมไก่ทอดก่อนใคร และให้มีปุ่ม ซื้อเลย! และเพิ่ม Event Javascript / fade / bounce / Grow เป็นลูกเล่นด้วย CI สีเน้น #be008f / #1e4c0e
ผมใช้ Prompt ค่อนข้างยาวเพื่อให้รายละเอียด Gemini3 ให้ทำงานง่ายขึ้น ซึ่งต้องบอกเลยว่าตรงคำสั่งกว่า 90% มีแค่ส่วนรูปภาพที่อาจจะคาดเคลื่อนไป ซึ่งเราสามารถแก้ไขได้รู้ code html นิดหน่อยก็แก้ได้แล้ว ดูstatic-webหอมไก่ทอดเต็มๆได้คลิ๊กเลย!
ด้วยความฉลาดและเร็วขนาดนี้ของ Gemini3 สามารถสร้างเว็บได้ไม่ถึง 1 นาที พร้อมชุดโค้ดที่ทรงพลัง เพียงบอกความต้องการของเราให้ชัดเจนพี่ Gemini3 ก็จัดให้เราหมด บอกได้คำเดียวว่าโลก Web developer จะไม่เหมือนเดิมอีกต่อไป
