JWCx “Next step Web Thai”— Short Note
หลังจากที่เข้าค่าย YWC จบไปแล้ว ก็ได้เวลาที่จะต้องมาทำค่ายต่อ ซึ่งครั้งนี้เป็นค่าย JWCx โดยมี Concept ว่า “Next step Web Thai”~
เรื่องมันเริ่มมาจาก การที่อยู่ๆตัวเองก็ได้เป็น Head ฝ่าย Developer ซะงั้น จากที่ตอนแรกเป็นลูกทีมอยู่ได้ระยะนึง หน้าที่แรกเลยก็คือการทำ Landing Page ต่อจาก Nattanon Dungsunenarn ที่ทำเสร็จไปประมาณ 20% แล้วไม่ว่างทำต่อ 55 ซึ่งพอรับงานมา ดู Wireframe เสร็จ ก็หัวเราะออกมาเป็นภาษาลาตินแล้วก็นึกในใจว่า
ตรูจะทำได้ไหมฟระเนี่ยเว็บโครตแฟนตาซีเลย
(Note เพิ่มเติม: ความจริงที่ Wireframe ออกมายาก อาจจะเกิดจากการที่ทีม Dev กับ Design ไม่ได้คุยงานกันบ่อยๆ พอเห็น Wireframe + เวลา ก็ปรับเปลี่ยนอะไรไม่ทันแล้ว ไว้คราวหน้าจะต้องคุยงานกันให้มากขึ้น)
บวกกับว่าตอนนั้นมี 3 งาน (ไม่รวมงานค่าย) มาประจบกัน ณ เวลาเดียว ไม่ว่าจะเป็นงานโปรเจคที่มหาลัยซึ่งยังไม่ได้เริ่มทำ งานที่รับมาทำก็ยังทำไม่เสร็จ และอื่นๆอีกเล็กน้อย แต่ก็ตัดสินใจเทงานพวกนี้ไปก่อน เพราะว่างานค่ายนั้นสำคัญกว่าสิ่งอื่นใด 👻(เอาจริงๆคือขี้เกียจ)
และแล้วก็เริ่มลงมือทำเว็บ ซึ่งอีก 3 วันจะต้องเปิดเว็บแล้ว Wireframe ที่เป็นฝั่ง Mobile ก็ยังไม่มี แต่ก็ต้องขอบคุณฝ่าย Design ที่ช่วยทำกันมาให้ตามที่ขอไป สุดท้ายเว็บก็เสร็จตอน 4 ทุ่ม ก่อนวันเปิดรับสมัคร
และแล้วเหตุไม่คาดฝันก็เกิดขึ้น เมื่อโดเมน x.jwc.in.th ใช้งานไม่ได้ (Deploy ขึ้น Netlify) เหมือนจะติดเรื่อง ssl ทับกันอะไรสักอย่าง สาเหตุคาดว่าน่าจะเป็นเพราะเคยใช้ลง Comming Soon ไปก่อนหน้า พอหมดหนทาง ก็เลยทำให้โดเมน jwc.in.th เป็นเว็บแทน จากที่ความจริงแล้วมันต้อง Redirect ไปที่ x.jwc.in.th
จากนั้นก็โยน Cloudflare Account ไปให้ประธานค่ายช่วยเช็ค ช่วยแก้ไขให้ เพราะตอนนั้น ตี 4 แล้ว ง่วงจัด สักพักผลที่ได้ก็คือ เว็บล่ม 😭 เข้าเว็บผ่านโดเมน jwc.in.th ไม่ได้ GG~ สุดท้ายก็ต้องใช้ท่ายากก็คือ ลง Let’s Encrypt ใน Google Cloud แล้วเชื่อม IP กับโดเมน x.jwc.in.th เขียน HTML ให้ Redirect ไปที่หน้า jwc.in.th แทน และสุดท้ายเว็บก็เปิดให้ทุกคนได้เข้ามาดูกัน 😎
สุดท้ายก็ได้หน้าเว็บอย่างที่ทุกคนเห็นหละ ถือว่าเป็นงานที่ท้าทายมากนะ ชีวิตนี้ไม่เคยออกแบบเว็บไหนที่รู้สึกลำบากเท่านี้มาก่อน สนุกดี งานนี้ต้องขอบคุณทีม Design ทุกคนเลยที่ขออะไรไปก็ทำให้ แล้วก็ขอบคุณ Phoomparin Mano ด้วย ที่มาช่วยทำระบบรับสมัครแทน ไม่งั้นคงได้ใช้ Google Form แน่ๆ 😂😂😂
หลังจากนั้นก็ไม่ค่อยมีอะไรเท่าไรละ ก็คือคอยช่วยเหลือทีม เวลาขาดเหลืออะไร และก็เช็คความคืบหน้าของระบบต่างๆ แล้วก็ตรวจคำตอบน้อง ที่จะมาเข้าค่าย
โดยวิธีการของระบบตรวจเราจะปิด ชื่อและหน้าเอาไว้ทั้งหมด เพื่อป้องกันความลำเอียงถ้ามีคนรู้จักสมัครมา คนตรวจจะเห็นแค่คำตอบในส่วนที่ตัวเองรับผิดชอบเท่านั้น จากนั้นพอตรวจเสร็จก็เฉลี่ยคะแนนจากหลายๆฝ่าย และเรียงออกมาตามลำดับคนที่ได้คะแนนมากที่สุด ซึ่งในส่วนของสาขา Programming นั้น ขอบอกเลยว่าแต่ละคนโหดกันมาก บางคนเขียน Flexbox มา บางคนเขียน Javascript มาด้วยก็มี
พอตรวจเสร็จก็เป็นเวลากว่า 5 ทุ่ม 40 นาทีแล้ว เหลือเวลาอีกแปปนึงในการเอาข้อมูลลงเว็บ พอ Deploy เสร็จก็ Live ลงเฟสกัน สุดท้ายวันนั้นไม่ได้กลับบ้านเพราะไม่รู้จะกลับยังไง เลยไปเดินสวนแถวนั้นยันเช้า 🏃🏽 กลายเป็น Homeless 1 วันเต็ม
ส่วนตัวรู้สึกทึ่งมาก คือไม่ได้คาดหวังอะไรแบบนี้มาก่อน ทำให้รู้เลยว่า เด็กเก่งๆในระดับมัธยมก็มีเยอะ แค่บางทีเราอาจจะมองไม่เห็นแล้วคิดกันไปเอง (เพราะว่าตอนอยู่โรงเรียนเก่ามีคนเขียนโปรแกรมเป็นแค่ 2–3 คนเองมั้ง) แล้วส่วนตัวก็อยากสนับสนุนเด็กพวกนี้อยู่แล้วด้วย ยังไงก็ยินดีกับน้องสาขา Programming ทั้ง 12 คนด้วยนะ ดีใจมากที่ได้เจอ~ 🙇🏻กราบบบ
และแล้วก็ถึงวันก่อนค่าย (Day 0) พร้อมกับความกังวลที่ว่า พรุ่งนี้ตรูจะสอนอะไรน้องดีฟระ การบ้านแต่ละคนก็โหดๆทั้งนั้น จะสอน Javascript ก็เดี๋ยวจะไม่ได้ใช้ตอน Workshop เวลาสอนก็มีแค่ 2 ชั่วโมงซะด้วย สุดท้ายก็มองย้อนกลับมาที่จุดประสงค์ที่ก่อนหน้านี้คิดเอาไว้แล้ว นั้นก็คือ
- ความรู้ที่ได้ จะต้องเอาไปใช้ในห้อง Workshop ได้
- ต้องมีกิจกรรม หรือ Workshop เพื่อที่เนื้อหาจะได้ไม่เบื่อจนเกินไป
- อยากให้น้องคุยกัน รู้จักกันเองในสาขาหมดทุกคน หรือเกือบหมดก็ได้
สุดท้ายก็เลยคิดว่าสอนเรื่อง Atomic Design กับ Fundamental of CSS ละกัน เพราะดูจากการบ้าน บางคนก็ยังไม่ได้แน่นเรื่อง Position + HTML Structure อะไรมากขนาดนั้น ก็เลยสอนให้เข้าใจเรื่องพวกนี้นี่หละ จะได้เอาความรู้ไปใช้งานได้ไวๆ (ถ้าดูจากเนื้อหานี่สอนอย่างกับสาขา Design 👩🏻🎤)
และแล้ววันสอนก็มาถึง บอกเลยว่าตื่นเต้นมาก เพราะยังไม่เคยเจอน้องมาก่อนเลย พอน้องเข้าห้องมาก็เริ่มต้นด้วยการ ให้ทุกคนเดินไปหลังห้อง แล้วก็เล่น Ice-breaking กันเลย โดยให้น้องเขียนคำถามที่อยากจะถามเพื่อนลงในกระดาษ 8 คำถามใน 5 นาที เป็นคำถามอะไรก็ได้ จากนั้นฉีกแล้วปาลงพื้นปนๆกันไป แล้วก็ให้น้องหยิบไปถามเพื่อนพร้อมแนะนำตัว โดยกฏมีอยู่ว่าให้ไปถามคำถามกับคนที่ยังไม่ได้ถามเท่านั้น สุดท้ายก็พูดให้เพื่อนฟังว่าประทับใจคำถามอะไรบ้าง ผลสรุปก็คือ น้องคุยกันมากขึ้น จากบางคนที่ไม่คุยกับเพื่อนเลย ก็ได้รู้จักนิสัยของเพื่อนเพิ่มมากขึ้น (ขอบคุณแนวคิดไอเดียเกมนี้จาก ✨ จาบอน ณ แว่นฟ้า อีกที ตอนไปเล่นกันที่ Minicamp)
เสร็จแล้วก็เดินกลับมานั้งเรียนหน้าห้อง เริ่มต้นด้วยการสอน HTML เบื้องต้นก่อน ต่อด้วย Atomic Design ว่าทุกอย่างมันเริ่มจากอะไรเล็กๆนะ แล้วประกอบขึ้นเป็นสิ่งที่ใหญ่ขึ้น อะไรทำนองนี้เสร็จแล้วก็ Workshop Atomic Design ด้วยการจับกลุ่มคิดไอเดีย จากนั้นเขียน Atom -> Molecules -> Organism -> Template จากนั้นเอา Template ไปสร้าง User Journey + Wireframe ออกมา แล้วสุดท้ายก็ Present ให้เพื่อนฟังหน้าห้องอีกที (เดี๋ยวเรื่องตรงนี้อาจจะเขียนเป็นบล็อกแยกให้ฟังอีกที)
หลังจากนั้นต่อด้วย CSS เริ่มจาก Selector ว่า id, class ต่างกันยังไง Position, Display มีอะไรบ้างแล้วต่างกันยังไง ซึ่งในส่วนนี้มีการ Live Coding ลง Codepen.io ให้ดูด้วย ซึ่งตรงนี้ขอบอกว่าติดขัดๆอยู่บ้าง (ไว้ครั้งหน้าถ้ามีโอกาสจะปรับปรุงให้ดีขึ้นนะ) แต่ทุกอย่างก็ผ่านไปได้ด้วยดี (ความจริงกะจะสอนเรื่อง CSS Units ด้วยนะ แต่เวลาหมดก่อน เลยไม่ได้สอน 😂)
หลังจากสอนเสร็จก็แจก Post-it คนละ 3 ใบ ให้ทุกคนเขียน Good / Bad / Try แล้วออกมาแปะ หน้าห้อง โดย Good คือสิ่งที่ดีอยู่แล้ว Bad คือสิ่งที่ยังไม่ดี อยากจะให้ปรับปรุงใหม่ ส่วน Try คือสิ่งที่อยากจะให้ลองทำในครั้งหน้า ตอนนีก็ได้อ่านทุก Feedback แล้ว ไว้จะเอาไปปรับปรุง
ในส่วนนี้ต้องขอบคุณน้องๆทั้ง 12 คนด้วยนะ ถึงเนื้อหาที่สอนจะไม่ค่อยเยอะ แต่ก็หวังว่าจะได้อะไรกลับไปบ้างไม่มากก็น้อย แล้วก็ขอบคุณ Phoomparin Mano ด้วยอีกครั้ง ที่มาเป็นผู้ช่วยในงานนี้ ถ้าไม่มาช่วยคงจะเหงาน่าดู 55
สอนเสร็จก็รู้สึกโล่งอกละ วันนี้กลับไปนอนเป็นเวลา 3–4 ชั่วโมงได้ เพราะว่าพรุ่งนี้ต้องไปคุมห้อง Workshop นรก ทั้งวัน (วันพรุ่งนี้จะเป็นการสร้างเว็บ และ Presentation Slide ส่งภายในเวลา 8 ชั่วโมง)
สำหรับในห้อง Workshop นั้น ก็เหนื่อยอยู่พอสมควรที่ไม่ได้นั้งทั้งวัน แต่คนที่เหนื่อยกว่าคือน้องทุกคน ที่เผางานกันแบบไฟใหม้ ได้เห็นอะไรพีคๆเช่น สาขา Design มานั้งเขียนเว็บ ส่วนสาขา Programming มานั้งทำ Design แทน 55 หรือบางกลุ่มก็ไป consult ซะนานจนเวลาหายไปหลายชั่วโมงค่อยมานั้งเผากันต่อ
น้องบางกลุ่มเลือกที่จะเขียน HTML + CSS เองใหม่จาก 0 บางคนก็เลือกที่จะใช้ Bootstrap หรือ Framework เอามาจัดหน้าเว็บให้ไวขึ้น หรือบางกลุ่มก็เลือกที่จะโหลด Template มานั้งแก้เอา แต่ทุกคนก็มีงานส่งกันหมด แค่อาจจะทำเว็บไม่ครบ Flow บ้าง แต่โดยรวมก็ถือว่าโอเค
พอ Workshop เสร็จก็รู้สึกโล่งอกละ เพราะหลังจากนั้นก็เป็นกิจกรรมคลายเครียด กับบายศรี แต่ว่า!! และแล้วในคืนวันเดียวกันนั้นเอง หลังจากที่กลับไปถึงโรงแรมตอนเที่ยงคืน ก็พบว่า ยังไม่มีใครทำระบบ Random !! 😱 ตอนนั้นกะว่าจะไปเดิน consult น้องซักหน่อยสุดท้าย อด มานั้งปั่นระบบจาก ตี 1 ถึงตี 5 นอนไปชั่วโมงครึ่งได้ (เอาจริงๆอย่าเรียกว่านอนเลยดีกว่า) ก็ตื่นมาอาบนำ้แล้วก็ไปเซ็ตระบบที่ห้องประชุมกันต่อ
ที่ห้องประชุมในวันสุดท้ายบอกเลยว่า เหนื่อยอยู่พอสมควร เพราะว่าระบบยังไม่ทันพร้อมเลย น้องก็เข้ามานั้งในหอประชุมซะแล้ว นอกจากนั้นยังมีปัญหาเรื่อง Internet, เรื่องอุปกรณ์ไม่พร้อม และอื่นๆอีกมากมาย ซึ่งหลายๆคนคงจะสังเกตุหละว่า มันก็จะมีคนวิ่งไปวิ่งมาอยู่หน้าหอประชุม แต่ทุกอย่างก็ผ่านไปได้ด้วยดี ถึงจะมีติดขัดบ้างนิดหน่อย แต่ก็คงจะให้อภัยกันได้หละนะ 55
สรุป พอตัวเองได้มาทำค่ายรู้สึกได้เรียนรู้อะไรเยอะมาก ได้เจอน้องๆที่มีความสนใจในด้านเดียวกัน ถึงจะไม่ค่อยได้คุยกันก็เถอะ ได้ลองทำอะไรใหม่ๆที่ไม่เคยลอง เช่นเว็บ Landing Page ซึ่งตอนแรกคิดว่าจะไม่เสร็จแล้ว รวมถึงเรื่องการสอนด้วย ซึ่งไม่เคยไปสอนแบบเป็นกลุ่มใหญ่ๆแบบนี้มาก่อน ได้ Skill การสด + 10% และที่สำคัญคือได้รู้จักเพื่อนเพิ่มอีกหลายคนเลย จากที่ไปอยู่ในค่าย Y ไม่เคยคุยกันมาก่อน แต่ตอนนี้ก็สนิทกันมากขึ้น ไว้เดี๋ยวมีโอกาสเจอกันใหม่นะทุกคน 💩
สุดท้ายนี้ขอฝากกลุ่ม NoobProgrammer เอาไว้ด้วยนะ เอาจริงๆที่มาสอนนี่เพราะว่า เราทำกลุ่มนี้มาก่อน พอปีที่แล้วได้จัดงาน Stupid Hackathon ไป ก็ได้เจอคนเก่งๆในรุ่นเดียวกันมากมาย ปีนี้เลยอยากมาเจอน้องๆทุกคน แล้วก็อยากให้ทุกคนมาช่วยกันพัฒนา Community ให้ดียิ่งๆขึ้นไปอีก
กลุ่มนี้ตั้งใจจะรวมกลุ่มคนที่ชอบด้านการเขียนโปรแกรม รุ่นๆเดียวกันเอาไว้ จะได้พูดคุยกันรู้เรื่องไม่ต้องเป็นทางการมาก มาแชร์ความรู้กัน ซึ่งเดี๋ยวจะพยายามจัด Meetup กันบ่อยๆ แล้วก็ปีนี้กะว่าจะจัด Event ใหญ่อีกสักครั้ง ส่วนจะเป็นอะไรนั้นรอติดตามในกลุ่มได้เลยจ้าาา 👋🏽
Chun Rapeepat — 1 May 2018, 18:15
