JSONシンタックスハイライター

JSONを色分けし、階層を読みやすくする

JSONシンタックスハイライターは、JSONテキストを解析して、キー、文字列、数値、真偽値、null、括弧やカンマなどをテーマ別の色で表示します。圧縮された一行のデータや、入れ子になったオブジェクト・配列を目で追いたいときに便利です。色は値の種類を見分ける手掛かりであり、その項目が業務上何を意味するかまでは判定しません。

JSONでは、オブジェクトは名前と値の組、配列は順序のある値の並びです。値には文字列、数値、true／false、null、さらにオブジェクトや配列を使えます。たとえば {"商品":"ノート","個数":3,"在庫あり":true,"備考":null} なら、キーと文字列、数値、真偽値、nullをそれぞれ見分けながら内容を確認できます。

色・整形・圧縮で変わるもの

GitHub Light、Monokai、Dracula、Solarized Light、One Darkの5テーマから配色を選べます。テーマの切り替えは表示色だけを変えます。「整形して出力」をオンにすると、2スペース、4スペース、またはタブのインデントを使って複数行に展開します。オフにすると、余分な空白や改行を除いた一行のJSONになります。色付きプレビューのほか、選択したテーマのインラインスタイルを含むHTMLコードも表示され、コピーできます。

処理は入力をJSONとして読み込み、表示用のテキストを組み立てる流れです。JSONの仕様や値の種類は IETF RFC 8259 で確認できます（2017年12月発行、2026年10月1日確認）。

目的に合わせて見やすさを調整する

1. 確認したいJSON文字列を入力欄に貼り付けるか、入力します。サンプルを使って表示を試すこともできます。

2. 配色テーマを選びます。長く読むときは背景とのコントラストや普段使うエディターに近い配色を目安にしてください。テーマはJSONの値を書き換える設定ではありません。

3. 2スペース、4スペース、タブからインデントを選び、「整形して出力」のオン・オフを決めます。入れ子の構造を調べる場合は整形をオンにし、転送用など一行にしたい場合はオフにします。

4. 右側の色付きプレビューを確認します。別の文書へ色を保ったまま貼り付ける場合は、表示されたHTMLコードをコピーしてください。貼り付け先がHTMLを受け入れるかは、その文書側で確認します。

入力形式と表示結果について

構文の読み取りと仕様検証は別の作業

このページはJSONとして解析できるかを確認し、色付き表示や整形を行います。JSON Schemaによる必須項目・型・値の検査や、特定APIの仕様との適合確認は行いません。解析に成功しても、そのデータがアプリケーションで受け入れられるとは限らないため、必要に応じてスキーマやAPI仕様で検証してください。

整形結果は入力された文字列の逐字コピーではなく、解析した値から再生成された表示です。特に大きな整数や長い小数は、実行環境の数値表現によって末尾の桁が変わる可能性があります。RFC 8259も数値の範囲・精度による相互運用上の注意を記しています。識別番号や金額など桁の完全一致が重要な値は、整形結果だけを正本として扱わず、元データと照合してください。また、同じオブジェクト内の重複キーは処理系によって扱いが異なり得るため、重要なデータでは避けるのが安全です。