งาน Vue Thai Conf 2024 ถูกจัดขึ้นเป็นครั้งแรกที่ Cleverse เมื่อวันศุกร์ที่ 27 กันยายน 2024 ซึ่งงานนี้เราได้เชิญ speakers ทั้งหมด 6 ท่านมาเพื่อแบ่งปันความรู้เกี่ยวกับ Vue.js, Nuxt เป็นหลักๆ

ซึ่ง… งานนี้เป็นครั้งแรกที่ผมได้โฮสต์อิเวนต์เทคฯ แบบนี้ครับ ถ้าไม่นับการไปช่วยงานงานอื่นๆ ที่ผ่านมาน่ะนะ

เกิดขึ้นได้ยังไง?

ครึ่งแรก: กาลครั้งหนึ่งนานมาแล้ว

ผมเป็นคนที่เขียน Vue / Nuxt มาได้สักพักใหญ่ๆ แล้ว (เริ่มต้นสักช่วงปี 2017 ก็คงจะได้) ด้วยเหตุผลแค่ว่า documentation ของ Vue ตอนนั้นอ่านง่ายและสะดวกมากกว่าเจ้าอื่นๆ การเรียนรู้ช่วงแรกเลยง่าย และสามารถสอนคนอื่นๆ ให้เริ่มได้ง่ายเหมือนกัน แต่หลุม Vue สีเขียวนี่สู้ความนิยมของ React / Next ยังไม่ค่อยได้เท่าไร ไม่ว่าเราจะคิดว่าเฟรมเวิร์คจะเจ๋งแค่ไหน แต่ถ้าในตลาดซอฟต์แวร์ไม่ค่อยได้หยิบ Vue ไปใช้งานกัน เราก็จะเจอคนที่เขียนน้อยอยู่ดีน่ะแหล่ะ

แต่ความตั้งใจที่ว่าอยากเจอคนอื่นๆ ที่เขียน Vue ก็มีอยู่ในหัวอยู่เรื่อยๆ นะ ความรู้สึกที่อยากรวบรวมคนที่เขียนเจ้าเฟรมเวิร์คนี้มาอยู่ในห้องเดียวกัน (นึกภาพเป็นการประกาศศึกกับเฟรมเวิร์คใกล้เคียง(?))

ครึ่งหลัง: คนไทยใน (CityJS) Singapore

เมื่อช่วงเดือน กรกฎาคม 2024 จ๊อบ (จิรชัยคนนั้นแหล่ะ) โทรมาชวนไปเที่ยวงาน CityJS ที่สิงคโปร์ ↗ ผมที่ก็อยากออกไปเที่ยวอยู่แล้วจึงตอบตกลงไป และการเดินทางครั้งนี้เป็นการไปกับโอ (FB: Parin S. ↗ / GitHub: MukurowZ ↗) เพื่อนที่ทำงานด้วยกันครับ ตัวงานเองก็รวบรวมคนจากหลากหลายประเทศมาเพื่อพบปะกันและทำความรู้จักกัน

แต่ในกลุ่มแก๊งค์คนไทยที่ไป ผมได้ไปพบกับคุณเวิลด์ ซึ่งเป็นคนดูแลเพจ Vue News Thailand ↗ ครับ ซึ่งก็เป็นเพจที่อัพเดทข่าวสารเกี่ยวกับ Vue เป็นภาษาไทย ที่อยู่คู่กับคนไทยมาตั้งแต่ปี 2020 และแน่นอนว่าผมรู้จักเพจนี้เพราะเป็นเพียงไม่กี่เพจที่อัพเดทข่าวอยู่เรื่อยๆ ใจสู้พอๆ กับความรักที่ผมมีให้กับ Vue

ในช่วงพักเบรคของงาน CityJS ผมและโอจึงเดินเข้าไปหาคุณเวิลด์ ด้วยประโยคที่ว่า “เราจัดงาน Vue กันไหมพี่”

