Posted at

Firefox Developer Edition で JSON をゴニョゴニョ

More than 1 year has passed since last update.

jq があれば事足りるんだけど、Firefox Developer Edition 気に入っているので書いておいた。


JSON Viewer

firefox の developer edition には JSON Viewerがついています。

https://developer.mozilla.org/ja/docs/Tools/JSON_viewer



  • JSON ドキュメントをブラウザーに読み込むと、分析して構文をハイライト表示します。配列やオブジェクトは折りたたんで表示しており、"+" アイコンを使用して展開できます。

  • JSON ビューアーには、JSON をフィルタリングできる検索ボックスがあります。

  • 生の JSON データと整形済みデータの両方を確認できます。

  • 最後に、ドキュメントがネットワークリクエストの結果である場合は、リクエストおよびレスポンスのヘッダーもビューアーで表示します。


WebAPIをGETで叩いたり、JSONファイルをぼけーっと眺めるときに威力を発揮します。

例で「政府のIT投資が見える、分かる IT Dashboard」のWebAPIを叩いてみたいと思います!


GET

IT Dashboardの "情報システム全体" を取得します。

GET: http://www.itdashboard.go.jp/PublicApi/getData.json?dataset=BasicInformationAll

json-001.jpg


Filter

情報量が多いので "system_class" でフィルタしてみます。

json-002.jpg


Rawdata

生データを確認。

json-003.jpg

なかなか便利です。

普段は コンソール or 好きなエディタ + jq で十分ですが、たまに全体を俯瞰して確認するときは結構便利だと思います。