LoginSignup
0
2

More than 5 years have passed since last update.

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

Posted at

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 で十分ですが、たまに全体を俯瞰して確認するときは結構便利だと思います。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2