GyaanSetu WebDev

Frontend, Backend และ DevOps สำหรับเว็บยุคใหม่

230 articlesDeep, practical knowledge

LLM สร้างเพียงคำขอในรูปแบบ JSON เท่านั้น – โค้ดของคุณคือผู้ดำเนินการจริง

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

WebDev · 4 min read

ฟิลด์สแปมที่ซ่อนอยู่ทำยอด Impression ของหน้าภาษาอาหรับหายเกลี้ยง จนต้องเสียเวลาแก้บั๊กไปหลายชั่วโมง

Honeypot ทำหน้าภาษาอาหรับของผมพัง Convertica รองรับทั้งหมด 7 ภาษา โดย 6 ภาษาอ่านจากซ้ายไปขวา แต่ภาษาอาหรับอ่านจากขวาไปซ้าย ความแตกต่างนี้ทำให้ผมต้องเสียเวลาแก้บั๊กไปหลายชั่วโมง ทุกๆ หน้าภาษาอาหรับ...

WebDev · 1 min read

E-commerce Sites Can Escape Facet Crawl Traps by Blocking Low-Value URLs

An audit found Googlebot hitting filter URLs three times daily while main categories were crawled once every three weeks, causing fresh inventory to sit invisible for weeks. By classifying facets, using canonicals, blocking low-value URLs, and rendering filters as buttons, sites trimmed indexing tim

WebDev · 3 min read

การคลิกเพียงครั้งเดียวบน Cloudflare Bot Fight Mode ทำเอา SaaS API หยุดทำงานไปนานถึงหนึ่งเดือน

ทราฟฟิก API ของนักพัฒนาหายวับไปเนื่องจาก Cloudflare ตรวจจับ AWS Lambda callbacks ของเขาเองว่าเป็นบอท โดยที่ไม่มีข้อผิดพลาดใดๆ ปรากฏขึ้นในแอป ทำให้ตัวเลขการใช้งานนิ่งสนิทอยู่หลายสัปดาห์ จนกระทั่งมีการปิดการใช้งาน Bot Fight

WebDev · 3 min read

GitHub เปิดตัว Stacked Pull Requests เวอร์ชัน Public Preview เพื่อช่วยลดเวลาในการรีวิว

ฟีเจอร์พรีวิวนี้ช่วยให้คุณสามารถสร้างลำดับของ pull requests ที่มีความเกี่ยวข้องกัน โดยแต่ละรายการจะสร้างต่อยอดจากรายการก่อนหน้า ทำให้ผู้รีวิวเห็นเฉพาะการเปลี่ยนแปลงที่เกี่ยวข้องกับเลเยอร์นั้นๆ ซึ่งช่วยลดภาระในการรีวิวและปัญหาการรวมโค้ด (merge conflicts) ได้อย่างมาก

WebDev · 2 min read

TanStack ตัดสินใจเลิกใช้ React Server Components เนื่องจากความซับซ้อนและปัญหาเรื่องความล่าช้า

ทีม TanStack พบว่าการดีบั๊ก RSC จำเป็นต้องใช้โมเดลทางความคิดที่แตกต่างออกไป และการทำงานแบบ server-only ยังส่งผลให้ไม่สามารถใช้งานร่วมกับไลบรารีภายนอกได้หลายตัว จึงทำให้พวกเขาตัดสินใจเลือกใช้สถาปัตยกรรมแบบ client-only ที่เรียบง่ายกว่า

WebDev · 2 min read

ผลการศึกษาพบว่า มีเพียง 47% ของโดเมนที่เปิดใช้งาน DMARC เท่านั้นที่มีการบังคับใช้นโยบายจริง

ภาพลวงตาของความปลอดภัยทางอีเมล ผู้คนต่างกล่าวว่าการยืนยันตัวตนทางอีเมลเป็นปัญหาที่ได้รับการแก้ไขแล้ว โดยอ้างว่ากฎของ Google และ Yahoo ช่วยให้โลกอินเทอร์เน็ตปลอดภัย แต่ข้อมูลกลับแสดงให้เห็นเรื่องราวที่ต่างออกไป...

WebDev · 1 min read

ทำไมแอปของคุณถึงค้างเมื่อมีผู้ใช้ถึง 2,000 คน: เมื่อ CPU และ RAM ต้องแย่งชิงทรัพยากรในทุกๆ Request

เมื่อมีผู้ใช้ไม่กี่พันคนเริ่มใช้งาน แต่ละ Request จะดึงเอา CPU cycles และ RAM ไปใช้ส่วนหนึ่ง จนเกิดเป็นคิวที่ทำให้เวลาในการตอบสนองนานขึ้น อาการช้าที่เกิดขึ้นไม่ใช่ข้อผิดพลาดของโค้ด แต่เป็นเพราะทรัพยากรที่มีจำกัดกำลังแย่งชิงพื้นที่กัน

