javascript Archive

ทำความรู้จักกับ Style logging ใน web browser

ใน browser ต่าง ๆ นั้นจะมีส่วนของ Developer console ใน web browserเอาไว้สำหรับ debug การทำงานต่าง ๆ ของระบบงานตอนพัฒนาหนึ่งในนั้นคือ การเขียน log เพื่อดูค่าต่าง ๆและสามารถจัดการ format และ style ของ log message ต่าง ๆ ได้ด้วยการเขียน CSS ใส่เข้าไปใน message ผ่าน console.log ได้เลยหรือจะเรียกว่า Styled logging หรือ Format Styleตัวอย่างการใช้งานจาก Google Chrome :: Format and style messages in the Console

Read More…

มาลองใช้งาน Vite+ กัน (beta version)

ทีมของ Vite ได้ปล่อย Vite+ ออกมาใน beta version ให้ลองใช้งานซึ่งมีเป้าหมายเพื่อรวมการทำงานจาก tool ต่าง ๆ ในการพัฒนา web appเช่น Vite, Vitest, Rolldown, tsdown, Oxlint และ Oxfmtมาอยู่ในคำสั่งเดียวพอ คือ vp

Read More…

บันทึกการอ่านเรื่อง Migrating 3.7 Million Lines of Flow Code to TypeScript ของ Pinterest

จากบทความเรื่อง Migrating 3.7 Million Lines of Flow Code to TypeScriptโดยทีมของ Pinterest ทำการเปลี่ยน code ของระบบจาก Flow มาเป็น TypeScript ภายใน 8 เดือนซึ่งช่วยให้ code ดีขึ้นทั้ง performanceทั้งเรื่องของ type saftyและที่สำคัญคือ การหาคนหรือจ้างคนมาพัฒนาที่ง่ายขึ้นมาดูกันว่า ทีมของ Pinterest มีแนวคิดและแนวทางในการย้ายอย่างไรบ้าง

Read More…

มาลองใช้งาน MongoDB-RAG สำหรับการสร้าง RAG application อย่างง่าย

เห็นทาง MongoDB ปล่อย library ในภาษา JavaScript ชื่อว่า MongoDB-RAGสำหรับช่วยพัฒนา RAG application แบบง่าย ๆ โดยใช้งาน MongoDB Atlas เป็น database จัดการข้อมูลในรูปแบบของ vectorมาทำความรู้จักและลองใช้งานกันหน่อย

Read More…

มาลองใช้งาน Keyv (Key-value) ซึ่งเปลี่ยนที่จัดเก็บได้

มาทำความรู้จักกับ Keyv for JavaScript ซึ่งจัดการข้อมูลแบบ key-valueโดยสามารถเปลี่ยนที่จัดเก็บได้ด้วย apdater ต่าง ๆ ประกอบไปด้วย และยังมีการบีบอัดข้อมูลที่จัดเก็บ เช่น gzip และ brotli เป็นต้นมาเริ่มทำความรู้จักกัน

Read More…

ลองใช้งาน GenAI Script จาก Microsoft ในการสร้าง test data ของระบบงาน

เห็นทาง Microsoft ได้ปล่อย Generative AI script: GenAIScript ออกมาสามารถเขียน prompt ในรูปแบบภาษา JavaScript และ TypeScript แบบง่าย ๆ ได้เลยทำให้นักพัฒนาสาย JavaScript ไม่ต้องเรียนรู้ภาษาใหม่ ๆ เพิ่มอีกรวมทั้งยังสนับสนุน LLM provider ต่าง ๆ เช่น

Read More…

MarkMap :: ทำการเขียน Mindmap ด้วย Markdown format

ในการเขียนระบบเพื่อสร้าง Mindmap สวย ๆพบว่าวิะีการหนึ่งที่น่าสนใจคือ การเขียนได้ Markdown formatจากนั้นก็ทำการ render ออกมาเลยด้วยภาษา JavaScriptด้วยการใช้ library ชื่อว่า MarkMap

Read More…

มาเขียนเอกสารด้วย JSDoc กันก่อน

สิ่งที่พบเจอบ่อย ๆ สำหรับการเขียน code คือไม่ยอมเขียนเอกสารอธิบายการทำงานของ codeถ้า code อ่านรูปเรื่องก็ว่าไปอย่างยิ่งต้องมาทำงานเป็นทีมยิ่งสนุกไปกันใหญ่ตัวอย่างเช่น ภาษา JavaScript ยิ่งไม่ค่อยเขียนกันใช้งานใน VS Code ก็ไม่ช่วยแนะนำอะไรเลยทั้งไม่อธิบาย function/module รวมทั้ง type ต่าง ๆ

Read More…

น่าสนใจกับ Safetest : Next Generation UI Testing Library

วันนี้เห็น library ชื่อว่า Safetestเป็น UI testing library ใหม่ที่นำเอาเครื่องมือหลาย ๆ ตัวมารวมกันซึ่งประกอบไปด้วย เป็นวิวัฒนาการของการทดสอบ UI ของ web application ผ่าน web browserเพื่อช่วยให้การทดสอบง่ายขึ้นทั้งแบบ end-to-end และ component testing ปล. ยังเป็น experiment library เท่านั้น !!

Read More…

ตอบคำถาม แนวทางในการทดสอบ API ที่พัฒนาด้วย NodeJS

จากการแบ่งปันความรู้เรื่องการพัฒนาระบบ API ด้วย NodeJS นั้นมีคำถามเกี่ยวกับแนวทางในการทดสอบว่า จึงทำการสรุปในแบบที่เคยทำไว้บ้าง ดังนี้

Read More…