Learn Web Develop And Design Together
WebP มาตรฐานรูปภาพสำหรับบนเว็บ ที่มาถึงวันนี้ผมว่ายังนับว่าใหม่อยู่มากๆ เพราะยังมีคนใช้งานอยู่ไม่เยอะมากและ Browser ก็ยังไม่ได้รองรับกันครบหมดแบบนั้น
WebP มาตรฐานรูปภาพสำหรับบนเว็บ ที่มาถึงวันนี้ผมว่ายังนับว่าใหม่อยู่มากๆ เพราะยังมีคนใช้งานอยู่ไม่เยอะมากและ Browser ก็ยังไม่ได้รองรับกันครบหมดแบบนั้น
Continue reading “ทำความรู้จักกับ WebP มาตรฐานรูปภาพสำหรับใช้บนเว็บ”คิดเลข ไม่เก่ง นะจริง วันนี้มีเรื่องสั้นๆ สมัยเด็กๆมาเล่าให้ฟังกันครับ คือว่าเมื่อก่อนประมาณหลายสิบปีที่แล้ว ผมจะกลัวเรื่องของ วิชาคณิตศาสตร์ มากๆเลย เพราะเราทำได้แค่เพียง บวก ลบ คูณ หาร ธรรมดาเอง เลยคิดว่า ยังไงก็หัวไม่ไปทางด้านนี้อยู่แล้ว
คิดเลข ไม่เก่ง นะจริง วันนี้มีเรื่องสั้นๆ สมัยเด็กๆมาเล่าให้ฟังกันครับ คือว่าเมื่อก่อนประมาณหลายสิบปีที่แล้ว ผมจะกลัวเรื่องของ วิชาคณิตศาสตร์ มากๆเลย เพราะเราทำได้แค่เพียง บวก ลบ คูณ หาร ธรรมดาเอง เลยคิดว่า ยังไงก็หัวไม่ไปทางด้านนี้อยู่แล้ว
แล้วก็มาถึงวันที่ชีวิตเปลี่ยน เมื่อมาเจอกับสิ่งที่เรียกว่า เลขยกกำลัง สำหรับผมในวันนั้นมันเป็นเรื่องยากมากๆ เพราะผมจะมีความเข้าใจว่า เมื่อ 2 ยกกำลัง 1 มันได้ 2 และ 2 ยกกำลัง 2 มันได้ 4 เสมอ
งั้นมันน่าจะหมายความว่า 2 ยกกำลัง 3 จะต้องเป็น 6 อย่างแน่นอน 5555 ซึ่งในความเป็นจริง มันไม่ใช่นะเว้ย ทำไมยากแบบนี้ หลังจากเรียนไปได้ 3-4 ครั้งเราก็เริ่มเข้าใจแล้วว่า เราไม่ได้มีหัวทางด้านนั้นเลย
พอโตขึ้นมาอีกหน่อย เจอวิชาเลข ที่ยากขึ้นไปกว่านั้น ทั้ง sin, cos, tan อะไรมากันเต็มไปหมด ตอนนั้เรียน แคลคูลัสมั้ง ถ้าจำไม่ผิด โห….. ของขึ้นเลย คิดอะไรไม่ออกเลยซักอย่าง ไม่เข้าใจ
สมัยนั้นอินเตอร์เน็ต ยังไม่มีแบบทุกวันนี้ ถ้าทุกวันนี้ เราอาจจะยังพอ เข้า Google แล้ว Search เอามาหาวิธีทำ แล้วเอามาติวตัวเองเพิ่มได้ แต่ตอนนั้น ให้เพื่อนสอน ซึ่งก็พอจะดีขึ้นมานิดหน่อย
แต่ก็ยังทำให้คะแนนทางด้าน ทุกๆวิชา พากันต่ำเตี่ย เรี่ยดิน ไม่เป็นท่าอยู่ดี ความคิดเดียวตอนนั้นคือ เราไม่เก่งเลข เราทำอะไรที่ใช้ตัวเลข ไม่ได้แน่ๆ ไปสู้กับใครเค้าก็ไม่ได้ แถมถูกเพื่อนๆล้อเลียนอยู่เป็นประจำ ว่าคิดเลขไม่เป็น
จนเรียนปี 4 รู้จัก Internet รู้จัก Google โห… ชีวิตมันเปลี่ยนอะ มันเหมือนมีอะไรพลักดัน คือเรากลายเป็น คนที่หลงไหล ในอะไรก็ตามที่มันอยู่ เบื้องหลังเจ้า World wide Web (
www ) นั้นอ่ะ คือ รู้สึกว่า มันทรงพลัง มันยิ่งใหญ่
เราไม่ได้เรียนสายตรง ด้านคอมพิวเตอร์มา เราอยู่กับสิ่งมีชีวิต ชีวะ ฟิสิกซ์ อยู่กับการคำนวณ เคมี พอเราได้เจอ เฮ้ย…อินเตอร์เน็ต อะไรอยู่ด้านหลังของพวกนี้ว่ะ มันเกิดขึ้นมาได้อย่างไร มันเหมือนสิ่งมีชีวิตไหม มันมีไฟลั่มอะไรบ้าง มันมีคลาส อะไรในนั้นบ้าง
Anatomy ของแต่ละเว็บมันเป็นอะไร หน้าตายังไง คือมันทำให้เราอยากค้นคว้า อยากไปให้ลึกมากๆ เพราะเราไม่รู้จักมันมาก่อนเลย วิชาคอมพิวเตอร์ ที่เรียนตอนนั้นคือ มันเป็นแผ่นดิส สี่เหลี่ยมๆ ขนาดใหญ่ๆ
แล้วเวลาจะทำอะไรมันก็ต้องเสียบเข้าไป กับโปรแกรมพิมพ์คำอะไรไม่รู้ จอดำๆ ไม่เห็นจะเกี่ยวเลย
พอเราเริ่มค้นคว้า เริ่มทำจริงจัง เริ่มศึกษา ลงมือทำจริงๆ อ่อมันมี OS หรือเจ้า Operating System ตอนนั้นคิดว่า คอมพิวเตอร์คือ windows แต่ไม่ใช่นี่หว่า มันมี Linux มันมี Mac มีอะไรอีก
มีทั้ง Software มีทั้ง Hardware แล้วถ้าเราจะเริ่ม ทำอะไรสักอย่าง ที่ให้คนมาเจอเรา ที่บน www เราก็จะต้อง หัดเขียนโปรแกรม ตอนนั้นก็ไปเลย คนที่จะเริ่มเค้าต้องหัด ภาษา C โห… โหดจริง โคตรยากเลย สำหรับคนที่ไม่มีพื้นนะ หัดคนเดียว ไม่ได้อะไรเลย 5555
งั้นไป Java เลย คนเขียนกันเยอะ ก็งงไปตามๆกันอีก จนกระทั่ง ถึงตอนทำ Project จบ มันมีตอนสุดท้าย ที่เราจะต้องเอา ผลสรุปของแต่ละหน่วยทดลองของเรา เอามาทำค่าทางสถิติ เราก็ไม่เข้าใจเนอะ ว่าทำยังไง
เพื่อนๆก็แนะนำเลย “เฮ้ย…เมิงจะงงทำไม ไปจ้างคนเค้าทำเลย เค้าทำกันด้วย SPSS มันถึงจะได้ ยิ่งเมิงมันโง่เลขด้วย จะได้ไม่เสียเวลา” โห…. เราได้ยินแล้ว ของขึ้นเลยนะ คือ….ก็จริง แหละว่าเราไม่เก่งเลข
แต่คราวนี้ เราจะไม่ยอมแพ้ไง เราก็เลยลองถามเพื่อนคนนึง คนนี้นี่พลิกชีวิตเลยนะ เค้าบอกว่า มันก็คำนวณได้ ด้วยสูตร ธรรมดาๆ นี่แหละ แต่ถ้าจะให้เร็วหน่อย เราก็เอา Excel มาช่วย มันก็จะไวขึ้น และเราสามารถเขียน Program ให้มันคิดให้เราได้ด้วยนะ
โห….ได้เลย งั้นวิ่งไปให้เพื่อนสอนคำนวณเลย หาค่าทางสถิติ ปรากฏว่า โคตรยากเลย คือเราไม่มีความเข้าใจเลยนะ ไอ้เรื่อง ค่าเบี่ยงเบนมาตรฐาน การหาค่าตัวแปร การหาค่าแปรปรวน ค่าเฉลี่ย
เสร็จแล้วต้องเอามา วัดกันด้วย Z-Score การประมาณเชิงสถิติ สุดท้ายเรื่องประชากรกลุ่มตัวอย่าง อะไรมีความแตกต่างกัน อย่างมีนัยสำคัญ ไม่มีนัยสำคัญ คือเราไม่เข้าใจว่า ตัวเลข มันจะตอบอะไรได้เยอะขนาดนั้นว่ะ
แต่พอสุดท้าย เราคำนวณออกมาได้จริง แถมเพื่อนยังใจดี สอนเรื่องของการยกกำลัง และการคิดเลขต่างๆ ออกมาให้ด้วย ทำให้เราทำทั้งหมดของ Project ได้ด้วยตัวเอง จนอาจารย์ที่เค้ามาคุมสอบ ถึงกับถามว่า จ้างใครทำ
ตอนนั้นก็แอบเศร้าาอยู่เหมือนกัน เพราะอาจารย์บอกว่า ถ้าเธอยอมรับ ว่าเธอจ้างคนทำ เราจะให้เกรด B แต่ถ้าไม่ยอมรับ เราจะให้แค่ C คือเรางงมากลเย จะให้ยอมรับได้ยังไง ว่าไปจ้างใครมา ก็ในเมื่อเราทำเอง
วันนั้นเลยยืนยันอาจารย์ไปว่า ผมทำเองครับ และทุกคนลงมติกันในห้อง ว่า เราโกหก
หลังจากนั้น เราก็มีวิชาติดตัว เราเอา เลขยกกำลังมาใช้สูตร power() ใน Excel ได้ง่ายๆ และทุกๆภาษาของโปรแกรมมิ่ง ก็มักจะมีเรื่องของการทำงานกับ Math ติดมาให้เสมอ อย่าง PHP ที่เราใช้เป็นประจำ
เราก็ใช้คำสั่ง pow(2,4) ได้เหมือนกัน หรือจะเป็น JavaScript ที่สุดแห่งยุคนี้ก็ไม่เว้น console.log(Math.pow(2,4)); ก็ใช้งานได้ หรือจะ Go Lang ก็ยังมี c := math.Pow(2, 3) คิดดูสิ
ผมก็ไม่ได้บอกนะ ว่าทำได้ทั้งหมด แต่ผมใช้เครื่องมือ ช่วย คิดเลข ช่วยให้มันผ่านไปได้ ดังนั้นครับ ถ้าวันนึง คุณคิดว่าคณิตศาสตร์ มันเป็นเรื่องยาก ผมบอกได้เลยครับ ว่ามันยากจริง
คุณไม่เก่งคณิต คุณจะทำอะไรที่เกี่ยวกับคณิตไม่ได้ มันก็จริงอีก แต่ถ้าคุณคิดว่า คุณควรหันหลังให้มัน ยอมรับว่าทำไม่ได้ อันนั้นคุณคิดผิด
มาหัดเขียนโปรแกรม แล้วเอาโปรแกรมเป็นตัวช่วย ในการพาเราออกไป หาคำตอบกันดีกว่าครับ
งาน Word Camp ปี 2019 ในครั้งนี้จัดขึ้นมาเป็นครั้งที่ 5 แล้ว ซึ่งงานในครั้งนี้ นับว่าน่าไปมากๆ เพราะว่าทาง Word press เอง มีการเปลี่ยนแปลงครั้งใหญ่ไปไม่นาน แน่นอนครับ มันคือเรื่องของ การเปลี่ยน Editor ไปเป็น Gutenberg นั้นเอง
งาน Word Camp ปี 2019 ในครั้งนี้จัดขึ้นมาเป็นครั้งที่ 5 แล้ว ซึ่งงานในครั้งนี้ นับว่าน่าไปมากๆ เพราะว่าทาง WordPress เอง
มีการเปลี่ยนแปลงครั้งใหญ่ไปไม่นาน แน่นอนครับ มันคือเรื่องของ การเปลี่ยน Editor ไปเป็น Gutenberg นั้นเอง
ตัวงานจัดขึ้นที่ มหาลัยสยาม ในกรุงเทพ โดยกิจกรรมมี 2 วันคือวันที่ 16-17 กุมภาพันธ์ 2562 โดยที่ตัวงานวันเสาร์ที่ 16 เป็นกิจกรรม Contributor Day ซึ่งจะรับจำนวนกำกัดแค่เพียง 100 คนเท่านั้น
ตัวงานจะเป็นเรื่องของการพัฒนาตัว Core Team กับ Theme Development เป็นลักษณะของกาทำ Workshop ที่หยิบยกเรื่องของ Gutenberg กับการสร้าง Theme อย่างถูกต้องออกมาใช้
ต้องขอชม ทางทีมงานผู้จัดมากๆ เพราะว่าอย่างที่เค้าใจกัน งานแบบนี้ต้องมาด้วยใจล้วนๆ แต่ก็จัดออกมาได้ดี ด้วยความเป็นงาน camp อาจจะเรียกได้ว่า เป็น Style ของงานนี้เลยก็ได้ คือความไม่เป็นทางการ
แต่ถึงจะไม่เป็นทางการ แต่เรียกว่าพร้อมในหลายๆด้าน เช่น การใช้เว็บไซต์อธิบายเรื่องราวต่างๆที่ควรรู้ เช่นสถานที่ การลงทะเบียน สิ่งที่ควรรู้ก่อนไปงาน ตารางกิจกรรม
และเนื้อหาของเหล่า Speaker ที่มาพูดกันก็เรียกได้ว่า ตัว Top ของวงการกันทั้งนั้น โดยที่ทั้งหมดมีถึง 4 ห้อง และเต็มวันแบบง่วงได้แต่ห้ามหลับเลยทีเดียว
พอไปถึงก็เริ่มต้นลงทะเบียนกันก่อน ตรงนี้ความไม่พร้อม เกิดขึ้นนิดหน่อยตรงที่ ผู้ลงทะเบียนจะมีแบบเป็น Individual Sponsor กับแบบปรกติ ตัวผมไปแบบเป็นแรก แต่น้องสาวคนที่รับลงทะเบียน ยื่นสมุดเล่มสีขาวของแบบปรกติมาให้ ทำให้ตอนไปรับเสื้อสำหรับ คนที่เป็น Individual Sponsor เลยงงนิดหน่อย
ของที่ระลึกในงานสวยดีครับ มียาหม่องกับสมุดโน๊ตเล่มเล็กๆแล้วก็ Sticker กับเจ้า Wapuu ที่ชื่อ Hanuman Wapuu ออกแบบได้สวยมากครับ
แล้วก็ถึงเวลาเปิดงาน เข้าไปรวมกันอยู๋ในห้อง A เพื่อฟังเรื่องราวของงานต่างๆ และทำความเข้าใจรายละเอียด และคำแนะนำเพิ่มเติม บอกคำเดียวว่า คนมาเยอะมากๆๆๆๆๆ
หลังจากเปิดงานเสร็จเราก็แยกย้ายกันไปตามห้องต่างๆ ส่วนตัว Session ในงานผมเลือก ปักหลักที่ห้อง B เพราะสนใจเรื่อง Design Research โดยคุณ Sutham Thammawong เพราะเอาไปใช้งานเวลาไปคุยกับลูกค้า ไปคุยกับ User ได้
เนื้อหาก็พูดเรื่องการทำ Research ในเรื่องของการสร้าง Post บน Classic Editor กับ Gutenberg เปรียบเทียบกัน โดยแนะนำวิธีการตั้งคำถาม การออกแบบแนวทาง และการสรุปผล
เรื่องที่ 2 เป็นเรื่องของ Gutenberg พูดโดย Woratana Ngarmtrakulchol อันนี้ก็สนใจ เพราะมันยังใหม่อยู่ แต่โดยส่วนตัวที่ลองใช้งานมา ก็ประทับใจนะ ผมว่าความสามารถมันเยอะดี ทำงานสนุก แล้วก็คิดว่ายังไง WordPress ก็จะต้องพลักดันให้ใช้อยู่แล้ว จะรออะไร เลบรีบเอามาใช้เลย 555
เนื้อหาหลักๆก็เป็น การมาของ Gutenberg จะทำให้การทำงานง่ายขึ้น ดีขึ้น และอนาคตก็วางแผนไว้ว่าจะสามารถใช้ ร่วมกันกับ App อื่นๆได้ด้วยนอกจาก Word press
ส่วนตัวเพิ่งรู้เรื่อง การทำ import และ export แบบเป็น json อันนี้เพิ่งได้ยินเลย ถือว่าคุ้มเลยข้อนี้ และเรื่องที่ว่า เราสามารถออกแบบ Block แล้วนำไปใช้งานที่อื่นได้ ทำให้อนาคต อาจจะมีการสร้างเฉพาะ Block ออกมาขายเลยนะเนี่ย
ยังไงก็ฝากถึง คนที่ยังไม่ได้ใช้นะครับ ว่ายังไงซะ เดี๋ยวอีก 3 ปีข้างหน้า Classic editor ก็จะหนุดสนับสนุนแล้ว ได้เวลาหันมาใช้ Gutenberg กันแล้วละครับ
เรื่องถัดมาหลังพักทานข้าว เป็นเรื่องของพี่หลง Pattaya Upara เกี่ยวกับวิธีการเปลี่ยนไอเดีย เป็นแอพแผนที่ ชุมชนในกรุงเทพ ด้วยการใช้ wordpress อันนี้บอกเลยว่า เปลี่ยนวิธีคิดไปมาก
ทำให้การมอง WordPress เป็นแค่ CMS ไม่ได้แล้ว เพราะความจริง WP คือระบบ ที่มีความพร้อมในการ นำไปประยุกต์ แล้วแต่ว่า คุณจะสามารถหยิบเอาไปใช้ ในลักษณะไหนมากกว่า
ถัดมาเป็นเรื่องของ พี่เม่น Chakkrisn Talawat ที่มาพูดถึงการทำงานกับร้านค้าออนไลน์ Woo Commerce ด้วยรูปแบบของคนไทย เป็นร้านค้าแบบไทย การตั้งค่า วิธีคิดแบบไทย อันนี้ได้รู้จัก Plugin เยอะมาก แถมไม่ธรรมดาตรงที่ Seed Themes มาแบบมี Live สดด้วย
ส่วน Slide ในงานพี่เม่นแจกที่ Link นี้ครับ
อีกช่วงเป็นเรื่องการ Maintaining Woo Commerce จากคุณ Witthaya Santiwitthayawong ที่ออกจะเน้นแนว ตั้งรับเป็นหลัก คือใคร Update รอก่อน ใจเย็นๆ ดู Feedback ก่อน
ดูเรื่องของความเข้ากันได้กับ Plugins ตัวอื่นๆก่อนแล้วค่อย เอามาทดลองบน Staging ถ้าทุกอย่างลงตัว ค่อยจัดบนของจริง
ส่วนเรื่องสุดท้าย อันนี้ Highlight ในงานสำหรับผมเลย เป็นเรื่องของ Warat Wongmaneekit ที่มาพูดเรื่องการทำ optimization บน wordpress ที่เน้นสายเบา ทุกอย่างมีค่าหมด
อธิบายเรื่องของแนวคิด ในการทำงานของ Web Browser เพื่อที่จะ Render หน้าเว็บออกมาให้ User เห็น ทำอย่างไร มีการใช้ลำดับขั้นตอนอะไรบ้าง การเรียก CSS, JS, Font, Image และแนะนำวิธีการปรับค่าให้สายเขียว บน Google Page Speed Insight โดยใช้ plugins
อันนี้เป็นความเห็นส่วนตัวบ้าง รู้สึกดีใจ ที่ได้ยินเรื่อง optimization นี้มากนะครับ เพราะครั้งหนึ่ง ผมเคยพูดเรื่องแบบนี้ [มองข้าม bootstrap ไปบ้างก็ดีเหมือนกัน] แต่กลับถูก ต่อว่าเป็นจำนวนมาก บอกว่าไม่มีหัวคิด ไม่มีสมอง ไม่มีความรู้ อวดฉลาด อะไรเยอะแยะเต็มไปหมด
แต่พอมาวันนี้ได้ยิน คนพูดเรื่องนี้ในที่สถานะ แล้วไม่มีใครว่าอะไร เราก็รู้สึกดีใจแล้ว
เดินทางมาถึงช่วงสุดท้ายกันแล้ว ตอนนี้เป็นเรื่องของ การเล่นกิจกรรมสนุกๆครับ กับคำถาม คำตอบ โดยใช้เว็บที่ชื่อ Kahoot.it ให้เราเข้าไปแล้วก็รอคำถาม และคำตอบจากหน้าจอ จากนั้นใครกดเร็วสุดจะได้คะแนนเยอะสุด และแจกรางวัลเสื้อยืดสุดพิเศษ
อันนี้บอกเลยว่าคำตอบไม่ได้ยากอะไรมากนะครับ แต่ที่ได้คะแนนน้อยเพราะว่า ตัวหนังสือที่หน้าจอโคตรเล็กอ่ะ คนสายตาไม่ได้ ขนาดใส่แว่นแล้วยังไม่เห็นคำตอบเท่าไหร่เลย 5555
สุดท้ายจริงๆแล้ว งานจัดได้ดีมากๆครับ ขอบคุณทุกคน ทั้ง Speaker ทั้งทีมงานและ Sponsors หวังว่ากิจกรรมต่างๆสำหรับคนรัก WordPress จะมีอีก ต่อเนื่องไปเรื่อยๆนะครับ