ในสัปดาห์ถัดไปหลังจากงานเสร็จสิ้นและบินกลับไทยกันมา พวกเราก็เริ่มคุยและตั้งกลุ่มกันครับ

การวางแผนช่วงแรก

ในช่วงเริ่มต้น ที่ทีมเรายังมีแค่ 3 คน ซัน โอ และ คุณเวิลด์ สิ่งที่สำคัญที่สุดเลยคือการคิดชื่อ วางวัน หาสตาฟเพิ่ม เตรียมช่องทางประชาสัมพันธ์ และ อีกสิ่งหนึ่งที่สำคัญ

• การคิดชื่อ – พวกเราจบที่ชื่อ “Vue Thai Conf” โดยเป็นไอเดียตั้งต้นจากการคิดใหญ่ของคุณเวิลด์ (555555 ทำทั้งทีไม่ใหญ่ได้ไง) ซึ่งที่กว่าชื่อที่ผมคิดไว่ในหัวมากครับ ชื่อในหัวผมมันขี้เล่นมากจนไม่อยากพิมพ์สรุป 🤭
• การวางวัน – พวกเราตกลงกันที่ช่วงสิ้นเดือนกันยายน 2024 เพราะพวกเราอยากเลี่ยงเดือนตุลาคมซึ่งมีงานใหญ่ประจำปีนี้ JavaScript Bangkok 2.0.0 ↗ และช่วงเดือนหลังจากนี้ก็ลงความเห็นกันว่าคนน่าจะเริ่มเที่ยวกันแล้วล่ะ
• การหาสตาฟเพิ่ม – ฝั่งคุณเวิลด์ที่มาจาก OODS ช่วยลากหาคนจาก OODS Team เข้ามาช่วยงานเพิ่มหลายอัตรา ยินดีที่ได้รู้จักทุกๆ คนที่มาช่วยและขอบคุณมากๆ เลยครับ 💚
• ช่องทางประชาสัมพันธ์ – เราตกลงกันว่าใช้เพจ Vue News Thailand นี่แหล่ะไปก่อน จะได้ไม่ต้องบิลด์ฐานแฟนคลับใหม่ 😗
• และอีกหนึ่งสิ่งสำคัญ… คือการออกแบบโลโก้และแบรนดิ้งของงานครับ ถ้าไม่มีสิ่งเหล่านี้ ก็จะประกาศ​ PR ด้านอื่นๆ ลำบาก

ดีไซน์ของโลโก้งานและอาร์ตเวิร์ค

ผมเสนอตัวเองขอทำงานพาร์ทนี้ (ด้วยความอุ่นใจว่ามีพี่ดีไซน์เนอร์ — พี่นุชและพี่กอล์ฟ — ที่บ.ช่วยให้ความเห็นได้อยู่) (ถ้าแอบมาอ่านอยู่ล่ะก็ จุ๊บๆ 😘) และเริ่มคิดไอเดียต่างๆ โดยมีโจทย์ว่า คำว่า “Vue Thai Conf มันคืออะไร”

ในส่วนนี้(เดี๋ยวจะ)มีโพสต์แยกด้วยล่ะครับ → Vue Thai Conf 2024 - Deep Dive เข้าสู่ Branding Guidelines

เราเริ่มจากกระดาษ…สู่ Figma Board

ผมเริ่มโดยการวางมู้ดบอร์ดจากการออกแบบของงานเทคฯ ที่จัดในไทยก่อนหน้านี้ รวมถึงรวมโลโก้ของ framework และ library ที่เกี่ยวข้องกับ Vue มาไว้ด้วยกัน (ในรูปขอเซ็นเซอร์ไอเดียที่อาจจะได้ใช้งานในอนาคตไว้ก่อนนะ :P) และเริ่มวาดตามที่ไอเดียที่มี

