Engineer Indy Blog

หลังจากที่ชาว React เดินทางมาพบกับ Hooks ตั้งแต่ React 16.8 ชีวิตของหลายๆท่านก็เปลี่ยนไป ความสะดวกสบายบังเกิดขึ้น ทุกหย่อมหญ้า npm เติมไปด้วย Library use นั่น use นี่ มีให้เลือกไม่หวาดไหว แม้ว่าการจะเขียน Hooks ขึ้นมาใช้เอง คงไม่เกินกำลังของเราเกินไป แต่เชื่อเถือ ถ้าเลือกใช้ Library ถูกตัว มันจะช่วยลดภาระ ลดบัค ประหยัดเวลาไปได้เยอะ Beautiful React Hook หนึ่งใน Library Hooks collections ที่มี Hooks function ให้ท่านเลือกใช้มากมาย และเป็นที่นิยมพอสมควร มีตัวอื่นที่ดีกว่านี้ไหม ไม่แน่ใจ เพราะยังไม่ได้ Research ถ้าใครมีตัวไหนดีๆ ก็แนะนำมาได้ด้านล่าง แต่จากที่ผมดูยอด Weekly Download ก็มีคนใช้งานอยู่พอสมควร ซึ่งเท่าที่อ่านดู มีหลายตัวที่น่าสนใจ และน่านำมาใช้ เช่น useCookie, useDrag, useMouse และอื่นๆอีกเยอะเลย ต้องลองไปเล่นดูถึงจะรู้ว่ามีอะไรบ้าง บางอย่างมันก็แบบ คืออิหยั่งวะ  อย่างที่บอก แต่ละ Hooks เราอาจเขียนเองได้ แต่ถ้าใช้อะไรพวกนี้เป็น มันก็ประหยัดเวลา แต่อย่าลืมว่าเราต้องไปจำว่า Library ตัวนี้มีอะไรให้ใช้บ้าง เพราะมันเยอะจริงๆ เอาตรงๆผมยังแนะนำว่าเขียนเองน่าจะ ทำให้เราเข้าใจโค๊ดดีที่ส

บทความนี้ขอเขียนสั้นๆ เป็นเรื่อง Electron JS ซึ่งเป็นเครื่องมือช่วยในการสร้าง Cross platform desktop apps โดย Electron JS เกิดขึ้นมานาน และเป็นที่นิยมในหมู่คนเขียน Desktop Application เนื่องจากเราสามารถใช้ความรู้จากการเขียนเว็บ มาเขียนแอพได้ด้วย จากที่เมื่อก่อนการเขียนแอพนั้น คุณอาจจะต้องใช้ภาษาจาก Java เพื่อให้ทำงานข้าม OS ได้ Electron JS จุดเด่นหลักๆของ Framework ตัวนี้คือ Open source Cross platform Web technology ฟีเจอร์น่าใช้งาน User Interface เช่น เมนูเนวิเกเตอร์ การแจ้งเตือน Dialog หรือพวกหน้าต่างการแสดงผล พวกนี้จะปรับเปลี่ยนไปตาม OS ที่ใช้งาน มีความน่าเชื่อถือ โดย Store ต่างๆยอมรับ คุณสามารถเอาแอพที่สร้างจาก Electron ไปวางขายได้ มีระบบ Crash Report คอยรายงานถ้าโปรแกรมพัง สามารถใช้ Javascript framework ที่เป็นที่นิยมในปัจจุบัน มาเขียนร่วมด้วยได้ เช่น React, Vue, Next JS, Angular เป็นต้น ประมาณนี้ละกัน ถ้ามีโอกาสลองเขียนโปรเจคจริงจัง ไว้จะมาอัพเดทอีกที

