カミジン@ファンタの平穏な日常 Blog

パソコン・カメラ・アニメがないと3日持ちません。そんな学生のダラダラ日記。

イラスト:con_cen_t

0JSONを視覚的に表示するサイト

カテゴリー:HTML/CSS,Java Script

WEBアプリ開発の時によく使われるようになったJSONですが、
他のものと比べて読みやすいと言われてもそれでも複雑なものはわかりにくいです。

そんなJSONを視覚的に表示するサイトがあるのでメモしておきます

JSON Visualization

上の「Input:」のボックスに調べたいJSONを入力した後、
左の「Render」をクリックします

するとOutput:にテーブルなどでわかりやすく表示されたJSONデータが表示されます。

// テスト用
{"first":1,"second":2,"third":{"Object":"string"}}

これでずいぶんと見やすくなりますね

表をクリックしたら、rootからの位置が分かったりと色々便利です

試してみてはいかがでしょう?

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>