หลักการเขียนโค้ด: เขียนให้มนุษย์อ่าน ได้ แล้วค่อย parse ให้แมชชีน แม้ Assembly ก็อ่านได้ แต่บ่อยครั้ง "minify" โค้ดเพื่อความเร็ว -> อ่านยาก Beautifier คืนค่าความสวยงามให้โค้ด
เน้น JSON (JavaScript Object Notation) beautifier เปลี่ยน minified code กลับเป็นอ่านง่าย
ทำไมต้อง Beautify JSON?
โค้ดอ่านง่ายต่อคนอื่น = ดี เพราะ minification ตัด whitespace -> คำนวณเร็ว แต่ JSON กลับมาอ่านยาก (whitespace เยอะ) ต้องใช้ tool คืนความสวยงาม มี tool ฟรีเยอะ
3 JSON Beautifier ที่ดีที่สุด
ค้นหา JSON formatter -> เยอะมาก แทบเหมือนกัน ทั้ง 3 นี้มีจุดเด่นเฉพาะตัว
1. DuckDuckGo Built-in Beautifier
เครื่องมือใน search engine DuckDuckGo (เน้นความเป็นส่วนตัว) ค้นหา "JSON beautifier" -> โผล่ผลลัพธ์แรก
ตัวเลือกน้อย แต่สะดวก 美化/validate JSON เร็วๆ บุกมาร์กไว้ใช้งาน
2. JSONGrid JSON Formatter
เด่นที่: parser, validator และ แสดงข้อมูลในตาราง (grid) เลือก cell ในตาราง -> ไฮไลท์แถวใน JSON -> ใช้งานง่าย อาจกลายเป็นเครื่องมือประจำ
3. Online JavaScript Beautifier
ชื่อว่า JavaScript Beautifier แตจัดการ JSON ได้ (JSON มาจาก JS) ตั้งค่ารูปแบบเยอะมาก ไมแค่ spacing
ตัวเลือกแสดงเป็น JSON formatted -> คัดลอกไปตั้งค่าใน code editor ตัวเองได้
ทรงพลัง ครบครัน ฟรี
สรุป
ต้องการ format JSON เร็ว: DuckDuckGo ดี ต้องการ editor เต็มรูปแบบ: JSONGrid หรือ JS Beautifier ทั้งคู่สามารถ ถ้าอยากเรียนเขียนโค้ด ลอง online code editors อื่นๆ
