โฟลเดอร์มั่วเพราะอะไร — วิธีวินิจฉัยโครง frontend app shell ก่อนจะลงมือย้ายไฟล์

เปิดโปรเจกต์มาแล้วรู้สึกว่าโครงมั่ว แต่บอกไม่ถูกว่ามั่วตรงไหน. บทความนี้เป็นวิธีวินิจฉัยด้วย grep 4 คำสั่ง แล้วใช้ผลที่วัดได้ตัดสินว่าไฟล์ไหนควรอยู่ที่ไหน — จากเคสจริงที่พบว่าโปรเจกต์ไม่ได้ผูกกับ Vite เลยสักบรรทัด แต่ผูกกับสิ่งที่ไม่มีใครมอง

#folder-structure#frontend-architecture#coupling#dependency-inversion
โฟลเดอร์มั่วเพราะอะไร — วิธีวินิจฉัยโครง frontend app shell ก่อนจะลงมือย้ายไฟล์

Prerequisite 3: Clean Architecture + Hexagonal Architecture — แปลง Tactical Design เป็น Code Architecture

เข้าใจ Clean Architecture และ Hexagonal Architecture ตั้งแต่ที่มา รู้ความต่าง รู้ว่าเลือกใช้เมื่อไร และเข้าใจว่า Tactical Design Building Blocks วางในโครงสร้าง Layer จริงยังไง

#clean-architecture#hexagonal-architecture#ports-and-adapters#domain-driven-design
Prerequisite 3: Clean Architecture + Hexagonal Architecture — แปลง Tactical Design เป็น Code Architecture