オンライン JSON フォーマッター

JSONエディタ
JSON構造ビュー

ツールについて

このツールの用途

JSON(JavaScript Object Notation)は、APIレスポンス、設定ファイル、ログ、フロントエンド・バックエンド間のデバッグで使用される軽量なデータ形式です。このページはJSONをフォーマット、検証、ミニファイ、検査でき、構造が有効で読みやすいか迅速に確認できます。

JSONペイロードが1行に圧縮されていたり、多くのフィールドを含んでいたり、深いネストがある場合、目で問題を見つけるのは困難になります。フォーマットとツリービューにより、フィールドの関係、配列レベル、疑わしい値をはるかに簡単に検査できます。

典型的な使用例

  • APIレスポンスにフィールドが欠けているか、値の型が正しくないかを確認する。
  • チームメイト、ドキュメント、チケットに送信する前に圧縮されたJSONを整形する。
  • 設定ファイル、Webhook、ログからコピーしたJSONコンテンツを検証する。
  • まず構造をクリーンアップしてから、JSON DiffまたはJSON/XMLコンバーターに進みます。

使い方

  1. 生のJSONを左側のエディターに貼り付けます。
  2. 検証/フォーマット」をクリックして構文をチェックし、出力を整形します。
  3. ミニファイ」をクリックすると、転送や埋め込み用のコンパクトな出力が得られます。
  4. 右側の構造ビューを使用して、オブジェクトと配列をより快適に検査します。

エディター内では、検索、置換、正規表現マッチングにもCtrl + Fを使用できます。

入力例

          {"user":"qr9","roles":["admin","editor"],"active":true,"profile":{"city":"Nanning","team":"frontend"}}
        

「検証/フォーマット」をクリックすると、結果はインデント付きの複数行JSONに書き換えられ、ツリービューでの検査がはるかに簡単になります。

よくある間違い

  • JSONキーと文字列値は二重引用符を使用する必要があり、単一引用符は使用できません。
  • オブジェクトや配列内の最後のフィールドの後に余分なカンマを付けることはできません。
  • ログにはしばしば非表示の文字や余分な改行が含まれており、検証を破壊します。
  • キーの並べ替えは可読性を向上させますが、整形済み出力に依存する前にフィールド順にビジネス上の意味があるか確認してください。

FAQ

JSON検証が失敗した場合、最初に何を確認すべきですか?

最も一般的な問題は、引用符の欠如、末尾のカンマ、一致しない括弧、または無効な文字列構文です。まずペイロードをフォーマットすると、問題をより迅速に特定するのに役立ちます。

キーの並べ替えはJSONの意味を変更しますか?

ほとんどのAPIと設定シナリオでは、キーの並べ替えは表示順のみを変更し、オブジェクトの意味は変更しません。ただし、ダウンストリームコードが元の順序に依存しているかどうかを確認してください。

ローカルレコードはサーバーにアップロードされますか?

いいえ。ローカルレコードはブラウザにのみ保存されます。一時的なスニペットには役立ちますが、サイトデータをクリアしたり、ブラウザを切り替えたり、別のデバイスに移動したりすると消えます。

いつJSON DiffやJSON/XMLコンバーターを使用すべきですか?

2つのペイロードを比較してフィールドレベルの差異を検査したい場合はJSON Diffを使用してください。これら2つの形式間でデータを移動する必要がある場合はJSON/XMLコンバーターを使用してください。

Related tools

フォーマット後に構造化データを変換または比較する必要がある場合、これらのツールが次のステップとして最適です: