Skip to main content

· 2 min read
Kongvut Sangkla

Intro

สวัสดีครับ วันนี้ไม่ได้มาเขียนบทความเกี่ยวกับ Programming แต่อย่างใด แต่จะมาลองเล่าเรื่องสบาย ๆ เกี่ยวกับแนวคิดดี ๆ น่ารัก ๆ จาก Buy Me a Coffee ☕️

Imgur

· 6 min read
Kongvut Sangkla

Intro

สวัสดีครับ บทความนี้เป็นเนื้อหาที่เกี่ยวกับ Docker เหมาะสำหรับผู้ที่มีพื้นฐานเรื่อง Docker มาก่อน ซึ่งจะอธิบายถึงวิธีการใช้งาน Docker context

บทความนี้เป็นการสรุปไว้สำหรับทบทวน และมีตัวอย่างเล็กน้อยจากเนื้อหาอ้างอิง ซึ่งจะไม่ได้อธิบายเนื้อหามาก

· 8 min read
Kongvut Sangkla

Intro

สวัสดีครับ บทความรีวิวอีกแล้ว 😄 แต่บทความนี้จะยาวหน่อยนะครับ โดยเป็นการรีวิว App จ่ายค่าส่วนกลางของหมู่บ้านพัฒนาด้วย Line LIFF ที่ผมเป็นผู้พัฒนาขึ้นมาเอง โดยที่ไม่มีค่าใช้จ่าย และใช้งานฟรี โดยจะมีแยกเป็น 2 ส่วนคือ

  1. การทำงานของ App
  2. Tech stacks ที่ใช้ทั้งหมด

App ระบบจ่ายค่าส่วนกลางของหมู่บ้าน ใช้เวลาพัฒนาประมาณ 1 เดือน ทำงานบน LINE Front-end Framework (LIFF) สำหรับใช้งานในหมู่บ้านจัดสรร โดยเป็น App ที่พัฒนาบนพื้นฐานให้ใช้งานง่ายสำหรับผู้ใช้งาน และ พยายามใช้ Tools ฟรีให้มากที่สุด

· 7 min read
Kongvut Sangkla

Intro

สวัสดีครับ บทความนี้จะรีวิว ROCK (Pi) 4A 4GB ที่รองรับ M.2 บอร์ดทางเลือกทดแทน Raspberry Pi แต่เป็นรีวิวที่ไม่ได้เปรียบทับกับ Raspberry Pi ตรง ๆ ทุกอย่างนะครับ แต่อยากเขียนไว้เป็นข้อมูลสำหรับผู้ที่กำลังหาข้อมูล Development board สักตัว

ที่จริงอยากได้ Single Board Computer (SBC) สักอันมาใช้งานมาสักพักแล้วครับ และช่วงนี้ดูเหมือนว่า Raspberry Pi สินค้าขาดตลาดรึเปล่าเพราะราคาสูงมาก Raspberry Pi 4 รุ่น 4GB ราคาเกือบ 5,000 บาทเลย และราคานี้ก็ยังไม่รวมอุปกรณ์เสริมอื่น ๆ

ผมหาข้อมูลจนได้ไปพบกับเจ้า ROCK Pi 4 ราคาก็ค่อนข้างถูกกว่ามาก และประสิทธิภาพของบอร์ดนั้นก็ถือว่าดีมากจึงซื้อมาใช้เลยทันที ดังนั้นบทความนี้จึงตั้งใจรีวิวเพื่อเล่า ข้อดี-ข้อเสีย ของบอร์ด ROCK Pi 4 และก่อนที่จะสั่งซื้อมาใช้งานก็พบว่ารีวิว ROCK Pi 4 จากคนไทยยังไม่มี (พบว่าส่วนใหญ่มีแต่ของ Raspberry Pi)

· 5 min read
Kongvut Sangkla

Intro

สวัสดีครับ บทความนี้จะแชร์เทคนิคเพิ่มประสิทธิภาพในการโหลดหน้าเว็บ Apps และขนาดของ Bundle size ด้วย Dynamically Importing Components ของ React.lazy