ท้ายที่สุดแล้วผมอยากรวบรวมความตวัด ของอักษรไทย (เช่นในการเขียนช่วงปลายของอักษร ช ร ฬ) เข้ากับภาษาอังกฤษ จึงกลายเป็นตัวอักษร V ที่มีความอ่อนช้อยเล็กๆ ตอนปลาย (ตอนแรกพิมพ์อธิบายเป็นคำว่า “จริต” แต่คิดว่าคำนี้น่าจะเหมาะกว่า 555)

ในโลโก้งาน ตัดสินใจให้ “Thai” พิมพ์เป็น “ไทย” เลย เพราะว่าอยากคนจำอักษรไทยของคำว่า “ไทย” ให้ได้ครับ เหมือนกับที่เราหลายๆ คนอาจจะจำ “日本” ซึ่งเป็นภาษาญี่ปุ่น และ “中文” ซึ่งเป็นภาษาจีน หรือแม้แต่คำว่า “Español” ที่คนก็ทราบเลยว่าหมายถึงภาษาสเปน

ส่วนที่ห้อยท้ายด้วย “conf” อักษรเล็กทั้งหมดนั้น เพื่อเปิดโอกาสในการจัดงานสไตล์อื่นในอนาคตครับ (ลงละเอียดในโพสต์แยก)

ส่วนเรื่องสีนั้น…

• สีไทยโทน “เขียวก้านตอง” ถูกเลือกเป็นสีหลัก เพราะใกล้เคียงกับสีของ Vue.js มากที่สุด และสีโดดเด่นขึ้นมาด้วยตัวมันเอง
• สีไทยโทน “ขาวปนเพชร” ถูกเลือกเป็นสีรอง เพื่อสานต่อไอเดียว่าถ้าเขียวก้านตองเหมือนเป็นใบตองแล้ว ด้านบนของมันก็ต้องเป็นข้าวเหนียวสังขยาป่ะนะ
• สีกรมท่า ซึ่งเป็นสีอันดับสาม ถูกเลือกมาเพราะผมชอบเป็นหนึ่งในเอกลักษณ์ของโลโก้ Vue.js แต่ถูกปรับให้เข้มขึ้น ทำให้ได้สีกรมที่ตัดกับสองสีแรกได้ดี

หลังจากรวบรวมไอเดียและปรับกับทีมดีไซน์เนอร์แล้ว จึงได้เป็น Branding Guidelines ของงานออกมาครับ

ป้ายชื่อ

ในวันนั้นเรามากับคอนเซปต์ DIY อยากชื่ออะไรก็เขียน :P (ความจริงคืออยากให้ทุกคนได้เขียนชื่อเล่นกันเอง)

ตัวการออกแบบเราได้แบ่งเป็น 4 ประเภทตามรูปเลยครับ

• คอนเซปต์ของป้าย Attendee และ Guest/VIP – สองป้ายนี้คอนเซปต์คืออยากให้แตกต่างแต่ไม่แตกต่างกันจนเกินไป เพื่อให้สตาฟของงานเราทราบว่าใครมาจากไหน
• คอนเซปต์ของป้าย Speaker – ป้ายนี้เด่นที่สุดในงาน โดยให้ครึ่งบนของป้ายจะเป็นสีสว่าง และใช้งานโลโก้งานแบบสามสี (ปกติจะใช้ monochromic logo)
• คอนเซปต์ของป้าย Staff – ป้ายสีดำสุดเท่ 🧐

วิดีโอลูปรอคนมา

ส่วนสิ่งนี้เป็นความหาทำของผมเองครับ อยากได้วิดีโอไว้ลูปเพลงตอนรอคนมา เลยนั่งทำ 3 วันก่อนวันงาน โดยใช้ generator ง่ายๆ ใน Final Cut Pro และเลือกเพลงเองจาก YouTube Music Library จึงได้เป็นวิดีโอความยาว 1 ชั่วโมงออกมา

