JSON Byte
(json-byte.pages.dev)เป็นเครื่องมือสำหรับการแสดงภาพ JSON มีเครื่องมือแสดงภาพ JSON ดี ๆ อยู่มากมาย และเคยมีการแนะนำผ่าน GeekNews มาหลายครั้งแล้ว ผมเองก็ใช้งานเครื่องมือเหล่านั้นได้อย่างมีประโยชน์มาก
แต่ก็เหมือนเช่นเคย ผมเริ่มเห็นจุดที่น่าเสียดายอยู่บ้าง เลยตัดสินใจลองสร้างขึ้นมาเอง ฟังก์ชันพื้นฐานมีดังนี้
- แสดงข้อมูล JSON เป็นกราฟ
- เมื่อแก้ไขผ่านเอดิเตอร์ การแสดงภาพจะอัปเดตตาม
- ฟังก์ชันค้นหาโหนด
- แยกสีตามประเภทข้อมูล
ส่วนที่ผมรู้สึกว่าไม่สะดวกมีดังนี้
- อยากแชร์หน้าจอที่กำลังดูอยู่
- ถ้ารองรับ YML ได้ก็น่าจะดี
- ถ้าใช้งานบนมือถือได้ดีด้วยก็น่าจะดี
จึงมีความแตกต่างในจุดเหล่านี้ ผมตั้งใจว่าจะค่อย ๆ เพิ่มฟังก์ชันตามความจำเป็น หากมีข้อเสนอแนะหรือมีใครอยากร่วมพัฒนา ก็ยินดีต้อนรับครับ
ขอบคุณครับ
26 ความคิดเห็น
น่าจะดียิ่งขึ้นถ้าสามารถเน้นหรือกรองเฉพาะโหนดที่ต้องการค้นหาด้วย JSONPath ได้
ขอเสนอความเห็นว่า ถ้ามีฟีเจอร์ลากเพื่อเลื่อนจาก minimap ได้ก็น่าจะดีเหมือนกันครับ.. 555 ใน JSON ขนาดใหญ่ หาโหนดที่ต้องการได้ไม่ง่ายเลยจริง ๆ ครับ
พอขนาดใหญ่ขึ้นแล้ว ดูเหมือนว่าจะเรนเดอร์ได้ลำบากมากเลยนะ 555 T_T ใช้อยู่ประมาณ 500,000 ไบต์
ดูเหมือนว่าเนื่องจาก xyflow ทำงานบนพื้นฐานของ DOM เมื่อมี node จำนวนมาก ประสิทธิภาพจึงลดลงบ้าง นี่ก็เป็นหนึ่งในเป้าหมายที่ผม/ฉันอยากลองปรับปรุงด้านประสิทธิภาพเช่นกัน ขอบคุณครับ/ค่ะ
ผมคิดว่าการให้เรนเดอร์โดยเริ่มต้นในสภาพที่พับทั้งหมดไว้ก็น่าจะเป็นอีกทางออกหนึ่งได้เหมือนกัน เพราะยังไงสิ่งที่ผมอยากดูก็มีแค่เพียงบางส่วนเล็กน้อยอยู่แล้ว
โอ้ เรียบร้อยดีนะครับ เดี๋ยวจะทยอยใช้งานเรื่อยๆ
ขอบคุณสำหรับข้อเสนอแนะครับ
สะอาดตาและสวยมากครับ
แต่พอเปลี่ยนเป็นธีมมืด หน้าต่างโค้ดกลับไม่ปรับตามนะครับ
หน้าต่างโค้ดถูกจัดการด้วยธีมแยกต่างหาก คุณสามารถใช้การตั้งค่าข้าง Export เพื่อเปลี่ยนธีมได้ ตอนแรกคิดว่าจะเชื่อมให้ทำงานร่วมกัน แต่สุดท้ายแยกทำไว้ต่างหากเพื่อให้มีตัวเลือกที่กว้างกว่า
นี่แหละคือสิ่งที่ต้องการ ดีมากเลยครับ
ถ้ามีฟีเจอร์สำหรับจัดกลุ่มลิสต์ที่ยาวให้แสดงรวมกันได้ก็น่าจะดีครับ!
ขอบคุณครับ ฟีเจอร์ที่จัดกลุ่มแบบ
show/lessนั้นถูกตัดออกจากเวอร์ชันปัจจุบัน เพราะมีปัญหาเกี่ยวกับการเรนเดอร์โหนดลูกอยู่ ตอนนี้จะขอลองคิดหาวิธีที่ดีกว่านี้เพิ่มเติมครับดีเลย!
ขอบคุณครับ
ไม่แน่ใจว่าเป็นเพราะ Safari หรือเปล่า แต่บน iPad มันแสดงผลได้ไม่ถูกต้องครับ
บน iPhone ของผมแสดงผลได้ปกติเลยก็เลยโล่งใจ แต่พวก iPad กลับต่างออกไปอีก เดี๋ยวถ้ามีเวลาจะลองตรวจสอบดูครับ ขอบคุณครับ
ดูเหมือนว่าจะดีนะ!
ขอบคุณสำหรับคำติชม 👍
อันนี้ดีมากเลยครับ ผมล็อกอินเพื่อมาคอมเมนต์เลย 555
ขอบคุณสำหรับฟีดแบ็ก 👍
โอ้ ดีเลย
ขอบคุณสำหรับคำติชม 👍
ถ้าทำให้เวลาเปลี่ยนในมุมมองแบบภาพแล้วมีผลกับในเอดิเตอร์ด้วยได้ก็น่าจะดีกว่านี้ครับ
เป็นไอเดียที่ดีครับ ผมจะลองพิจารณาดูว่าจะนำไปปรับใช้อย่างไร
น่าจะดีถ้าสามารถเปิดไฟล์ JSON หลายไฟล์ไว้แยกเป็นแท็บแล้วสลับไปมาขณะจัดการได้
ตั้งใจจะรองรับแท็บ แต่พอลองทำให้รองรับตอน export/import แล้วดูเหมือนความซับซ้อนจะเพิ่มขึ้น เลยตัดออกจากรีลีสแรกไปก่อนครับ/ค่ะ เดี๋ยวจะลองเพิ่มเข้ามาเร็ว ๆ นี้
ดีนะ แต่ถ้ารองรับส่วนขยาย Chrome + การอ่านระบบไฟล์ได้ก็น่าจะดีครับ
แต่ส่วนตัวแล้ว ผมว่า JSON ดูด้วย editor ตรงๆ นี่ดีที่สุดแล้วล่ะ ^_T
สามารถอัปโหลดไฟล์ได้โดยใช้การนำเข้า ส่วนส่วนขยาย Chrome จะนำไปพิจารณาครับ ขอบคุณครับ!