Case study / Education / Web
English Reader.
อ่านเรื่องสั้นระดับคำศัพท์ 3,000 คำ มีเสียงอ่าน กดที่คำไหนก็ขึ้นคำแปลไทย และมีเกมจับคู่คำศัพท์ทบทวนท้ายบท
The thinking behind it
Built for a
real problem.
The problem & approach
ทำขึ้นเพราะสื่อฝึกภาษาอังกฤษส่วนใหญ่บังคับให้ท่องศัพท์เป็นลิสต์ ทั้งที่คนจำคำได้ดีที่สุดตอนเจอมันในบริบท ตัวนี้เลยให้อ่านเรื่องก่อน แล้วค่อยเก็บคำที่ไม่รู้ระหว่างทาง
The solution
อ่านเรื่องสั้นระดับคำศัพท์ 3,000 คำ มีเสียงอ่าน กดที่คำไหนก็ขึ้นคำแปลไทย และมีเกมจับคู่คำศัพท์ทบทวนท้ายบท
Deployment & operations
ทั้ง 5 ตัวรันอยู่บนเครื่องเดียว ใช้ Docker แยก container, Nginx เป็น reverse proxy, SSL ต่ออายุอัตโนมัติด้วย Certbot และมี Grafana + Prometheus เก็บ metrics ของเครื่องกับ container (CPU, RAM, ดิสก์) — นี่คือ stack เดียวกับที่ใช้ตอนรับงานลูกค้า
และขอพูดตรง ๆ ข้อหนึ่ง: ชุด monitoring ข้างบนเก็บ metrics ของเครื่อง ไม่ได้ เช็กว่าแต่ละเว็บยังเปิดอยู่ไหม ซึ่งเป็นคนละเรื่องกัน — งานลูกค้าจะต้องมี uptime check แยกต่างหาก พร้อมแจ้งเตือนเมื่อเว็บล่ม เพราะกราฟ CPU สวย ๆ ไม่ได้แปลว่าเว็บยังตอบ 200