Beautify JSON - JSON Formatter

はじめに

このオンラインJSON整形ツールは、非構造化のJSONをきれいで読みやすいレイアウトにフォーマットするのに役立ちます。Pretty Diff整形ツールを使用して、コードビューまたはツリービューで結果を表示し、より良い可視化を実現します。

このツールの使い方

始めるには、エディタに直接JSONコードを貼り付けるか、**アップロード**ボタンを使用してJSONファイルをアップロードします。整形プロセスが完了したら、フォーマットされたJSONをダウンロードしたり、保存したり、ユニークなリンクを使って他の人と共有したりできます。GoogleまたはGitHubでサインインすると、結果をアカウントに保存して将来使用することができます。

JSONとは？

JSON（JavaScript Object Notation）は、属性-値ペアと配列からなるデータオブジェクトを表現するために、人間が読みやすいテキストを使用する軽量のオープンスタンダードデータ形式です。特にAJAXシステムにおいて、XMLのよりシンプルな代替として広く使用されています。

JSONの人気はそのシンプルさと多様性にあり、API、設定ファイル、その他のデータ共有タスクのための定番フォーマットとなっています。 詳細はこちら

JSONの構文

JSONは、オブジェクトと配列という2つの主要な構造を定義します。

• **オブジェクト**: 波括弧 `{}` で囲まれた名前と値のペアのコレクション。
• **配列**: 角括弧 `[]` で囲まれた値のリスト。

JSONは、文字列、数値、オブジェクト、配列、`true`、`false`、および`null`の7つのデータ型をサポートしています。以下は、名前と値のペアを含むJSONオブジェクトの例です。"phoneNumbers"キーは2つのオブジェクトを含む配列を保持しています：

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}
      
    

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
      
    

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}