メインコンテンツへスキップ
開発者向けツール

JSON整形ツール|整形・検証・圧縮をオンラインで

JSONを整形・検証・圧縮。構文エラーは正確な行・列と原因つきで表示し、大きな数値も書いたとおりに保ちます。

インデント
入力
結果

ここに結果が表示されます

ウォッチ
くわしく知る

JSON整形:見やすくするだけではない

エラーの理由まで説明

最後の要素のあとのカンマ、ダブルクォートではなくシングルクォート、コメント、引用符のないキー、NaN、かっこの抜け──JSONではどれも使えません。それぞれを行・列とわかりやすい説明つきで示すので、APIのレスポンスや設定ファイルを、問題の文字を探し回ることなく直せます。多くのパーサーが黙って受け入れて最後の値だけを残してしまう重複したキーも、きちんと指摘します。

数値・深さ・サイズ

JavaScriptで正確に表せないほど大きな整数(2^53を超える、Twitter、Discord、データベースの64ビットのIDなど)も、インデントや圧縮のときに1桁も変えずに保ちます。多くのオンライン整形ツールは、これを黙って丸めてしまいます。数MBのドキュメントも1秒で整形でき、500階層より深くネストしたものは、わかりやすいメッセージを表示して受け付けません。

整形・圧縮・変換

読んだりレビューしたりするなら、スペース2つ・4つかタブでインデント。ネットワークで送ったりコンパクトに保存したりするなら圧縮。折りたためるツリーで確認することも、変換ツールでCSV・YAML・XMLにすることもできます。結果はコピーかダウンロードでき、共有リンクを開けば同じJSONでツールが開きます。

JSONの構造

JSONのデータ型は6種類です。文字列(ダブルクォートで囲む)、数値(整数・小数)、真偽値(true/false)、null、配列(角かっこで囲む順序付きのリスト)、オブジェクト(波かっこで囲むキーと値のペア)。キーは必ずダブルクォートで囲んだ文字列にします。

APIはほぼ必ずオブジェクトか配列をルートにしますが、JSONの規格(RFC 8259)では、文字列・数値・true・false・nullといった単独の値だけのドキュメントも認められています。値は入れ子にでき、このツールは500階層まで受け付けます。実際のファイルで使われる深さをはるかに超える余裕です。

JSONとXML:Web APIでJSONが選ばれた理由

JSONは、構文が軽く、ファイルが小さく、JavaScriptとそのまま相性が良いことから、Web APIのデータ交換でXMLにほぼ取って代わりました。XMLにはスキーマ、名前空間、属性などの機能がありますが、JSONはシンプルなので解析が速く、最近のWebアプリケーションでも扱いやすいのです。

ほとんどのREST API、設定ファイル(package.json、tsconfig.json)、MongoDBのようなNoSQLデータベースは、JSONをそのまま使っています。XMLは、企業のシステム、SOAPのWebサービス、SVGやXHTMLのような文書形式で今も使われています。

使い方

JSON整形は3ステップ

  1. JSONを貼り付ける

    APIのレスポンス、設定ファイルなどから整形前のJSONをコピーして、入力パネルに貼り付けます。

  2. 操作を選ぶ

    インデントを付けて読みやすくするなら「整形」、小さくするなら「圧縮」、構文をチェックするなら「検証」を押します。インデントの幅も選べます。

  3. 結果をコピーする

    整形したJSONが、シンタックスハイライトつきで出力パネルに表示されます。「コピー」を押してクリップボードにコピーしましょう。

活用ガイド

JSON整形を使いこなすコツ

しくみ

JSONを貼り付けると、検証、インデント、圧縮ができます。エラーは行と列、そして原因(末尾のカンマ、シングルクォート、コメントなど)まで示します。

値は書いたとおりに保たれ、JavaScriptの数値より長いIDも変わりません。結果はツリーで確認したり、CSV・YAML・XMLに変換したりできます。

かんたん・すばやい

プライバシーと安全性

ファイルやデータが端末の外に出ることはありません。処理はすべてブラウザ内で行われます。

APIトークン、顧客データ、設定の秘密情報は、JSONのペイロードに入っていることがよくあります。ここでは、解析するのはお使いのブラウザだけです。

ブラウザ内で完結
よくある質問

JSON整形のよくある質問

JSON整形ツールについて知っておきたいこと