Tokyo Stop COVID-19 Website is Magic!

Tokyo Stop COVID-19 Website is Magic!

ผมได้เห็นข่าวเกี่ยวกับเว็บไซต์การให้ข้อมูลอย่างเป็นทางการของโตเกียวเมื่อเช้านี้ ในช่วงที่สถานการณ์ข่าวสารของ COVID-19 สร้างความวิตกกังวลสำหรับผู้คนในสังคมเป็นอย่างมาก เรื่องนี้เป็นเรื่องดี ๆ เรื่องหนึ่งที่เกิดขึ้นในช่วงเวลาวิกฤตที่อย่างน้อยก็ทำให้รู้สึกว่าชีวิตยังมีหวังขึ้นมาบ้าง

https://stopcovid19.metro.tokyo.lg.jp/

เว็บไซต์ 東京都 新型コロナウイルス対策サイト (New Tokyo Coronavirus Countermeasures) ที่เริ่มต้นโดย Tokyo Metropolitan Government เปิดขึ้นมาเมื่อวันที่ 4 มีนาคม 2020 มีจุดประสงค์ที่จะเผยแพร่ข้อมูลเกี่ยวกับ COVID-19 ซึ่งกลายเป็นหัวข้อที่ถูกพูดถึงเป็นอย่างมากในโลกออนไลน์

ทำไมเว็บนี้ถึงน่าสนใจ?

ถ้าพูดถึงเว็บไซต์อย่างเป็นทางการของภาครัฐ คงต้องนึกถึงการจัดซื้อจัดจ้าง ประกวดราคาก่อนอย่างแน่นอน แต่ในกรณีนี้เป็นสิ่งที่ไม่ได้เกิดขึ้นบ่อย เว็บไซต์นี้เริ่มต้นแบบ open source และเปิดเผย source code บน GitHub และทุกคนสามารถเข้าร่วมไปช่วยพัฒนาได้อีกด้วย

วัตถุประสงค์ของเว็บนี้มีเพื่อสื่อสารข้อมูลและตัวเลขอย่างเป็นทางการจากโตเกียว ในรูปแบบที่เข้าใจได้ง่าย ประชาชน องค์กร บริษัทต่าง ๆ ที่อยู่ในโตเกียว นักท่องเที่ยวที่มาโตเกียวสามารถทำความเข้าใจสถานการณ์ปัจจุบัน และเตรียมตัวได้อย่างเหมาะสม

เชื่อหรือไม่ว่า เว็บไซต์ทางการนี้ใช้เวลาสร้างเพียงแค่ 4 วันเท่านั้น! โดยมีรองผู้ว่าฯ คุณ Manabu Miyasaka (อดีตประธานบริษัท Yahoo) และผู้ว่าการเมืองโตเกียว คุณ Yuriko Koike ทวีตแนะนำเว็บไซต์นี้

ข่าวนี้ได้แพร่กระจายไปอย่างรวดเร็วทาง twitter ทำให้ developer ตื่นเต้นและให้ความสนใจเป็นอย่างมากในแนวคิดนี้

นอกจากนั้นแล้วได้รับการสนับสนุนจากกลุ่ม Code for Japan โดยมีคุณ Seki (@hal_sk) เป็น development manager ให้กับโปรเจ็กนี้ อ่านรายละเอียดเพิ่มเติมได้ที่หน้า How to contribute และ Principle

มีกระแสตอบรับอย่างไรบ้าง?

  • ภาพลักษณ์เชย ๆ ของทางการเปลี่ยนแบบ 180 องศาเลย เป็นไปได้ยังไงแค่ 4 วันเท่านั้น เร็วมาก
  • เป็นการเปิดเผยข้อมูลของภาครัฐที่ทุกคนสามารถเข้ามามีส่วนร่วมได้
  • ระบบอำนาจการสั่งการแบบเดิม ๆ ไม่ได้ถูกนำมาใช้ในการพัฒนาเว็บนี้ ทุกคนสามารถมีส่วนร่วมพัฒนาด้วยเจตนาดี เพื่อทำให้สิ่งนี้ดียิ่งขึ้นได้
  • ปกติแล้วเว็บทางการจะดูเชย ๆ โบราณ ๆ แต่เว็บนี้ใช้เทคโนโลยีใหม่ล่าสุด
  • developer ที่มีส่วนร่วมในการพัฒนา ทำโดยสมัครใจ ไม่ได้รับค่าตอบแทน
  • developer สามารถมารวมตัวกันในยามที่บ้านเมืองวิกฤต และใช้ความรู้ความสามารถที่มี ทำเพื่อสังคมส่วนรวม

ใช้ Technology อะไรบ้าง?

  • Nuxt.js : Javascript Framework for SPA (Single Page Application)
  • Yarn / Docker : Install dependencies (setup environments)
  • Netlify : Automated Deployment between development-staging-production
  • GitHub : Source Control

Design Collaboration ก็มา

ดีไซเนอร์ก็เข้ามามีส่วนร่วมในโปรเจ็คนี้ด้วยการช่วยกันออกแบบผ่าน Figma สามารถเข้าไปดูกันได้ที่ https://www.figma.com/file/V7vt80p2gauhdgTZeVNbgj/UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=121%3A156

มี Design System ด้วยนะ
Components ต่าง ๆ ที่ใช้ในเว็บ

นี่เป็นเพียงจุดเริ่มต้นด้วยเวลาไม่ถึงสัปดาห์ แต่คนที่มีความรู้ความสามารถในด้านเทคโนโลยีเว็บได้มีส่วนร่วมให้สิ่งนี้เกิดขึ้นได้จริง ทำให้เห็นถึงพลังของ Open Source และความร่วมมือร่วมใจกัน หวังว่าเรื่องนี้จะเป็นแสงสว่างเล็ก ๆ ในช่วงเวลาที่ยากลำบากของทุกคนในตอนนี้ แล้วเราจะผ่านมันไปด้วยกัน 🙂

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.