Wedding Website
แขกพิมพ์ชื่อ แล้วก็เจอที่นั่งของตัวเอง
ลูกค้าส่วนตัว · 2026
เว็บไซต์สำหรับงานแต่งงานของลูกค้าส่วนตัว แขกที่เข้ามาแค่พิมพ์ชื่อตัวเอง แล้วเว็บ จะโชว์ให้เห็นเลยว่านั่งโต๊ะไหน ที่ไหน บนผังห้อง
ลองใช้
ตัวอย่างที่ลองเล่นได้คู่บ่าวสาวมีรายชื่อแขกที่เปลี่ยนไปเรื่อยๆ จนถึงสัปดาห์สุดท้ายก่อนงาน และไม่อยาก เสียเวลาเรียนรู้เครื่องมือใหม่มาจัดการมัน สิ่งที่ผมสร้างต้องให้เขาแก้รายชื่อด้วย วิธีที่ทำอยู่แล้ว — ในสเปรดชีต — แล้วให้เว็บไซต์ตามให้ทันเอง มันยังต้องใช้งานได้ บนมือถือ ที่งาน บนสัญญาณเน็ตที่ไม่เสถียร สำหรับแขกที่ไม่เคยเห็นเว็บนี้มาก่อน
คู่บ่าวสาวเก็บรายชื่อแขกไว้ใน Google Sheet เหมือนที่ทำอยู่แล้ว เว็บไซต์ดึงข้อมูล จากชีตนั้นโดยตรง พอแก้ชีตปุ๊บ เว็บก็อัปเดตตาม โดยไม่ต้องมีใครไปแตะเว็บไซต์เลย แขกแค่พิมพ์ชื่อลงในช่องเดียว แล้วก็ได้คำตอบทันที
ผมยังทำให้เว็บใช้งานได้ต่อแม้ Google จะล่ม โดยเก็บสำเนารายชื่อแขกล่าสุดไว้เอง แล้วใช้สำเนานั้นแทนการขึ้นข้อความแจ้งข้อผิดพลาด ในวันงานจริง เว็บที่ล่มแย่ยิ่ง กว่าไม่มีเว็บเลย
เบื้องหลังการทำงานสำหรับผู้อ่านสายเทคนิค
รันบน Next.js บน Cloudflare Workers ดีพลอยด้วย wrangler รายชื่อแขกมาจาก
Google Sheet ที่เผยแพร่ไว้ อ่านเป็น CSV ตอนบิลด์และตามตารางเวลา มี
snapshot.json commit ไว้เป็นทางสำรองเวลาดึงข้อมูลไม่สำเร็จ — เว็บจะตกไปใช้
ข้อมูลเก่าแต่ยังถูกต้อง แทนที่จะขึ้น error การจับคู่ชื่อทำ normalize ทั้งตัวพิมพ์
เล็ก-ใหญ่ ช่องว่าง และการสะกดชื่อเดียวกันด้วยภาษาไทย/อังกฤษ ตำแหน่งที่นั่งกำหนด
ครั้งเดียวผ่านเครื่องมือ calibration ที่ใช้เฉพาะตอนพัฒนา ซึ่งแมปพิกัดโต๊ะเป็น
สัดส่วนของภาพผังงาน ทำให้ผังยังใช้ได้แม้เปลี่ยนรูปสถานที่จัดงาน การเข้าถึงมีรหัส
กำกับใน URL เพื่อไม่ให้รายชื่อแขกถูกไล่ดูได้จากภายนอก และชุดทดสอบครอบคลุมการ
อ่านค่า CSV การจับคู่ชื่อ และกลไกสำรองจาก snapshot
ตัวอย่างด้านบนสร้างขึ้นใหม่ด้วยรายชื่อแขกสมมติ เว็บไซต์จริงมีชื่อและที่อยู่จริง ของแขก จึงไม่ฝังไว้ที่นี่