JSONオンラインの編集とフォーマット

インデントも強調表示もない1行にまとまったJSONは、読むのも直すのも大変です。このツールを使えば、オープンソースエディタjsoneditor（Jos de Jong作、バージョン9.1.0）を使って、何もインストールせずにブラウザ上で直接JSONファイルを開き、編集し、整形し、保存できます。

何に使うか

• JSONを強調表示付きのテキスト、またはノードツリーとして開いて確認する。
• コードで使う前に、構文エラー（余分なカンマ、シングルクォート、クォートのないキーなど）を見つける。
• ボタン一つでJSONを整形（インデント）したり、1行に圧縮したりする。
• 内容を並べ替え・フィルター・変換し、大きなJSONの中から値を検索する。
• 値や構造そのものを編集し、間違えたときのために元に戻す・やり直すを使う。
• ゼロからJSONを作成し、.jsonファイルとして保存する。

2つのパネル、6つの作業モード

画面には2つの同期したパネルが表示され、一方での変更はもう一方にも反映されます。左側はcodeモード（構文検証付きの強調表示テキスト）で始まり、右側はtreeモード（編集可能なツリー）で始まります。どちらも次の6つのモードのいずれにも切り替えられます。

• code：強調表示とエラー通知付きのテキストとしてのJSON。
• text：強調表示のないプレーンテキストとしてのJSON。
• tree：キーや値を追加、移動、削除できる完全編集可能なツリー。
• form：構造には触れず値だけを編集できるツリー。
• view：リスクなく調べられる読み取り専用ツリー。
• preview：大きなドキュメント向けの読み取り専用テキスト表示。

各モードのボタン

ツールバーはモードによって変わります。

• 整形（Ctrl+\）はインデントと改行を追加し、圧縮（Ctrl+Shift+\）は1行にまとめます。どちらもコードモードにあります。
• 内容を並べ替えと内容のフィルタリング・並べ替え・変換：コードモードとツリーモードにあります。
• JSONを修復（コードモード）：よくあるエラーの修正を試みます。次のセクションを参照してください。
• 元に戻す（Ctrl+Z）とやり直す（Ctrl+Shift+Z）：両方のモードにあります。
• すべて展開とすべて折りたたむ、および次または前の結果へジャンプする検索ボックス：ツリーモードにあります。

JSONファイルを作成・編集・保存する方法

1. 左側のパネルにJSONを入力または貼り付けるか、読み込みボタンを押してコンピューター上のファイルを開きます（ブラウザ内で読み込まれ、両方のパネルに表示されます）。
2. 右側のパネルをツリーモードで確認します。同期しているため、変更は自動的にもう一方のパネルにも反映されます。
3. 値だけを変更したい場合はformモードを、編集せずに確認したい場合はviewまたはpreviewを使います。
4. 整形で整形し、圧縮で1行にまとめ、JSONを修復でよくあるエラーを修正します。元に戻すはどんな変更も取り消します。
5. 保存ボタンを押し、ファイル名を入力して（.jsonで終わっていなければ自動的に追加されます）、ダウンロードします。

よくある構文エラー

有効なJSONは厳密な文法（RFC 8259）に従います。

• 末尾のカンマ：{"名前": "Ana",} — この最後のカンマを削除する必要があります。
• シングルクォート：{'名前': 'Ana'}は{"名前": "Ana"}にする必要があります。
• クォートのないキー：{名前: "Ana"} — すべてのキーはダブルクォートで囲む必要があります。
• コメント：// これは無効です — JSONは//も/* */もコメントを許可しません。

JSONを修復は、誤って配置された引用符やエスケープ文字を自動的に修正し、コメントやJSONP記法を取り除き、JavaScriptオブジェクトを有効なJSONに変換しようとしますが、あらゆるエラーの修正を保証するものではないため、結果を確認することをおすすめします。JSONにUnixタイムスタンプや、Base64url部分を含むトークン（JWTなど）が含まれている場合は、Unixタイムスタンプ変換ツールやBase64デコードツールで別途確認できます。

プライバシー

貼り付け、読み込み、編集するJSONはブラウザの外に出ません。このページはその内容をどのサーバーにも送信しません。すべて自分自身のコンピューター上で完結するため、どこにもアップロードしたくないデータを扱うことができます。