Byte Better Co., Ltd.

18/12/2025

ลาก่อนทุกเว็บที่หน้าตาเหมือนกัน 😅

shadcn เปิดตัว npx shadcn create ครับ

หลายคนที่เคยใช้ shadcn/ui มักไม่ค่อย custom หน้าตา ui กันมากนัก (แม้ว่าจะ customize ได้) ทำให้หลายเว็บหน้าตาคล้ายกัน

ตอนนี้เรามี npx shadcn create แล้ว เป็น CLI ใหม่ที่ใช้สร้าง shadcn/ui เวอร์ชันของตัวเองตั้งแต่ต้นเลย (มีเว็บให้กดปรับได้เลย) โดยเราสามารถเลือกและปรับได้หมดครับ ไม่ว่าจะเป็น component library, icon set, base color, theme, fonts, spacing และโครงสร้างของคอมโพเนนต์

นอกจากนี้สำหรับคนขี้เกียจยังมี Visual styles ใหม่มาให้ 5 แบบ อีกด้วย คือ

1. Vega – สไตล์คลาสสิกของ shadcn/ui

2. Nova – padding และ margin น้อย เหมาะกับ layout กระชับ

3. Maia – นุ่ม โค้งมน spacing กว้าง

4. Lyra – เหลี่ยม คม เข้ากับฟอนต์ mono

5. Mira – compact เหมาะกับ interface ที่ข้อมูลหนาแน่น

และไม่ใช่แค่เปลี่ยน theme config แค่นั้นนะครับ แต่เค้าเขียนโค้ดคอมโพเนนต์ใหม่ให้สอดคล้องกับการตั้งค่าของเราเลย ไม่ว่าจะทั้ง fonts, spacing, structure และแม้แต่ไลบรารีที่เราเลือกใช้

ใครอยากลองเข้าที่นี่ได้เลยครับ

https://ui.shadcn.com/create

ลองใช้ดูนะครับ

โค้ชเอก

12/12/2025

เราไม่ได้ทำตามนี้ แต่ update จาก 14 ไปเป็น 16 เรียบร้อยละ แก้พวก lib ที่ไม่ compatible นิดหน่อย อาจจะดีกว่าในระยะยาว

สำหรับคนที่ใช้ Next.js เวอร์ชันตามตารางคอลัมน์ซ้าย ให้อัปเกรดมาเป็นเวอร์ชันที่ปลอดภัยตามคอลัมน์ทางด้านขวานะครับ

อย่างที่รู้กันว่า React.js ฝั่งเซิร์ฟเวอร์ (React Server Components) มีช่องโหว่ความรุนแรงระดับ 10.0 คือ CVE-2025-55182 สำหรับ React และ CVE-2025-66478 สำหรับ Next.js ช่องโหว่นี้สามารถนำไปสู่การ Remote Code Ex*****on (RCE) ได้จาก request ที่ถูกสร้างขึ้นโดยเฉพาะ

วิธีการที่อัปเกรดง่ายที่สุด ผมแนะนำ command line utility นี้ครับ แค่ใช้คำสั่ง

npx fix-react2shell-next

ดูเพิ่มเติมที่นี่: https://github.com/vercel-labs/fix-react2shell-next

โค้ชเอก

22/11/2025

☁️ หลังจากได้อ่านรายงานเรื่อง Cloudflare ล่มไปเมื่อวันก่อน (18/11/25) ด้วยความสงสัยว่าทำไม "implicit" vs "explicit" grants จึงทำให้เกิด rows ซ้ำๆ ได้ จนเป็นสาเหตุให้ Cloudflare ล่ม (+ Rust unwrap())
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
👉 แอดมินเลยได้จำลองการตั้งค่า ClickHouse cluster หลายๆ แบบ จนสามารถทำการลองทำเรื่อง rows ซ้ำๆ หลังจาก explicit grants ตามในรายงานของ Cloudfare ได้ เลยทำ diagram อธิบายสรุป + repo ให้ไปลองเล่นกัน
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
📌 สรุปคือ โดยการทำงานของ ClickHouse cluster นั้น กรณีที่มีการทำ sharding หรือ แบ่งข้อมูล table ไปยังหลายๆ server ในกรณีที่ server เดียว ไม่สามารถรองรับได้ (performance, ขนาด/จำนวน rows ฯลฯ)
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
จำเป็นต้องมีการสร้าง "Distributed table" ซึ่งทำหน้าที่เป็น coodinator/router ในการกระจาย read/write ไปยัง shards ที่อยู่บน nodes อื่นๆ
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
โดยตัว "Distributed table" นี่สามารถ deploy ได้หลายแบบ (แบบ standalone vs cluster)
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
ซึ่งเมื่อเวลา client ทำการ query ไปยัง distributed table นั้น เดิมจะมี user อยู่ 2 ส่วน
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
1️⃣ initial user คือ user ที่ client ใช้รัน query
2️⃣ shared user คือ user ที่ตัว distributed table ใช้ในการเรียก shard ต่างๆ (บน node อื่นๆ)
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
ซึ่ง Cloudflare เองต้องการเอา 2️⃣ ออก เพราะเรื่อง security/safety โดยอยากให้รัน query โดยใช้ initial user ในการรัน แทนที่จะใช้ shared user
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
โดยก่อนการเกิดเหตุการณ์ล่มนั้น ตัว initial user มีแค่ read access บน default.http_requests_features ทำให้เวลารัน query บน system.columns เจอแค่ rows จาก default database
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
เพื่อเตรียมการเอา shared user ออก Cloudflare เลยทำการ grant read access บน r0.http_requests_features ด้วย ซึ่งเป็นสาเหตุให้ query เดิมที่ system.columns ได้ rows ซ้ำๆ มาจาก r0 database ด้วย! (เลยเป็นที่มาของ outage ครั้งนี้)
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
(เดิม initial user สามารถเรียกข้อมูลบน underlying table ได้แบบ "implicit" อยู่แล้ว เพราะได้สิทธิ์จาก "shared" user นั่นเอง ~ แต่มองไม่เห็น system.columns จาก r0 เพราะไม่ได้มีการ "grant" โดยตรง !)
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
ปล. นั่งทำ diagram นานนนนมาก 😅 + repo อยู่ใน comment