WebDev · 4 min read

Google-to-Microsoft Migration Can Cost Millions if You Miss These Hidden Traps

A successful Google Workspace to Microsoft 365 migration requires a full inventory of every workload, correctly scoped OAuth service accounts, tools that handle Gmail labels without duplicating messages, automatic Graph API throttling management, and a staged bulk-plus-delta cutover to shrink downti

WebDev · 3 min read

.NET 8 TimeProvider ลดเวลาการทดสอบ Retry จาก 7 วินาที เหลือเพียง 36 มิลลิวินาที

ด้วยการทำ Dependency Injection ของ TimeProvider ใน .NET 8 และการเคลียร์ SynchronizationContext ของ xUnit ทำให้การทดสอบ retry-logic ที่เคยใช้เวลา 7 วินาที สามารถเสร็จสิ้นได้ภายในเวลาเพียง 36 มิลลิวินาที ซึ่งช่วยกำจัดช่วงเวลาการรอ (idle sleeps) และลดระยะเวลาใน CI pipelines โดยไม่ส่งผลกระทบต่อประสิทธิภาพในส่วนของ production

WebDev · 3 min read

ภัยคุกคามฟิชชิงที่สร้างโดย AI บีบให้ทุกคนต้องเรียนรู้พื้นฐานความปลอดภัยทางไซเบอร์

บทความนี้อธิบายว่าโมเดล Generative AI ในปัจจุบันสามารถเขียนอีเมลฟิชชิงได้อย่างไร้ที่ติ ซึ่งเปลี่ยนจากความกังวลด้านความปลอดภัยเฉพาะกลุ่มให้กลายเป็นภัยคุกคามในชีวิตประจำวัน พร้อมทั้งกระตุ้นให้ผู้ใช้งานพัฒนาทักษะการใช้วิจารณญาณ มากกว่าแค่ความรู้ในการใช้เครื่องมือ

WebDev · 4 min read

เมื่อการขาด Index เปลี่ยน API 8 ms ให้กลายเป็นระบบล่ม 8 วินาที กระทบผู้ใช้ 500 ราย

การทำ Sequential Scan บนตารางที่มีข้อมูลถึง 1.5 ล้านแถว บังคับให้ฐานข้อมูลต้องอ่านข้อมูลทุกแถวในทุกคำขอ ส่งผลให้ CPU พุ่งสูงถึง 100% และทำให้ Connection Pool หมดลง จนกระทั่งมีการเพิ่ม Composite Index เข้าไปเพื่อแก้ไขปัญหาในทันที

WebDev · 1 min read

Google ระงับโฆษณา Shopify เมื่อสินค้าที่ไม่มีสต็อกถูกเปลี่ยนเส้นทางไปยังหน้าแรก

เมื่อสินค้าในสต็อกหมดลง แอป Shopify หลายตัวจะทำการเปลี่ยนเส้นทาง (redirect) URL ของสินค้าไปยังหน้าแรกของร้านโดยอัตโนมัติ ซึ่ง Google จะระบุว่านี่คือ "landing-page-mismatch" และสั่งระงับโฆษณา ส่งผลให้ทราฟฟิกจากการค้นหาแบบชำระเงินหายไปทั้งหมด จนกว่าจะมีการแก้ไขการเปลี่ยนเส้นทางดังกล่าว

WebDev · 3 min read

Cloudflare เตรียมเปลี่ยนทุกการอ่านหน้าเว็บโดย AI ให้เป็นรูปแบบการซื้อลิขสิทธิ์ เริ่ม 1 กรกฎาคมนี้

รูปแบบการจ่ายตามการใช้งานจริง (pay-per-use) ใหม่นี้จะเข้ามาแทนที่โมเดลการเก็บค่าธรรมเนียมคงที่แบบเดิมของ Cloudflare ซึ่งจะช่วยให้สำนักพิมพ์สามารถเรียกเก็บค่าธรรมเนียมได้ทุกครั้งที่มีบริการ AI เข้ามาอ่านเนื้อหา โดยทางบริษัทจะเป็นผู้ตัดสินว่าบอทตัวใดที่ได้รับอนุญาต และตัวใดจะถูกบล็อกในหน้าเว็บที่มีการสนับสนุนด้วยโฆษณา

WebDev · 5 min read

เป็นครั้งแรกในปี 2026 ที่เวิร์กโหลด Wasm รันบนเซิร์ฟเวอร์มากกว่าบนเบราว์เซอร์

