บันทึกเขียนเว็บงาน Siriraj Open House 2020 [2]

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

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

ช่วงวันใกล้ๆ เริ่มงานก็ไปฟังบรีฟงานเรื่อยๆ แต่ก็ยังคิดไม่ออกว่าต้องเตรียมอะไรล่วงหน้าบ้างก่อนวันจริง ก็เลยทำแค่ตามที่คนอื่นเค้าสั่งๆ ไป

พอถึงวันจริง ปกติถ้าเป็นงานอื่นๆ โค้ดก็คงนิ่งแล้ว รอ monitor อย่างเดียว แต่อันนี้คือยังแก้ได้ไม่ถึงไหนเลย ตอนใกล้ๆ เริ่มงาน เริ่มห่วง traffic ว่าจะมีคอขวดตรงไหนมั้ยเพราะน้องน่าจะเข้ากันมาเยอะ เป็นหลักพันคนได้ งานนี้มันเน้น real-time ถ้าเว็บเราช้า delay ไปมันก็จะอัพเดทไม่ค่อยตรงกับ live

Traffic วันนั้น peak ที่สุดคือตอนควิซสุดท้าย ประมาณ 300 requests/min

พอ live เริ่ม แรกๆ ก็ยังดูเรียบร้อยดี traffic ก็เยอะมาก แต่ไม่ได้มีปัญหาเว็บช้าหรือล่ม แต่พอเริ่มเปิดควิซแรกเท่านั้นแหละ กดผิดอัน! 😅 ผลก็คือทำให้เราต้องรีบตัดกลับไปควิซที่ถูก ซึ่งมันก็เลยมีปัญหากับน้องที่เข้าควิซไปแล้ว เพราะจะโดนเด้งไปควิซถัดไปและถือว่าส่งควิซอันนี้ไปแล้ว ตอนนั้นคิดว่าน่าจะโดนกันไม่กี่คนมั้งไม่น่าเป็นไร แต่ก็ลองไปเขียนโค้ด query รันดู พบว่ามี 900 กว่าคน 😱 ก็เลยต้องรีบกลับมาแก้ จำได้ว่าตอนนั้นเป็นอะไรที่ตื่นเต้นและกดดันในการเขียนโค้ดที่สุดตั้งแต่ที่เคยทำมา ยิ่งกว่าตอนแข่งตอนม.ปลายอีก คือต้องแก้ database ลบข้อมูลให้ทุกคนที่โดนเด้งว่าส่งแล้วให้น้องๆ กลับมาทำใหม่ได้ทัน ซึ่งมันต้องทำให้เสร็จก่อนควิซสองจะเปิด คือประมาณ 15 นาที โดยที่เราไม่เคยเตรียมอะไรมาก่อนเลยว่าจะมีแบบนี้

แต่สุดท้ายงานก็จบลงด้วยดี แต่ยังมีเรื่องที่ต้องทำเกียรติบัตรให้น้องๆ ผู้เข้าร่วมงาน ซึ่งเราก็พยายามหา library ใช้ก็ไปเจอ pdf-lib ถึงจะยังใหม่และดูคนใช้ยังไม่ค่อยเยอะ แต่มันเป็นอันเดียวที่แก้ไข pdf ได้ คือเพื่อนส่งไฟล์เกียรติบัตรมาให้เราเป็น pdf แล้วเราก็เลยจะเอา pdf นี้มาแก้โดยการเติมชื่อไปทีละคนๆ ตอนทดลองทำชื่อเพื่อนก็ออกมาเหมือนจะดี แต่พอใช้จริงอัพขึ้นเว็บไปแล้ว มีน้องๆ ทักมาในเพจว่าตัวอักษรมันเด้ง ก็เลยไปนั่งงมอีกรอบว่าทำอะไรผิด จนพบว่ามันจะมีปัญหา render ตอนที่จะต้องมีคำที่เป็นตัวสระกับวรรณยุกต์อยู่ด้วยกันมันจะมีเว้นวรรคเกินมาทุกครั้ง ก็เลยคิดว่าปัญหาอยู่ที่ตัว library อาจจะเพราะยังไม่เคยมีคนไทยมาทำจริงจังไรงี้ เลยไปงมโค้ดตั้งแต่ต้นทางเลยเผื่อจะเจอที่ที่พอจะซุยๆ ได้จะได้ไม่ต้องลำบากหา library อันใหม่ แต่กลายเป็นว่ายิ่งอ่านยิ่งงงเพราะ concept ของ pdf มันซับซ้อนกว่าที่เราคิดไว้แต่แรกเยอะ แต่สุดท้ายไปเจอคนที่มีปัญหาประมาณนี้เหมือนกัน (แต่เป็นภาษาอื่น) เค้าก็แก้ได้ด้วยการ embed font เป็นแบบ subtype แทนซึ่งก็ไม่เข้าใจเหมือนกันว่ามันช่วยได้ยังไง (ใครรู้สอนที) ตอนนี้ก็เลยแก้ปัญหาเว้นวรรคได้แล้ว เหลืออยู่ที่เดียวคือเรื่องไม้โทกับสระอำ ที่มันจะขึ้นสลับลำดับกัน แต่คิดว่าน่าจะเป็นปัญหาของตัว library เอง มั้ง คงแก้อะไรไม่ได้จริงๆ ถ้ามีน้องขอมาให้แก้จริงๆ (ซึ่งมี เยอะด้วย) ก็คงจะต้อง edit pdf แบบ manual แล้ว

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

จบงานนี้ไปแล้วก็ยังคงหวังเหมือนเดิมว่าจะทำงานเว็บเป็นงานสุดท้ายแล้ว จะได้กลับไปเรียนแบบ 200% ได้เหมือนเดิม ทุกวันนี้ก็ยิ่งไม่ค่อยจะรอดเท่าไหร่อยู่