เว็บกิจกรรมมีโจทย์ไม่เหมือนเว็บทั่วไป
คนเปิดเว็บงานมักอยากรู้ข้อมูลเฉพาะหน้า เช่น งานมีอะไร ไปที่ไหน และจะเตรียมตัวยังไง ถ้าต้องคลิกหลายรอบกว่าจะเจอรายละเอียด ก็เสียจังหวะตั้งแต่ยังไม่มาถึงงาน ทีมจึงต้องจัดข้อมูลให้ตามหาได้ง่าย และรองรับทั้งคนอ่านภาษาไทยกับอังกฤษ
นี่เป็นโปรเจกต์ร่วมทีม ผมไม่ขอแยกเคลมว่าส่วนไหนเป็นของผมคนเดียว สิ่งที่เล่าด้านล่างคือแนวทางและความสามารถที่ตรวจได้จากซอร์สของทีมครับ
ภาษาไม่ใช่แค่ปุ่มสลับ
ตัวเว็บมีข้อความสองภาษาและตัวเลือกสลับภาษา แต่เรื่องที่สำคัญกว่าคือการจำตัวเลือกของผู้ใช้ เมื่อเปลี่ยนหน้าแล้วไม่ควรต้องเลือกใหม่ทุกครั้ง ในโค้ดมีทั้งการตรวจภาษาที่เบราว์เซอร์ต้องการและการเก็บการเลือกภาษาไว้ เพื่อให้หน้าแรกกับหน้าถัดไปมีพฤติกรรมต่อเนื่องกัน
เนื้อหาแยกตามภาษาในโครงสร้างที่ทีมแก้ไขต่อได้ ไม่ต้องคัดลอกทั้งหน้าเว็บสองชุด
ผู้เข้าชมเปลี่ยนภาษาแล้วเว็บพยายามใช้ภาษานั้นต่อในหน้าถัดไป แทนการเดาจากเบราว์เซอร์ทุกครั้ง
โปรเจกต์ใช้ Astro และ TypeScript พร้อมการเผยแพร่ผ่าน Cloudflare Pages
โค้ดอยู่ใน repository ของทีม จึงเปิดให้เห็นโครงสร้างและตรวจสอบวิธีทำได้จริง
สิ่งที่ได้กลับมาจากงานนี้
สำหรับเว็บอีเวนต์ ช่วงที่คนเข้าพร้อมกันและเวลาที่ข้อมูลเปลี่ยนใกล้วันงานสำคัญมาก โครงสร้างเนื้อหาจึงต้องแก้ง่ายและคาดเดาได้ การทำกับทีมยังบังคับให้คุยเรื่องขอบเขตงาน รูปแบบข้อมูล และจังหวะปล่อยเว็บให้ชัดกว่าตอนทำโปรเจกต์คนเดียว
หมายเหตุ: Open House 2025 เป็นกิจกรรมที่ผ่านมาแล้ว ลิงก์เว็บอาจเปลี่ยนหรือถูกเก็บถาวรตามการดูแลของทีม โปรดดูประกาศปัจจุบันจากผู้จัดงานหากกำลังหาข้อมูลกิจกรรมปีใหม่ครับ
ดูงานของทีม
ซอร์สโค้ดเป็นหลักฐานที่ตรงที่สุดสำหรับการดูโครงสร้างและวิธีจัดการสองภาษาครับ
เปิดซอร์สโค้ดทีม