ใครที่เริ่มต้นเขียนเว็บคงจะเคยเห็น CSS Reset กันเป็นประจำ แต่เอาจริงๆผมก็เพิ่งมารู้เมื่อไม่นานมานี้เองว่า ไอ้ที่เราเขียนเนี่ย มันมีชื่อเรียกว่า CSS Reset โดยหน้าตามันก็ประมาณนี้ CSS Reset อย่างที่เราเข้าใจ CSS Reset มีหน้าที่ทำการเคลียร์ style sheet เบื้องต้น ที่ browser มีมาให้ ให้อยู่ในสถานะที่พร้อมเอาไปเขียนต่อได้ ภาพ Cover ไม่เกี่ยวกับเนื้อหา : Photo by Pankaj Patel on Unsplash ถ้าอย่างนั้น เราเขียน CSS Reset แบบไหนดีล่ะ เอาตรงๆก็คงแล้วแต่งาน แต่เบื้องต้นที่ผมลอง Research มา ท่านี้ก็ใช้ได้ สำหรับแต่ละตัวคืออะไรบ้าง ลองอ่านจาก ลิงค์นี้ โดยเราสามารถสร้างไฟล์ CSS Reset ไว้ก่อน แล้วค่อย Include มาเข้าใน CSS ตัวหลัก แบบนี้โค๊ดก็จะไม่รก สวยงามขึ้น

จะสิ้นเดือนมกราแล้ว รู้สึกเหมือนเพิ่งผ่านการดูพลุเมื่อเร็วๆนี้อยู่เลย พอแก่แล้ว เวลามันเร็วขึ้นหรือเปล่านะ ? งั้นบทความนี้ผมขอบันทึกสิ่งที่ควรทำในเดือนแรกของปี เก็บไว้หน่อย ปีหน้าจะได้มีอะไรทำมากขึ้น ท้ายๆปีอย่างธันวาคม น่าจะเป็นฤดูกาลแห่งการสรุปบทเรียนต่างๆ ไม่ว่าจะเป็นงาน การลงทุน เรื่องราวทั้งปี หนังหรือเพลงที่ชอบสุดประจำปี หรือแม้กระทั่งการซื้อของลดราคา และการหยุดยาวไปเที่ยว กิจกรรมของแต่ละคน มันคงต่างกันแหละนะ แต่ดูเป็นไอเดียได้ และนี่คือ 10 สิ่งที่ควรทำในเดือนแรกของปีของผมเอง จ่ายภาษี ขูดหินปูน ตรวจสุขภาพ ทำความสะอาดบ้าน ตั้งเป้าหมาย หาเพื่อนใหม่ วางแผนการเงิน ค้นหางานที่สนใจ ลางานไปเที่ยว ทักทายเพื่อนเก่า Photo by Ian Schneider on Unsplash จ่ายภาษี จริงๆแล้วมันสามารถจ่ายได้ถึงเดือนไหน ผมก็ไม่แน่ใจ แต่เพื่อให้เราได้เงินคืนแล้วนั้น ยิ่งไวยิ่งดี มันจะทำให้คุณหลุดพ้นจากพันธนาการ และมีเงินเอาไปใช้จ่ายนู่นนี่ ฮ่ะๆ ขูดหินปูน ไม่เชื่อก็ต้องเชื่อ ผมเพิ่งรู้เมื่อไม่กี่ปีมานี่เองว่า ประกันสังคมสามารถเอามาเคลมค่าขูดหินปูนได้ปีละ 900 ซึ่งส่วนใหญ่ หมอก็ชาร์จประมาณนั้นแหละ เป็นเรื่องที่ดีในกา

หากทำงานสายคอมพิวเตอร์ คงไม่มีใครไม่รู้จัก Font  ย้อนกลับไป ตอนคุณเริ่มจับคอมใหม่ๆ หากคุณใช้ Word Office คุณต้องรู้จักการเปลี่ยนฟ้อนแน่นอน Font บนโลกมีมากมาย หลากหลายสไตล์ มีภาษาให้เลือกทุกประเทศ แต่ละฟ้อนให้ความรู้สึก อารมณ์ที่ต่างกันไป แต่ทราบกันไหมว่าฟ้อนมีกี่ประเภท อะไรบ้าง และมีวิธีเลือกใช้อย่างไร Font แบ่งเป็น 5 ประเภท ผมแบ่งตามประเภทใน Google Font ซึ่งที่อื่น อาจแบ่งแตกต่างกันไป  Serif ลักษณะเฉพาะ : ในภาษาอังกฤษจะมีขีดเล็กๆที่ปลายตัวอักษร เหมาะสำหรับ : ใช้ในเนื้อความที่มีความยาว เช่นนิยาย เพราะอ่านง่าย ให้ความรู้สึกคลาสสิก Sand Serif ลักษณะเฉพาะ :  จุดเด่นคือความเรียบ เกลี้ยง เส้นมีขนาดใกล้เคียงกันตลอดทั้งตัวอักษร เหมาะสำหรับ :  ใช้ในหน้าเว็บหรือง่านดิจิตอล ให้ความรู้สึกทันสมัย Display ลักษณะเฉพาะ :  ฟ้อนประเภทนี้ จะมีการตกแต่งให้ดูโดดเด่น มีเอกลักษณ์เฉพาะตัว เหมาะสำหรับ :  มักใช้ในการพาดหัวเรื่อง ไม่เหมาะนำมาใช้พิมพ์เนื้อความ Handwriting ลักษณะเฉพาะ :  ฟ้อ