Fun Facts (รู้ก็ได้ไม่รู้ก็ได้):

• วิดีโอมีเวลาปัจจุบันขึ้น เพื่อให้ทีมหน้างานซิงค์กับเวลาได้พอดี
• เวลา 17:59:45 (นาทีที่ 59:45 ของวิดีโอ) จอจะเปลี่ยนเป็นสีดำและโลโก้เป็นสีขาว พร้อมกับเพลงขึ้นลูปสุดท้าย เพื่อให้คุณเวิลด์เขาเคาท์ดาวน์แบบคูลๆ
• เมื่อผ่านไป 10 วินาทีจอจะเป็นสีดำหมด เพื่อให้คุณเวิลด์พูดเปิดงาน!
• เพลงในวิดีโอจะถูกเซ็ตไว้ที่ -12.5dB เพื่อให้เพลงคลอเบาๆ ได้
• แต่… ตอนช่วงต่อเข้าระบบ streaming ของ Creatorsgarten ระดับเสียงที่เตรียมไว้กลายเป็นว่าเบาจนเกินไป ทำให้ต้องแก้ไขระดับเสียงสดๆ หน้างาน
• ช่วงครึ่งหลังของวิดีโอ สิ่งที่ทุกคนเห็นคือจอ preview ของ Final Cut Pro ครับ (…)

ในวันงาน

ดีใจมากที่ได้เจอกับทุกคนครับ ทั้ง speakers ทั้ง sponsors ทั้งคนที่ใช้ Vue.js อยู่แล้ว และคนที่อยากเปิดใจให้กับ Vue.js ถึงแม้ว่าจะใช้งาน framework อื่นอยู่

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

ดีใจที่มีโอกาสได้ทำ swag

ดีใจที่ได้เห็นทุกคนมาพบปะพูดคุยกันนะครับ :)

สิ่งที่ได้เรียนรู้

การจัดงานแต่ละครั้ง ไม่ง่ายเลย ซึ่งก็รู้อยู่แล้วแหล่ะว่ามันไม่ง่าย แต่พอได้รับหน้าที่เป็น co-host แล้ว การดูแลภาพรวมให้ออกมาดีที่สุดก็เป็นเรื่องที่ใหญ่มากเลยสำหรับผม ยิ่งเป็นการจัดงาน Vue.js หลังจากที่ใน community ประเทศไทยไม่มีมานาน ก็รู้สึกว่าเป็นหน้าที่ของสตาฟทุกคนที่จะดันให้งานออกมาให้ดีได้ครับ (ยากแต่เราก็ผ่านมาได้ด้วยทีมจริงๆ)

ยังคงมีคนที่รัก Vue.js อยู่ ก่อนหน้านี้ไม่ว่าหันไปทางไหน เราปฏิเสธไม่ได้เลยว่า React เป็น framework อันดับต้นๆ ในประเทศไทย ผมคิดว่าด้วยความ flexible ของมัน เลยทำให้หลายๆ ทีมเลือกใช้กัน จนกลายเป็น ecosystem ขนาดใหญ่มากๆ ในสังคมของ engineer ครับ แต่การได้จัดงานครั้งนี้ทำให้ผมอยากดึง framework ทางเลือกอื่นๆ ไม่ว่าจะเป็น Svelte, Solid, Alpine หรือแม้แต่ HTMX ก็ดีมาจัดอีก อย่างน้อยๆ ก็อยากให้พื้นที่สนทนาของ library ต่างๆ ที่มีข้อดีข้อเสียแตกต่างกันไปครับ

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

และ… ยังคงมีอะไรที่เราไม่รู้อีกเยอะ แต่ก็จะไม่หยุดเรียนรู้ครับ จะวิ่งตามเทคฯ ให้ทันนนน

สำหรับผู้จัดงานครั้งถัดๆ ไป (ตัวฉันในอนาคต)