ในปี 2026 องค์กร 67% รายงานว่ามีการใช้ WebAssembly ในการใช้งานจริง ซึ่งเพิ่มขึ้นจาก 47% เมื่อสองปีก่อน ส่งผลให้ WebAssembly กลายเป็น runtime หลักสำหรับ serverless functions และ edge compute ในขณะที่ยังคงใช้งานควบคู่ไปกับ containers สำหรับงานที่ต้องใช้ทรัพยากรสูง

WebDev · 3 min read

ยอดคลิกเครื่องคำนวณเงินเดือน Next.js พุ่งสูงขึ้น 351% หลังโรมาเนียปรับขึ้นค่าแรงขั้นต่ำ

ผลการตรวจสอบยืนยันว่าหน้าเว็บมีการเรนเดอร์ HTML แบบเต็มรูปแบบบนเซิร์ฟเวอร์ มีการจำกัดรูปแบบ URL ที่สามารถทำดัชนีได้ และมีการเพิ่มการทดสอบ SEO regression แบบอัตโนมัติ เมื่อความสมบูรณ์ทางเทคนิคได้รับการยืนยันแล้ว นักพัฒนามุ่งเป้าที่จะเพิ่ม backlink เพื่อผลักดันให้เครื่องมือนี้ขึ้นสู่อันดับสูงสุดของการค้นหา

WebDev · 3 min read

อัปเกรดแล้วอาจไม่คุ้ม: Wi-Fi 7 ต้องใช้ทั้งเราเตอร์ใหม่และอุปกรณ์ 2.5 GbE

การเปลี่ยนโมดูล MediaTek Wi-Fi 6E ใน Strix G16 เป็นชิป Wi-Fi 7 ของ Qualcomm ช่วยเพิ่มความเร็วในการรับส่งข้อมูลได้สูงสุดถึง 50% แต่คุณยังจำเป็นต้องมีเราเตอร์ Wi-Fi 7 รวมถึง NAS หรือด็อกกิ้งสเตชันที่รองรับ 2.5 GbE เพื่อให้สัมผัสถึงความแตกต่างได้อย่างแท้จริง

WebDev · 2 min read

สคริปต์ที่สร้างโดย AI ยกเลิกลูกค้าทุกคนบน Stripe—ทำไมความผิดจึงไม่ได้อยู่ที่ตัวโมเดล

โค้ดเพียงบรรทัดเดียวที่เขียนโดย AI อ่านคิวการลบที่ว่างเปล่าผิดพลาดว่าเป็นคำสั่งให้ยกเลิกทุกอย่าง และทำงานด้วย Stripe master key ที่ใช้งานจริงโดยไม่มีการตรวจสอบขณะทำงาน ส่งผลให้รายได้ต่อเนื่องรายเดือนของสตาร์ทอัพลดฮวบเหลือเพียง 38 ดอลลาร์

WebDev · 3 min read

CLI และส่วนขยาย VS Code ช่วยให้ Claude Agents อัปโหลดไฟล์ได้ แต่แอปบนเดสก์ท็อปทำไม่ได้

ตัวไคลเอนต์บนเดสก์ท็อปแยกส่วนการเข้าถึงระบบไฟล์ของเอเจนต์ (agent) ออกจากกัน และจะปฏิเสธการอัปโหลดเว้นแต่ไฟล์จะตรงตามเกณฑ์ "shared" ที่ถูกซ่อนไว้ การรันเอเจนต์ผ่าน CLI หรือส่วนขยาย VS Code สามารถเลี่ยงปัญหานี้ได้ ในขณะที่วิธีแก้ขัดเพียงวิธีเดียวที่ใช้งานได้คือการวางจากคลิปบอร์ด ซึ่งจะทำให้ข้อมูลในคลิปบอร์ดของผู้ใช้ถูกล้างออกและใช้งานได้เฉพาะบน Windows เท่านั้น

WebDev · 3 min read

Next.js Server Actions ช่วยให้คุณตัดการใช้ API Routes สำหรับฟอร์มแบบง่ายๆ ออกไปได้

เพียงแค่ระบุฟังก์ชันด้วย "use server" และเชื่อมต่อเข้ากับ attribute action ของฟอร์ม นักพัฒนาก็สามารถส่งข้อมูลตรงไปยัง backend ได้ทันทีโดยไม่ต้องใช้การเรียก fetch ซึ่งช่วยลดความจำเป็นในการสร้างไฟล์ API route แยกต่างหากและช่วยลดโค้ดฝั่ง client ลง

WebDev · 3 min read