CoderTools

JSONフォーマッター

JSONデータを読みやすく、デバッグしやすくするためにフォーマットして検証します。圧縮、整形、構文強調表示をサポートします。

JSONフォーマッターの使い方

使用手順

  1. 左側の入力ボックスにJSONデータを貼り付けます。
  2. 「フォーマット」ボタンをクリックして、JSONデータを読みやすい形式にフォーマットします。
  3. 「圧縮」ボタンをクリックして、JSONデータを1行に圧縮します。
  4. 「自動修正」ボタンをクリックして、一般的なJSON構文エラーを自動的に修正します。
  5. 「コピー」ボタンをクリックして、結果をクリップボードにコピーします。
  6. 「クリア」ボタンをクリックして、入力と出力の両方をクリアします。
  7. 「エスケープ出力」トグルを使用して、プログラムコードに埋め込むための出力をエスケープします。
  8. 「ダークモード」トグルを使用して、表示テーマを切り替えます。

エスケープ出力例

エスケープ出力が有効な場合、JSON文字列はプログラムコードに直接埋め込むためにエスケープされます。例えば：

通常の出力：:

{ "message": "Hello \"World\"", "newline": "Line 1\nLine 2" }

エスケープ出力：:

{\n \"message\": \"Hello \\\"World\\\"\",\n \"newline\": \"Line 1\\nLine 2\"\n}

機能

  • 自動フォーマット：JSONデータを適切なインデントと改行で美しく整形します。
  • 構文検証：JSONデータの構文エラーをチェックし、エラーメッセージを提供します。
  • 構文強調表示：JSONのキーと値のペアとデータ型を異なる色でマークします。
  • 圧縮機能：フォーマットされたJSONをコンパクトな1行形式に変換して、データサイズを削減します。
  • 自動修正：引用符のないキーや末尾のコンマなど、一般的なJSON構文エラーを自動的に修正します。
  • エスケープ出力：JSON文字列をエスケープして、プログラムコードに直接埋め込めるようにします。
  • ローカル処理：すべてのデータ処理はブラウザ内で行われ、サーバーにアップロードされることはありません。
  • リアルタイム処理：入力の変更は自動的に処理され、結果が更新されます。

操作の詳細

フォーマット

2スペースのインデントと改行でJSONを整形し、キーの順序を保持します。

入力:
{"name":"John","age":30}
出力:
{
  "name": "John",
  "age": 30
}

圧縮

不要な空白と改行をすべて削除し、コンパクトな1行形式を作成します。

入力:
{
  "name": "John",
  "age": 30
}
出力:
{"name":"John","age":30}

自動修正

一般的なJSON構文エラーを自動的に修正します：

  • 引用符のないプロパティ名に二重引用符を追加
  • 単一引用符を二重引用符に置き換え
  • 閉じ括弧の前の末尾のカンマを削除
入力:
{name:'John',age:30,}
出力:
{"name":"John","age":30}

関連ツール

JSON処理ツールキット

比較、Schema検証、JSONPathクエリ、キーソート、フラット化/アンフラット化をサポートするJSONツールキット

JSON YAML変換ツール

JSONとYAML形式間の双方向変換、カスタムインデントとフロー/ブロックスタイルをサポート

JSON CSV変換ツール

JSONとCSV形式間の双方向変換、ネストされたオブジェクトの平坦化とカスタム区切り文字をサポート

XML整形ツール

XMLデータを整形し、構文をハイライト表示して検証します

YAMLフォーマッター

YAMLデータを整形、検証し、シンタックスハイライトと複数のフォーマットオプションでJSONに変換

テキスト差分チェッカー

2つのテキストまたはファイルの差分を比較し、サイドバイサイドでハイライト表示

クイックメニュー

最近のツールはありません