ทำความรู้จักกับ WebP มาตรฐานรูปภาพสำหรับใช้บนเว็บ

WebP มาตรฐานรูปภาพสำหรับบนเว็บ ที่มาถึงวันนี้ผมว่ายังนับว่าใหม่อยู่มากๆ เพราะยังมีคนใช้งานอยู่ไม่เยอะมากและ Browser ก็ยังไม่ได้รองรับกันครบหมดแบบนั้น

WebP มาตรฐานรูปภาพสำหรับบนเว็บ ที่มาถึงวันนี้ผมว่ายังนับว่าใหม่อยู่มากๆ เพราะยังมีคนใช้งานอยู่ไม่เยอะมากและ Browser ก็ยังไม่ได้รองรับกันครบหมดแบบนั้น

Continue reading “ทำความรู้จักกับ WebP มาตรฐานรูปภาพสำหรับใช้บนเว็บ”

คิดเลข ไม่เก่ง แต่ก็เขียนโปรแกรมได้ Math with Programming

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

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

แล้วก็มาถึงวันที่ชีวิตเปลี่ยน เมื่อมาเจอกับสิ่งที่เรียกว่า เลขยกกำลัง สำหรับผมในวันนั้นมันเป็นเรื่องยากมากๆ เพราะผมจะมีความเข้าใจว่า เมื่อ 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 Bangkok 2019 งานของคนรัก WordPress

งาน Word Camp ปี 2019 ในครั้งนี้จัดขึ้นมาเป็นครั้งที่ 5 แล้ว ซึ่งงานในครั้งนี้ นับว่าน่าไปมากๆ เพราะว่าทาง Word press เอง มีการเปลี่ยนแปลงครั้งใหญ่ไปไม่นาน แน่นอนครับ มันคือเรื่องของ การเปลี่ยน Editor ไปเป็น Gutenberg นั้นเอง

Word Camp Bangkok 2019
Word Camp Bangkok 2019

งาน 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 เลยงงนิดหน่อย

Swag หรือของที่ระลึกจากงาน
Swag หรือของที่ระลึกจากงาน

ของที่ระลึกในงานสวยดีครับ มียาหม่องกับสมุดโน๊ตเล่มเล็กๆแล้วก็ Sticker กับเจ้า Wapuu ที่ชื่อ Hanuman Wapuu ออกแบบได้สวยมากครับ

เปิดงานแล้ว

แล้วก็ถึงเวลาเปิดงาน เข้าไปรวมกันอยู๋ในห้อง A เพื่อฟังเรื่องราวของงานต่างๆ และทำความเข้าใจรายละเอียด และคำแนะนำเพิ่มเติม บอกคำเดียวว่า คนมาเยอะมากๆๆๆๆๆ

Design Research
Design Research

หลังจากเปิดงานเสร็จเราก็แยกย้ายกันไปตามห้องต่างๆ ส่วนตัว 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 กันแล้วละครับ

สร้าง APP ด้วย WordPress
สร้าง APP ด้วย Word press

เรื่องถัดมาหลังพักทานข้าว เป็นเรื่องของพี่หลง Pattaya Upara เกี่ยวกับวิธีการเปลี่ยนไอเดีย เป็นแอพแผนที่ ชุมชนในกรุงเทพ ด้วยการใช้ wordpress อันนี้บอกเลยว่า เปลี่ยนวิธีคิดไปมาก

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

Woo Commerce
Woo Commerce

ถัดมาเป็นเรื่องของ พี่เม่น Chakkrisn Talawat ที่มาพูดถึงการทำงานกับร้านค้าออนไลน์ Woo Commerce ด้วยรูปแบบของคนไทย เป็นร้านค้าแบบไทย การตั้งค่า วิธีคิดแบบไทย อันนี้ได้รู้จัก Plugin เยอะมาก แถมไม่ธรรมดาตรงที่ Seed Themes มาแบบมี Live สดด้วย

ส่วน Slide ในงานพี่เม่นแจกที่ Link นี้ครับ

Maintaining Woo Commerce
Maintaining Woo Commerce

อีกช่วงเป็นเรื่องการ 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 จะมีอีก ต่อเนื่องไปเรื่อยๆนะครับ

Link Official