🚀 Dev Tools ที่ Dev ใช้บ่อยที่สุดในปี 2025
23 พ.ค. 2568
Share
Frontend Development
เครื่องมือสำหรับพัฒนาหน้าเว็บไซต์
Vite
ใช้สำหรับรันและ build โค้ด Frontend ได้รวดเร็ว เช่น React / VueStorybook
สำหรับแสดงและทดสอบ Component UI แยกชิ้นESLint
ตรวจโค้ด JavaScript ว่ามีข้อผิดพลาดหรือไม่Prettier
จัดระเบียบโค้ดให้อ่านง่าย และเป็นรูปแบบเดียวกันFigma Dev Mode
ใช้แปลง UI จากนักออกแบบ (Figma) มาใช้ในโค้ดเว็บไซต์
Backend Development
เครื่องมือสำหรับพัฒนาระบบหลังบ้าน
Postman
ทดสอบและส่งข้อมูลไปยัง APIInsomnia
ใช้ส่งคำสั่ง API แบบง่าย คล้าย PostmanPrisma
เชื่อมต่อและจัดการฐานข้อมูล เช่น MySQL, PostgreSQLtRPC
เชื่อม frontend กับ backend โดยไม่ต้องสร้าง API แยกแบบเดิม
DevOps Tools
จัดการระบบอัตโนมัติและโครงสร้างพื้นฐาน
Docker Desktop
ใช้จำลองระบบ server และ Container เพื่อพัฒนาแบบเสถียรGitHub Actions
ตั้งค่าให้อัปเดตอัตโนมัติ เช่น build และ deploy ทุกครั้งที่ push โค้ดTerraform
จัดการ server และระบบต่าง ๆ ด้วยโค้ด
Deployment Tools
เครื่องมือสำหรับการ Deploy เว็บไซต์
Vercel CLI
เครื่องมือขึ้นระบบสำหรับ Next.js และ static siteFirebase CLI
เครื่องมือขึ้นระบบสำหรับเว็บ Static และ Serverless ของ Firebase
Package Management
เครื่องมือจัดการแพ็กเกจ
Pnpm
จัดการแพ็คเกจแบบเร็วและประหยัด พื้นที่กว่าของเดิม (npm/yarn)Bundlephobia
เช็กว่าการติดตั้งแพ็คเกจ จะทำให้เว็บไซต์หนักแค่ไหน
Testing Debugging
เครื่องมือสำหรับทดสอบและดีบักเว็บไซต์
Sentry
ตรวจสอบ error ที่เกิดขึ้น ในระบบจริงVitest
ทดสอบโค้ด (unit test) สำหรับ frontend ที่ใช้ VitePlaywright
ทดสอบเว็บไซต์ทั้งระบบเหมือน ผู้ใช้งานจริง
AI Coding Tools
เครื่องมือช่วยเขียนโค้ดด้วย AI
Cursor IDE
Editor ที่รวม AI สำหรับแก้บั๊ก หรือ generate โค้ดในตัวGitHub Copilot
เสนอคำสั่งโค้ดอัตโนมัติด้วย AI
