ข้ามไปยังเนื้อหาหลัก
เครื่องมือเดฟDevTools Arcade
STAGE 02Developer

JSON Studio · สตูดิโอ JSON

จัดรูปแบบ ตรวจสอบ ดูแบบ Tree แปลง JSON ⇄ YAML/CSV และเปรียบเทียบ JSON

JSON Studio คืออะไร?

JSON Studio รวมเครื่องมือสำหรับทำงานกับ JSON ทั้งจัดรูปแบบ ย่อ ตรวจความถูกต้องพร้อมบอกบรรทัดและคอลัมน์ที่ผิด ดูแบบ Tree แปลงเป็น YAML/CSV และเปรียบเทียบ JSON สองชุด

ใช้ทำอะไรได้บ้าง

  • อ่าน Response จาก API ที่ถูกย่อมาเป็นบรรทัดเดียว
  • หาจุดผิดใน JSON config
  • แปลง JSON เป็น YAML สำหรับ Kubernetes/Docker Compose
  • เปรียบเทียบ payload ก่อน/หลังแก้ไข

เครื่องมือย่อยในหมวดนี้

วิธีใช้งาน

  1. วาง JSON ลงในช่อง Input หรือกด “ตัวอย่าง”
  2. เลือกเครื่องมือย่อย เช่น Formatter หรือ Validator
  3. ผลลัพธ์จะแสดงทันทีพร้อมข้อความ Error ถ้ามี
  4. คัดลอกหรือดาวน์โหลดเป็นไฟล์

ตัวอย่าง Input / Output

Input

{"name":"เดฟ","skills":["ts","go"]}

Output

{
  "name": "เดฟ",
  "skills": [
    "ts",
    "go"
  ]
}

เหมาะกับงานแบบไหน

  • Debug API
  • เตรียมข้อมูลทดสอบ
  • แปลง config ระหว่างรูปแบบ

ข้อจำกัดที่ควรรู้

  • รองรับ JSON มาตรฐาน (RFC 8259) — ไม่รองรับ comment หรือ trailing comma
  • ตัวเลขที่เกิน 2^53 อาจสูญเสียความแม่นยำตามข้อจำกัดของ JavaScript
  • ไฟล์ขนาดหลายสิบ MB อาจทำให้ Editor ช้าลง

คำถามที่พบบ่อย (FAQ)

Validator บอกตำแหน่งผิดได้แม่นแค่ไหน?

เครื่องมือใช้ตัวตรวจของตัวเองเพื่อระบุบรรทัด คอลัมน์ และสาเหตุ เช่น comma เกิน หรือใช้ ' แทน " ซึ่งให้ผลเหมือนกันทุก Browser

JSON to CSV จัดการ object ซ้อนอย่างไร?

Object ซ้อนจะถูกแปลงเป็นคอลัมน์แบบ dot notation เช่น address.city และป้องกัน Formula Injection ให้อัตโนมัติ

JSON Compare เปรียบเทียบแบบไหน?

เปรียบเทียบเชิงโครงสร้าง (ไม่สนลำดับ key) และแสดง path ที่ถูกเพิ่ม ลบ หรือเปลี่ยนค่า