กินไรดี — ให้ดาวช่วยเลือกเมนู
จากคำถาม “กินไรดี” และคำตอบ “อะไรก็ได้” ที่เสนอเมนูไหนก็ยังไม่ลงตัว ผมเลยทำเว็บให้ดาวช่วยเสนออาหารและรับหน้าที่งอนแทน ไว้ใช้เองและเปิดให้คนอื่นใช้ด้วย
ภาพหน้าจอจากเว็บไซต์ kinraidee.thonglak.com
- เว็บไซต์
- kinraidee.thonglak.com
- ปัญหา
- คำตอบ “อะไรก็ได้” ไม่ได้ช่วยให้เลือกง่ายขึ้น เมื่อเสนอเมนูไปเท่าไรก็ยังไม่ลงตัว จากเรื่องกินข้าวจึงกลายเป็นเรื่องงอนกัน
- บทบาท
- คิดและพัฒนาโปรเจกต์ไว้ใช้เอง พร้อมเปิดให้คนอื่นใช้งาน
- วิธีทำ
- ใช้ AI Agent ช่วยพัฒนาเว็บและเพิ่มเมนู เก็บโค้ดบน GitHub และเผยแพร่ผ่าน Cloudflare Pages พร้อมใช้ n8n จัดการงานสร้างภาพอาหารและส่งภาพกลับเข้า GitHub
- ผลลัพธ์
- ใช้เวลาทำเว็บ 1 วัน ได้เครื่องมือช่วยเลือกอาหารไว้ใช้เองและเปิดให้คนอื่นเข้ามาใช้งานได้
ปัญหาระดับชาติที่ชื่อว่า “กินไรดี”
ผมมองว่าคำถาม “กินไรดี” เป็นปัญหาระดับชาติเลยก็ว่าได้ แต่ส่วนที่ยากจริง ๆ คือคำตอบที่ตามมาว่า “อะไรก็ได้”
ฟังดูเหมือนง่าย จะกินอะไรก็ได้ใช่ไหม แต่พอเริ่มเสนอเมนู ก็พบว่า “อะไรก็ได้” ยังหาเมนูที่ตรงใจไม่เจอสักที เสนอไปเท่าไรก็ไม่ลงตัว จากที่กำลังจะกินข้าว กลายเป็นกำลังจะงอนกันแทน
ผมเลยคิดว่า ภาระนี้ไม่ควรอยู่ที่คนเสนอเมนูคนเดียวแล้ว ให้แอปรับหน้าที่แทนดีกว่า จึงเกิดเป็นโปรเจกต์ กินไรดี ทำไว้ใช้เอง และเปิดให้คนอื่นที่เจอปัญหาเดียวกันเข้ามาใช้ด้วย เผื่อจะได้เลือกข้าวก่อนมีใครงอน
หน้าที่ของเราคือเลือกแนวที่อยากกิน ส่วนหน้าที่เสนอเมนูยกให้ “ดาว” ถ้าเสนอแล้วยังไม่ถูกใจ คราวนี้ก็ให้ดาวงอนแทน อย่างน้อยคนถามกับคนตอบจะได้พักรบแล้วหันมาช่วยกันง้อดาวก่อน
เลือกแนวที่อยากกิน แล้วค่อยสุ่ม
ตัวกรองแบ่งตามประเภทอาหารและภูมิภาค มีทั้งอาหารไทย อาหารนานาชาติ และของหวาน รวมถึงตัวเลือกอย่างข้าว เส้น เผ็ด ไม่เผ็ด เบา อิ่ม ประหยัด และพิเศษ
เว็บเสนอครั้งละไม่เกิน 3 เมนู และไม่เสนอเมนูเดิมซ้ำในรอบการเลือกเดียวกัน แต่ละเมนูมีคำอธิบายสั้น ๆ ให้พิจารณาก่อนกดเลือก หากยังไม่ถูกใจ ก็สุ่มต่อได้จนครบ 3 รอบ แล้วเริ่มเลือกแนวใหม่
ให้ดาวช่วยคิด
“ดาว” เป็นตัวละครที่อยู่ข้างผู้ใช้ระหว่างเลือกอาหาร มีทั้งท่าทักทาย ดีใจเมื่อเลือกเมนู และงอนเมื่อสุ่มครบแล้วยังตัดสินใจไม่ได้ ปุ่มเริ่มใหม่จึงใช้การง้อดาวเป็นจังหวะชวนกลับมาทบทวนว่าอยากกินแนวไหน
จำแนวที่ไม่อยากกินไว้ในเครื่อง
ผู้ใช้กดข้ามแนวอาหารที่ไม่สนใจได้ เว็บจะจำภูมิภาคที่ข้ามไว้ในเบราว์เซอร์และไม่นำมาเสนอในการสุ่มครั้งถัดไป นอกจากนี้ยังบันทึกเมนูที่เลือกไว้ในอุปกรณ์ และมีปุ่มล้างความจำเพื่อเริ่มใหม่ได้
จากไอเดียสู่เว็บที่ใช้งานได้ใน 1 วัน
โปรเจกต์นี้ผมใช้เวลาทำ 1 วัน จากปัญหาที่เจอเวลาจะกินข้าว กลายเป็นเว็บที่เปิดใช้เองและส่งให้คนอื่นลองใช้ได้ ผมเป็นคนคิดแนวทางและสั่งงานผ่าน AI Agent ให้ช่วยพัฒนาเว็บ ปรับรายละเอียด และเพิ่มเมนูอาหาร
ผมเก็บโค้ดและไฟล์ของโปรเจกต์ไว้บน GitHub และใช้ Cloudflare Pages เผยแพร่เว็บ เมื่ออัปเดตโค้ดหรือรูปอาหารเข้า GitHub การเปลี่ยนแปลงก็ถูกนำไปสร้างและเผยแพร่บนเว็บต่อ
ส่วนภาพอาหาร ผมใช้ AI Agent ทำงานร่วมกับ n8n เพื่อจัดการขั้นตอนอัตโนมัติ ตั้งแต่ตรวจว่าเมนูไหนยังไม่มีภาพ ส่งคำสั่งให้ AI สร้างภาพประกอบ แล้วบันทึกภาพกลับเข้า GitHub เพื่อให้เว็บนำไปแสดงได้ โดยกำหนดจำนวนภาพและงบประมาณของการสร้างไว้ในกระบวนการด้วย
การเพิ่มเมนูและภาพจึงเป็นอีกส่วนที่ผมสั่งงานผ่าน AI Agent ได้ โดยมี n8n ช่วยรับงานสร้างภาพที่ต้องทำต่อเนื่อง ส่วนผมคอยกำหนดว่าอยากเพิ่มอะไรและตรวจสิ่งที่ได้กลับมา
สรุปว่าเรื่องคิดเมนูก็ให้ดาวช่วย เรื่องทำเว็บและเติมภาพก็มี AI Agent กับ n8n ช่วยอีกแรง เหลือหน้าที่สำคัญให้คนใช้อย่างเดียวคือ เลือกให้ได้ก่อนดาวงอน
