ツールナビ
開発ツール 登録不要 無料 ブラウザ完結

JSON整形ツール(無料・ブラウザ完結)

JSONを貼り付けるだけで即整形。インデント幅(2/4/Tab)選択・minify圧縮・構文バリデーション(エラー行番号表示)・型情報サマリー・サイズ表示・シンタックスハイライト対応。コピー・ダウンロード(.json)付き。ブラウザ完結・無料・登録不要。

最終更新:2026年5月18日

すべての処理はブラウザ内で完結。入力データはサーバーに送信されません。
JSONを入力してください
入力 JSON
出力 JSON
整形・圧縮後の結果がここに表示されます

JSON整形ツールの使い方

  1. 入力エリアにJSONを貼り付けるか、サンプルボタンでサンプルを挿入
  2. インデント幅(2スペース/4スペース/Tab)を選択
  3. 「整形」「圧縮」ボタンを押すか、自動整形モードを利用
  4. 結果をコピーまたは .json ファイルとしてダウンロード

JSONの基本構文・書き方ガイド

JSON(JavaScript Object Notation)は6種類のデータ型で構成されます。正しい構文を押さえることでバリデーションエラーを防げます。

{ }
オブジェクト
{"key": "value"}

キーは必ずダブルクォートで囲む。複数のキー・値ペアをカンマで区切る。末尾のカンマは不可。

[ ]
配列
[1, "two", true]

任意の型の値をカンマ区切りで並べる。インデックスは0始まり。末尾のカンマは不可。

" "
文字列
"Hello, World!"

ダブルクォートで囲む。改行は\n、タブは\t、バックスラッシュは\\でエスケープ。

123
数値
42 / 3.14 / -1e10

整数・小数・指数表記に対応。クォートは不要。NaNやInfinityは使えない。

t/f
真偽値
true / false

小文字のtrue/falseのみ有効。True・FALSEは不可。

null
null

小文字のnullのみ有効。値が存在しないことを示す。NullやNULLは不可。

よくあるバリデーションエラー

エラー内容NG例OK例
末尾のカンマ{"a": 1,}{"a": 1}
シングルクォート{'key': 'val'}{"key": "val"}
コメント{"a": 1 // comment}コメント不可
キーに数字{1: "val"}{"1": "val"}
undefined{"a": undefined}{"a": null}

JSONの主な用途・実務での活用シーン

JSONはWeb開発のあらゆる場面で使われます。代表的な活用シーンを確認しましょう。

REST API のレスポンス確認

curl や Postman で取得したAPIレスポンスは1行の圧縮JSONなことが多い。整形ツールで見やすくしてデバッグに活用。

設定ファイルの編集(package.json / tsconfig.json等)

Node.jsプロジェクトの設定ファイルはJSON形式。整形して構造を把握したり、バリデーションでミスを防いだりする。

データ変換・インポート/エクスポート

DBからエクスポートしたデータをJSONで受け取り、整形して内容を確認したり、別システムへのインポート前にバリデーションしたりする。

ログ・エラーの解析

CloudWatch や Datadog のJSON形式ログを整形して読みやすくし、エラーの原因を素早く特定する。

コードレビュー・プルリクエスト準備

JSONの変更をコードレビューに出す前に整形・バリデーションして品質を確保。圧縮してファイルサイズを削減してからコミットする用途も。

AI/LLMとのプロンプト・レスポンス整理

ChatGPT等のAPIレスポンスやFunction Callingの結果はJSONで返る。整形して確認・デバッグに使う。

JSON vs YAML vs XML — フォーマット比較

データフォーマットは用途に応じて使い分けが重要です。JSON・YAML・XMLの特徴を比較しました。

比較項目JSONYAMLXML
人間の読みやすさ低〜中
コメント不可可(#)可(<!-- -->)
データサイズ大(タグで膨れる)
ブラウザネイティブ対応JSON.parse()で即解析ライブラリ必要DOMParser対応
主な用途REST API・設定ファイルDocker/K8s設定・CI/CDRSS・SOAP・旧システム
スキーマ定義JSON SchemaJSON Schema互換DTD / XSD
JavaScript処理ネイティブ(最速)js-yaml等が必要DOMParser/XPathが必要
JSONを選ぶとき
  • Web APIのデータ交換
  • JavaScriptとの連携
  • package.json等の設定
  • NoSQL DBの保存形式
YAMLを選ぶとき
  • Kubernetes・Docker Compose
  • GitHub Actions・CI/CD設定
  • 人間が頻繁に編集する設定
  • コメントが必要な設定ファイル

よくある質問(FAQ)

JSONの整形とは何ですか?
JSON整形とは、読みにくい1行のJSONや崩れたインデントを、適切なスペースと改行で見やすい形式に変換することです。開発中のデバッグやAPIレスポンスの確認に使います。
JSON圧縮(minify)とは何ですか?
JSON圧縮とは、不要な空白・改行を取り除き1行にまとめることです。APIレスポンスやファイルサイズを削減したい場合に使います。データの意味は変わりません。
入力したJSONはサーバーに送信されますか?
いいえ、送信されません。すべての処理はブラウザ内のJavaScriptで実行されます。機密データを含むJSONも安心してご利用いただけます。
バリデーションエラーが出た場合どうすればいいですか?
エラーメッセージに表示される行番号と列番号を確認してください。よくあるエラーは「末尾のカンマ」「ダブルクォートの欠落」「ブラケットの不一致」です。
JSONとは何ですか?
JSON(JavaScript Object Notation)は、データ交換用の軽量なフォーマットです。テキストベースで人間にも読みやすく、APIのリクエスト・レスポンスや設定ファイルに広く使われています。
型サマリーとは何ですか?
JSONに含まれるオブジェクト・配列・文字列・数値・真偽値・nullの個数を集計したものです。データ構造を素早く把握したいときに便利です。
大きなJSONファイルも処理できますか?
ブラウザのメモリ内で処理するため、数MB程度のJSONなら問題なく処理できます。非常に大きなファイル(数十MB以上)の場合は処理に時間がかかることがあります。
JSONのコメントは書けますか?
標準のJSONはコメントをサポートしていません。コメントが必要な場合はJSONCやJSON5などの拡張フォーマットを使うか、「_comment」のようなキーで代替します。
シンタックスハイライトとは何ですか?
JSONのキー・値・型ごとに色を付けて表示する機能です。文字列は青、数値は緑、真偽値は紫など、一目でデータ型が分かるようになります。
JSONとCSVの違いは何ですか?
CSVは表形式(行×列)のデータに適しており、JSONはネスト構造(階層を持つデータ)の表現に優れています。APIデータはJSONが主流で、スプレッドシートにインポートする場合はCSVに変換します。

JSON・正規表現を使いこなすための書籍

PR

※ Amazon.co.jp のアソシエイトとしてサイト運営者は適格販売により収入を得ています。 書籍リンクはアフィリエイトリンクです。