Source Map คืออะไร และตั้งค่าอย่างไรใน Production
เรียนรู้วิธีตั้งค่า Source Map สำหรับ TypeScript และ Node.js Production ครอบคลุม linked, inline, inlineSources และการแก้ปัญหา pnpm workspace symlink
Articles
11 บทความ
วิธีใช้ GitHub Copilot Chat: Ask, Plan, Agent Mode
คู่มือภาษาไทยใช้งาน GitHub Copilot Chat ใน VS Code ครอบคลุม Ask, Plan, Agent Mode, Context Window และ Prompt Engineering สำหรับ AI Coding
GitHub Copilot ตอบไม่ตรงงาน? ตั้งค่า 5 จุดก่อนใช้กับ Monorepo
ก่อนโทษว่า Copilot ยังไม่เก่ง ลองเช็ก 5 จุดสำคัญในการตั้งค่า Custom Instructions, Prompts, Skills, MCP, Agents รวมถึง monorepo structure และการ delegate งานให้ subagent
Delivery Team ต้องทำอะไร ในวันที่ AI สร้าง Product ได้
เรียนรู้ 6 Phases สร้าง AI-Spec ที่ทำให้ AI Coding Agent implement feature แทน Dev ได้จริง พร้อมบทบาทของทุก Role ใน Product Delivery Team ที่ชัดเจนในแต่ละขั้นตอน
`record` ใน C# ไม่ได้ Immutable จริงๆ — กับดัก Shallow Immutability ที่โปรแกรมเมอร์ส่วนใหญ่ยังไม่รู้
เจาะลึก sealed record, IReadOnlyList vs IImmutableList, Structural Sharing และ Value Object ใน DDD พร้อม Code ที่ใช้งานจริงใน Production ครบในที่เดียว
หลักการเขียน PLAN.md สำหรับ AI Agent
อธิบายหลักการและเหตุผลของแต่ละส่วนใน PLAN.md เพื่อให้ทั้ง Human และ AI Agent เข้าใจตรงกัน ครอบคลุม Goal, Scope, Out of Scope, Stories และ Tasks
SDLC Agile × AI Agent — Naming & File Mapping
Spec การ map โครงสร้าง SDLC แบบ Agile เข้ากับโครงสร้างไฟล์ที่ AI Agent เข้าใจได้ ครอบคลุม Epic, Feature, Story, Task, Subtask และโครงสร้างโฟลเดอร์ plan/
ตั้งค่า Playwright MCP สำหรับ Browser Testing ใน VS Code Agent
คู่มือติดตั้งและใช้งาน Playwright MCP เพื่อให้ AI Agent ตรวจสอบหน้า browser ได้โดยตรง รวมถึง screenshot, คลิก, ตรวจ console errors และ redirect
Action-Based Structure Design for Data Layer
การออกแบบ Data Layer โดยใช้ Action เป็นหลัก align กับ Abstraction Layer โดยแยก command/query และ Repository ทำหน้าที่เป็น Data Access Provider
คู่มือ Bundle Library สำหรับ TypeScript/JavaScript
คู่มือครอบคลุม Tree Shaking, Code Splitting, Multi Entry Point, Source Map และ Declaration Files สำหรับการ bundle library ด้วย TypeScript/JavaScript ให้มีประสิทธิภาพสูงสุด
Data Layer Test Strategy
Comprehensive Data Layer testing strategy using Action-Based Structure. Learn to manage test data, implement Unit/Integration tests with Jest & Docker, and optimize Prisma mocking.