- サイト制作のノウハウと最適化を目指して-

2018.9.28【PhpStorm】json形式のテキストを手軽に整形して日本語表示

【PhpStorm】json形式のテキストを手軽に整形して日本語表示

SPA(シングルページアプリケーション)の開発をしていると、curlでAPI接続の疎通テストや動作確認をすることが多々あります。

しかし内容を確認しようにもjson形式では日本語はエンコードされ読めないし機密情報を含む時は外部のサイトで変換もできない。そんな時に出会った「JSON Viewer」を紹介します。


JSON Viewer

JSON Viewerとは

PhpStormのプラグインでchiaminghsuによって制作されました。現在は30,000以上の開発環境にインストールされています。

「JSON Viewer」の機能としてはシンプルでjsonを読みやすく整形されたコードにフォーマットに変換します

例えばこのようなjsonをプラグインに貼り付けて「format」をクリックすればインデントとエンコードされた文字を自動的に綺麗にしてくれるでしょう。

変換前
{"schools":[{"id":2494,"service_id":2,"name":"\u5149\u306e\u5cf0\u4fdd\u80b2\u5712"}],"pages":{"first":1,"current":1,"child":[1,2,3,4],"last":454}}

変換後

PhpStorm JSON Format

インストール方法

メニューのPreference > Pluginから「JSON Viewer」を検索

次に「Search in repositories」を選択しjetbrainsの公開レポジトリから探します

PhpStorm JSON Viewer

「JSON Viewer」のインストールと再起動をするとPhpStormでの導入は完了です。

PhpStorm JSON Viewer

jsonを整形したいけど機密情報だからWEBツールではできない、でもデバッグで必要だから行いたい。
そんな時に是非利用してみてください。