เครื่องมือแสดงผลและแก้ไข JSON

 (github.com/podosoft-dev)
46 คะแนน โดย korone 2025-08-19 | 15 ความคิดเห็น | แชร์ทาง WhatsApp

สวัสดีครับ
ก่อนหน้านี้ผมใช้ JSON Viewer ฟรีหลายตัวอยู่เป็นครั้งคราว แต่รู้สึกว่ายังขาดฟังก์ชันบางอย่างอยู่ทีละนิด
เลยลองอ้างอิงจากโอเพนซอร์สหลายโครงการและสร้างขึ้นมาด้วย Svelte5 ครับ

ฟีเจอร์หลักมีดังนี้

  • ตรวจสอบไวยากรณ์ JSON และจัดรูปแบบแบบเรียลไทม์
  • แสดงผลแบบกราฟเชิงโต้ตอบของโครงสร้างต้นไม้
  • คลิกโหนดเพื่อย้ายไปยังตำแหน่งใน JSON ได้ทันที
  • ดึงข้อมูล JSON จาก URL (GET/POST/PUT/DELETE/PATCH)
  • ย่ออัตโนมัติเมื่อมีรายการเกิน 20 รายการ (ฟีเจอร์ "ดูเพิ่มเติม")
  • รองรับภาษาไทย/อังกฤษ

ผมทำสิ่งนี้ขึ้นมาเพื่อใช้ตอนต้องดูโครงสร้าง JSON ที่ซับซ้อนแบบเห็นภาพ หรือเวลาวิเคราะห์ API response

ลิงก์:

ยินดีรับฟีดแบ็กครับ!
ขอบคุณครับ.

บทความที่เกี่ยวข้อง

15 ความคิดเห็น

 
zzandore 2025-08-26

ผมเห็นโครงสร้าง JSON ที่ซับซ้อนและลึกบ่อยมาก มีเครื่องมือแบบนี้เลยมีประโยชน์มากจริงๆ 555 ไม่ทราบว่ามีแผนจะทำเป็นแอปสำหรับเดสก์ท็อปด้วยไหมครับ? ประมาณฟีลแบบ Sublime น่ะครับ 555
 
korone 2025-08-26

ขณะนี้อยู่ระหว่างการวางแผน
 
overthinker 2025-08-25

ใช้ xyflow สินะครับ เหมือนว่าพอใช้โฟลว์ชาร์ตแล้วไอเดียมันไม่ค่อยออกเท่าไหร่ แต่ดูเจ๋งดีนะครับ
 
nearfall 2025-08-20

ว้าว! นี่เป็นสิ่งที่เสียดายอยู่ตลอดเลย แล้วก็ดูเข้าใจง่ายมากจริง ๆ!
 
dkmin 2025-08-20

ขอบคุณสำหรับความพยายามครับ
น่าจะเป็นประโยชน์กับมือใหม่ที่เพิ่งเริ่มเขียนโค้ดด้วย
ขอบคุณครับ!
 
nemorize 2025-08-20

ถ้ารองรับ JSON5 ได้ด้วยก็น่าจะดีครับ!
 
ummjoonsick 2025-08-20

ว้าว~ โค้ดดิ้งกันตอน 2 ทุ่มเหรอครับ?
 
korone 2025-08-20

ใช่ครับ ผมใช้ Claude Code เป็นหลัก และในช่วงที่ติดขัดเป็นบางจุดก็ไปตรวจสอบกับ ChatGPT แล้วถ้ายังไม่ได้จริง ๆ ก็จะวิเคราะห์โค้ดด้วยตัวเองเพื่อดูแนวทางแก้ไข ก่อนจะสั่ง Claude Code อีกครั้ง โดยเฉพาะตอนนำ Dagre มาใช้ ปัญหาโหนดกราฟซ้อนทับกันนั้นแก้อย่างไรก็ไม่สำเร็จ สุดท้ายผมจึงดีบักและแก้ไขด้วยตัวเอง ผ่านกระบวนการต่อเนื่องนี้ ผมคิดว่าน่าจะได้สะสมประสบการณ์มากพอสมควรทั้งในเรื่องขีดจำกัดอยู่ตรงไหน และควรสั่งงานอย่างไร
 
siva6 2025-08-19

ว้าว ดีเลยนะครับ
แต่ดูเหมือนว่าพอคลิกที่โหนดแล้วจะยังไม่สามารถย้ายไปได้ครับ
 
korone 2025-08-21

ตอนนี้แก้ไขแล้ว
 
korone 2025-08-20

ผมตรวจสอบกรณีที่คุณกล่าวถึงแล้ว พบว่ามีทั้งกรณีที่โหนดย้ายได้และกรณีที่ย้ายไม่ได้ จะตรวจสอบและลองแก้ไขดูครับ
 
hoonx 2025-08-19

ส่วนตัวแล้วผม/ฉันมีโอกาสต้องจัดการกับ Escaped JSON อยู่บ่อยครั้ง เลยคิดว่าน่าจะดีถ้ามีเพิ่มฟีเจอร์ JSON Escape เข้ามาด้วย!
 
korone 2025-08-20

ครับ ผมจะอ้างอิงตามนั้นและลองตรวจสอบดูครับ
 
mrsonhaha 2025-08-19

ดีมากเลยครับ!! ถ้ารองรับ Yaml, toml ด้วย ก็น่าจะได้ใช้งานบ่อยเลยครับ
 
korone 2025-08-20

ผมนึกถึง YAML กับ TOML ไม่ถึง ขอบคุณที่ช่วยชี้ให้เห็นครับ ผมจะลองพิจารณาเพิ่มฟีเจอร์นี้แล้วดำเนินการดูครับ