10/11/2025

🔥 GitLab vs GitHub — ศึกสองแพลตฟอร์ม Git ที่ไม่มีใครชนะขาด ฟังเสียงจาก dev ที่ใช้

ไปเจอโพสต์จาก Reddit ที่มีคนโหวตเกิน 150 upvotes จุดประเด็นร้อนว่า

“บริษัทผมใช้ GitLab แต่ดูเหมือนทุกคนข้างนอกใช้ GitHub หมด มันต่างกันยังไง และอันไหนดีกว่ากันแน่?”

✅ เลยขอมาสรุปเสียงจากฝั่ง dev ได้แบบกระชับดังต่อไปนี้ครับ

- องค์กรส่วนใหญ่ชอบ GitLab เพราะ self-host ได้ — ไม่ต้องพึ่ง external platform เหมาะกับงาน internal และมีเวอร์ชัน Community Edition ฟรี

- GitHub โดดเด่นเรื่อง open collaboration — เป็นศูนย์กลางของ open source และ ecosystem ใหญ่กว่า โดยเฉพาะหลัง Microsoft ซื้อกิจการ

- CI/CD ของ GitLab ถูกใจหลายคนมากกว่า — มี pipeline แบบครบวงจรในตัว

- GitHub ชนะขาดเรื่อง GitHub Actions และการ integrate กับ AI tools (Copilot)

- GitHub Enterprise ก็ self-host ได้เช่นกัน (แต่ต้องมี license และผ่านสัญญา Microsoft)

- UI/UX ความชอบส่วนตัวล้วน — หลายคนว่า GitHub ลื่นกว่า บางคนกลับชอบ GitLab ที่รวมทุกอย่างไว้ในที่เดียว

- GitLab = Open source / GitHub = Proprietary

- เสียงส่วนใหญ่เห็นตรงกัน คือไม่มีใครดีกว่ากันแบบขาดลอย ขึ้นอยู่กับ use case และงบประมาณองค์กรครับ

และยังมี Insight จากคอมเมนต์ที่น่าสนใจครับ

“GitLab ดีกว่าเมื่อองค์กรต้องการควบคุมทุกอย่างในระบบตัวเอง
GitHub ดีกว่าเมื่อคุณอยากโชว์ผลงานให้โลกเห็น”

“GitHub Actions สะดวกมาก แต่ GitLab CI/CD มีพลังมากกว่าในระบบปิด”

“GitLab ฟรีแต่บางฟีเจอร์ต้องเสียเงิน GitHub ถูกกว่าเมื่อซื้อแบบ Enterprise ร่วมกับ O365”

“Bitbucket = sh*t” — (คอมเมนต์ยอดฮิต)

✅ ถ้าให้สรุปสั้น ๆ
- บริษัทใหญ่ / Data-sensitive → GitLab (self-host)
- Open source / Portfolio / AI workflow → GitHub
- ทีมเล็กหรือ startup → เลือกอันที่ทีมถนัดและราคาคุ้มสุด

ส่วนตัวใช้ทั้ง GitHub และ GitLab (เอาไว้ทำ CI/CD) และงานลูกค้าส่วนใหญ่จะอยู่บน GitLab ครับ ส่วนเพื่อน ๆ สมาชิกชาว dev ใช้ตัวไหนกันอยู่ แชร์ได้ได้เน้อ

สรุปและเรียบเรียงโดย Devhub Team 🙏 ซัพพอร์ตเราด้วยการกดไลก์ ติดตาม และแชร์ เพื่อที่จะได้ไม่พลาดสาระดี ๆ ด้าน Software Development, Programming และ IT เว็บไซต์: 📒 devhub.in.th

📌🙏 partner/sponsor/supporter : (inbox เพจ)
ที่มา: https://www.reddit.com/r/git/comments/1os4now/gitlab_vs_github/

15/09/2025

VS Code ออกเวอร์ชัน 1.104 (อ่านว่า ร้อยสี่) ประจำรอบเดือนสิงหาคม 2025 มีฟีเจอร์ใหม่ที่น่าสนใจคือ Language Model Chat Provider API เป็น API ที่.....

01/09/2025

25/07/2025

โดยปกติผมมักจะเริ่มเนื้อหาด้วยการอธิบายความหมายของหัวข้อที่ต้องการจะเล่าในบทความ เช่น Software Architecture คืออะไร .....