เพื่อความโปร่งใสของฝั่ง Branding, Assets, Artwork และเพื่อความสะดวกในการหาไฟล์ของตัวฉันในอนาคต

• Branding Guidelines + Assets อยู่ใน Google Drive ↗
• ไฟล์ artworks ที่ใช้ในการประกาศทั้งหมด อยู่ใน Google Sheets ↗

ขอขอบคุณ

สุดท้ายนี้ขอขอบคุณ

• ทีมสตาฟ Vue Thai Conf ทุกคนที่มาช่วยงาน: เวิลด์, โอ, มิว, วิชชี่, นัท, ไอ, โรส, ฮั้ว, ไอซ์, ปัญญ์ และ plus ones ของสตาฟที่พามาที่งาน (ถ้าพิมพ์ชื่อภาษาไทยใครผิดก็ขออภัย!)
  • Special Thanks ถึงทีมอาหาร – อาหารตึงมาก (ท้องตึง) สุดยอดมากครับ
  • Special Thanks ถึง co-host ทั้งสอง – ได้จัดงานซะทีวะ!
• Speakers ทั้ง 6 คน ที่เข้ามาแชร์ความรู้ครับ
  • Special Thanks ถึงเฮียโหน่ง – ขอบคุณที่ชื่อชอบผลงานการออกแบบโลโก้งานจนอยากทำคราฟโซดาให้งานครับ เป็นไฮไลท์ของงานเลยจริงๆ
  • Special Thanks ถึงพี่ตูน (+ พี่พีพี) – เห็นผลงานผ่านตาที่ถูกแชร์ผ่านพี่ตี้มาเยอะแล้ว พอได้แวะมาคุยกันก็พบว่าวงใกล้ๆ กันหมดเลย (วงนศ.แลกเปลี่ยนญี่ปุ่น)
  • Special Thanks ถึงพี่ปุ๋ย (สะกดถูกไหมนะ) – ตามอ่านบล็อค somkiat.cc ↗ มานาน ตอนเห็นชื่อว่ามาเป็น speaker ก็แบบ “อุ้ย” เบาๆ >__>
  • Special Thanks to Khun Maya – A keynote from a veteran (IMO :P) in tech community like you is really helpful for us! As it being our first time hosting the Vue event after a long-long hiatus in Thailand.
  • Special Thanks to พี่จิมมี่ – เหมือนเป็นรียูเนี่ยนเบาๆ พอได้เห็นหัวข้อก็รู้สึกดี และคิดว่าคงมีคนอยาก “ReVue” กัน
  • Special Thanks to พี่ตั้ง – พอเห็นหัวข้อละก็แบบ 555555 แต่พอได้ฟังจริงๆ มันก็เป็นมุมมองของงานที่น่าสนใจ ไว้พบกันในงานถัดๆ ไปต่อครับ
• Sponsors ใจดีทุกๆ คน
  • Special Thanks ถึง OODS – ที่ช่วยเหลือทั้งส่งคนมาช่วย และสนับสนุนในด้านอื่นๆ ที่ทำให้งานออกมาดี
  • Special Thanks ถึง Code Craft – วันงานฆ่าสิงห์ในหลายกระป๋อง (น่าจะเป็นสตาฟคนเดียวที่ถือแก้วเบียร์เดินแล้วล่ะครับ 🫣) ไว้จะแวะไปดื่มคราฟเบียร์ที่ร้านอีกครับ
• Guest VIP และ ผู้เข้าร่วมงานทุกคน ที่ให้ความไว้เนื้อเชื่อใจกับการจัดงานครั้งแรกของพวกเรา และเดินทางมาเพื่อร่วมพบปะกันในค่ำคืนนั้นครับ ภาพที่ออกมาและภาพที่ผมเห็นมันเจ๋งมากเลย ดีใจที่ได้เป็นพื้นที่ให้ทุกคนได้ทำความรู้จักกันครับ