CodeKitHub
日本語
JSONツール

オンラインJSONフォーマッタ&バリデータ

以下の欄にJSONを貼り付けると、即座にフォーマット、整形、またはミニファイを行うことができます。このツールは、フォーマット処理と同時にJSONの検証を行い、問題がある場合は具体的なエラーを表示します。すべての処理はブラウザ上でローカルに行われるため、データがサーバーにアップロードされることはありません。

使い方

  1. 左側の入力ボックスにJSONを貼り付けてください(または「例を読み込む」をクリックして試してみてください)。
  2. 2スペースまたは4スペースのインデントを選択してください。
  3. 「フォーマット」をクリックして見栄えを良くするか、「ミニファイ」をクリックして1行に圧縮してください。
  4. JSONが無効な場合は、入力欄の下にあるエラーメッセージを確認して、問題の原因を特定してください。
  5. 「コピー」をクリックすると、結果がクリップボードにコピーされます。

入力

{"name":"CodeKitHub","tools":["json","base64"],"free":true}

出力

{
  "name": "CodeKitHub",
  "tools": [
    "json",
    "base64"
  ],
  "free": true
}

同じデータを、2スペースのインデントでフォーマットしたものです。「ミニファイ」はこれとは逆の処理を行い、すべての空白を削除します。

このツールとは?

JSONフォーマッタは、生のJSONテキストや、ミニファイされたJSONテキスト、あるいは乱雑なJSONテキストを受け取り、一貫したインデントと改行を適用して書き換えることで、読みやすい形式に変換します。JSON(JavaScript Object Notation)は、API、設定ファイル、ログシステムなどで最も一般的に使用されるデータ形式ですが、サーバーは通常、帯域幅を節約するために、これを1行の長い、判読困難なテキストとして送信します。

このツールはJSONバリデータとしても機能します。ブラウザと同じ厳格なルールに基づいて入力を解析するため、JSONにコンマの抜け、引用符で囲まれていないキー、または末尾のコンマがある場合、エラーが黙って発生するのではなく、具体的なエラーメッセージが表示されます。

実用的なヒント

  • APIのデバッグ中ですか?まずは生のレスポンスを貼り付け、フォーマットはその後で――このバリデータなら、構文エラーのある行と列を正確に特定してくれるので、1行の文字の塊を目を細めて見比べるよりもはるかに便利です。
  • 画面上で読む場合は2スペースのインデントを使用し、JSONをURL、環境変数、またはチャットメッセージに貼り付ける前にミニファイしてください。これらの場面では、空白は単なるバイトの無駄になります。
  • JSON5形式のコメントと末尾のコンマは、手動で記述した設定が「一見問題ないように見える」にもかかわらず、検証に失敗する最も一般的な2つの原因です。厳格なJSONでは、どちらも許可されていません。
  • 非常に大きなファイル(ログやデータベースのダンプなど)の場合は、必要な部分のみをフォーマットするようにしましょう。そうすれば、エディタの応答性が保たれ、構造も把握しやすくなります。

実際のワークフローにおける位置づけ

よく見られる流れとしては、APIがトークンやWebhookのペイロード内に、Base64エンコードされた、あるいはミニファイされたJSONを返すというものです。 まずBase64をデコードし、次にJSONを整形し、環境間で変更があった場合は3番目に2つのレスポンスを比較します。各ステップには専用のツールが用意されており、どのステップにおいてもペイロードがブラウザの外に出ることはありません。

フロントエンド開発者は、フォーマット処理と同じくらい頻繁にミニファイ処理を行います。大規模な静的JSONファイルを配信する場合、gzip圧縮を行う前にミニファイ処理を行うだけで、通常20~30%の容量削減が可能です。

Base64 エンコーダー/デコーダー · テキストの差分

一般的な利用例

  • デバッグ中に、1行の判読不能な文字列として返されたミニファイ化されたAPIレスポンスを読み取り、その構造を把握する。
  • アプリケーションによって何らかの理由で正しく読み込まれていない設定ファイル(package.json や JSON 形式の設定ファイルなど)の検証を行う。
  • バグ報告、コードレビュー、またはドキュメントにおいて、読みやすく整形されたJSONのスニペットを共有する。
  • JSONペイロードを、URLパラメータに埋め込んだり、サイズ制限のあるデータベースのカラムに格納したりする前に、最小の形式に圧縮すること。

なぜこれを使うのか?

APIのレスポンスを素早くデバッグ — ワンクリックで、1行のレスポンスを読みやすい構造に変換します。

構文エラーを即座に特定し、JSONの解析に失敗した正確な原因を確認できます。

JSONをコードに埋め込んだり、ネットワーク経由で送信したりする前に、JSONを圧縮してください。

100% プライベート:解析はお客様のブラウザ内で行われ、何もアップロードされたり保存されたりすることはありません。

ログイン不要、制限なし、モバイルでも利用可能。

よくある質問

私のJSONデータはサーバーにアップロードされていますか?

いいえ。このツールはJavaScriptを使用して、すべてブラウザ上で動作します。JSONデータは端末の外に出ることは一切ないため、機密情報や社内データでも安心してご利用いただけます。

なぜ私のJSONは無効なのですか?

最もよくある原因としては、コンマの抜けや余分なコンマ、ダブルクォートがないキー、ダブルクォートの代わりにシングルクォートが使われている場合、最後の項目の後に余分なコンマがある場合、およびコメント(JSONではコメントは許可されていません)などが挙げられます。入力ボックスの下にあるエラーメッセージには、パーサーが検出した問題が表示されます。

「フォーマット」と「ミニファイ」の違いは何ですか?

「フォーマット」は、JSONを人間が読みやすいように、インデントや改行を追加します。「ミニファイ」は、不要な空白をすべて削除してJSONを可能な限り小さくします。これは、JSONを送信したり埋め込んだりする前に役立ちます。

サイズの制限はありますか?

このツール自体に厳格な制限は設けられていません。ただし、すべての処理がブラウザ上でローカルに行われるため、ファイルサイズが非常に大きい場合(数十メガバイト)、お使いの端末によっては処理に時間がかかることがあります。

これで、破損したJSONを自動的に修復できますか?

いいえ――このツールは、JSONのどの部分が不正であるかを正確に指摘してくれるので、修正することができますが、データを推測したり変更したりすることはありません。これは意図的な仕様です。データを黙って「修正」してしまうと、本来のバグが見えなくなってしまう可能性があるからです。

関連ツール