ใน JavaScript frameworks เช่น React โดยปกติจะใช้ Statically import สำหรับการเรียก Components ซึ่งเมื่อเปิด Apps ก็จะเป็นการเรียกใช้ทันที แต่บางทีก็ไม่ได้มีความจำเป็นที่จะต้องการทันทีขนาดนั้น

Dynamically Importing จึงเป็นเทคนิคที่เข้ามาช่วยแก้ปัญหานี้เพื่อใช้ Import Components เมื่อจำเป็นต้องเรียกใช้เท่านั้น

ปัญหาของ Statically import คือการเรียกใช้ Components ทันทีโดยไม่ได้คำนึงว่าจะใช้งานหรือไม่ แต่ลองคิดดูว่า บาง Component จะ Render หลังจาก User interacts เท่านั้น หรือก็จากเงื่อนไขบางอย่าง ตัวอย่างดังนี้

· 5 min read
Kongvut Sangkla

Intro

สวัสดีครับ ห่างหายไปนานเลย เพราะยุ่ง ๆ ครับ บทความนี้จะรีวิวสินค้า แต่ปกติไม่ค่อยได้เขียนบทความเกี่ยวกับรีวิวสินค้าเท่าไหร่ เพราะไม่ค่อยถนัด แต่ที่เขียนบทความนี้เพราะอยากจะมาเล่าการใช้งาน เพราะผมเพิ่งจะได้ของมาใช้งานสักพัก และเห็นว่าดีก็เลยอยากจะรีวิว Router Opal (GL-SFT1200) ขนาด Pocket-sized ด้วยพลัง OpenWrt เผื่อมีท่านอื่นสนใจครับ 😊

· 3 min read
Kongvut Sangkla

Intro

สวัสดีครับ จากบทความครั้งก่อนได้พูดถึง เทคนิค Debouncing โดยบทความนี้จะพูดถึงเทคนิค Throttling ที่มีความคล้ายคลึงกัน ซึ่งเป็นเทคนิคที่มีประโยชน์ช่วยเพิ่มประสิทธิภาพ Performance ได้ทั้ง Frontend App และ Backend App ที่ช่วยแก้ปัญหาการเกิด callback จำนวนมากจาก Event listeners มีรายละเอียดดังนี้

· 4 min read
Kongvut Sangkla

Intro

สวัสดีครับ บทความนี้จะพามารู้จักกับ Debouncing โดย Debouncing เป็นเทคนิคที่มีประโยชน์ในการเพิ่มประสิทธิภาพ Performance ของ Client-side applications โดยเป็นหนึ่งเทคนิคในหลายสิ่งที่สำคัญในการพัฒนา Web App และ Software ซึ่งตามปกติโปรแกรมเมอร์จำเป็นต้องเขียนโค้ดโปรแกรมโดยคำนึง Performance เพื่อที่จะเพิ่มประสบการณ์ผู้ใช้งานที่ดี (UX) กับ Software

· 9 min read
Kongvut Sangkla

Intro

บทความสรุป React cheatsheet นี้จะเป็นการอธิบายเกี่ยวกับ React พื้นฐานเนื้อหาอย่างย่อเพื่อทำความเข้าใจ React อย่างรวดเร็ว และให้คุณเห็นภาพรวมของแนวคิด React ทั้งหมดที่คุณต้องรู้ในปี 2022 มาเริ่มกันเลย!

· 3 min read
Kongvut Sangkla

Intro

สวัสดีครับ บทความนี้จะเล่าถึง Docker กับ Chip M1 โดย Docker เป็น Develop tools ที่ผมใช้งานประจำ และเมื่อได้รับเครื่องที่ใช้ Apple silicon ก็ตื่นเต้นมากที่จะได้ลองใช้กับ Docker

แนะนำให้อ่านบทความนี้ร่วม ว่าทำไมได้เครื่องใหม่มาทำไมถึงดูวุ่นวายกว่าเดิมกับ M1 "วิธีติดตั้ง Node.js บนเครื่องที่ใช้ CPU Apple Silicon M1" ที่มีการเปลี่ยนไปใช้สถาปัตยกรรมที่เป็น ARM ทำให้พบการใช้ Docker ที่ต่างจากเดิมที่เคยใช้งาน ดังนั้นจึงขอมาเขียนบันทึกไว้สักหน่อยครับ 😊