บทความนี้ขอบันทึก Regular Expression (Javascript) ที่คิดว่าอาจจะมีโอกาสได้ใช้ เนื่องจากส่วนตัวคิดว่า มันมีประโยชน์มาก แต่พอไม่ได้ใช้มันก็ลืม ดังนั้นถ้าจดคอนเซปหลักๆไว้ น่าจะกลับมาดูได้ภายหลัง RegExp Regular Expression คือรูปแบบตัวอักษร ส่วนใหญ่ถูกใช้ในการค้นหา หรือการแทนที่ตัวอักษรในรูปแบบ Text  สรุปง่ายๆคือ ประโยชน์ของ RegExp ช่วยให้ประหยัดเวลาเมื่อต้องการเล่นกับ Text ตัวอย่างเช่น เราอยากรู้ว่าข้อความที่ได้มา มีคำต้องห้ามหรือไม่ ถ้าไม่ใช้ RegExp เราก็ต้องสร้าง Function มาวนลูปเพื่อเช็คทีละ Character ซึ่งค่อนข้างยุ่งยากและสิ้นเปลืองทรัพยากร ดังนั้นจากตัวอย่างเดียวกันเราสามารถใช้ RegExp เช็คได้เพียงบรรทัด ซึ่งก็จะประหยัดเวลาไปได้มาก ตัวอย่าง ที่พบบ่อยแต่จำไม่ค่อยได้หรอก ต้องพยายามกลับมาอ่านเอา

ใครที่นอนจมอยู่บ้าน แช่บนโซฟาทุกเสาร์อาทิตย์ เบื่อแล้ว อยากออกไปหากิจกรรมเปิดหูเปิดหน้า เชิญทางนี้ เพราะบทความนี้ ขอเอาแหล่งรวมกิจกรรมน่าสนใจ มาแบ่งปันครับ Thailand Exhibition เว็บไซต์รวมรวมงานสัมนา งานจัดแสดง งานกิจกรรม งานพบปะสังสรรค์ เยอะแยะตาแป๊ะไก่ รวบรวมมาแล้วให้ท่านเลือกชม งานดีๆมีเพียบ สามารถดูล่วงหน้าได้เป็นปี เพื่อจัดสรรเวลาให้พร้อม ก่อนออกไปลุย โดยงานต่างๆจะแบ่งออกเป็นหมวดหมู่ เหมาะสำหรับคนหลากหลายประเภท เช่น งานของกิน ช็อปปิ้ง สัตว์เลี้ยง แฟชั่น รถยนต์ และอื่นๆอีกมามากมาย โดยคุณสามารถค้นหาตามสถานที่ หรือตามหมวดหมู่ที่ชื่นชอบได้ สะดวกมาก ส่วนตัวผมชอบไปดูว่าปีนี้งานหนังสือจะจัดวันที่เท่าไหร่ จะได้แพลนเงินถูก ฮ่ะๆ นอกจากเว็บไซต์นี้จะช่วยคุณค้นหาสถานที่เที่ยวได้แล้ว เค้ายังเปิดโอกาสให้พ่อค้าแม่ค้าติดต่อผู้จัดงาน เพื่อจับจองพื้นที่ในงานจัดแสดงสินค้าได้อีกด้วย