JSONの編集・変換
入力 JSON
Code snippet
Full error message
変換結果
検索と置換
JSON整形ツール – JSONの構文チェックとXML・YAML変換
リアルタイム構文チェックとスクロール同期
リアルタイム構文チェックは入力と同時に動作します。エラーがあると行・列とその前後のコードを表示するため、末尾のカンマ、シングルクォート、括弧の対応ミスをすぐに見つけられます。
スクロール同期をオンにすると、左の入力と右の結果が連動します。数百行のJSONでも、元データと結果を同じ位置で比較できます。
JSON統計・ブックマーク・設定の自動保存
JSON統計では、サイズ、キー数、ネストの深さ、配列・オブジェクト数、ルートの型を確認できます。APIレスポンスの構造把握に役立ちます。
ブックマークには、よく使うJSONをタイトル付きで最大10件まで保存できます。保存したデータはこのブラウザーにのみ保管され、サーバーには送信されません。
文字サイズ、インデント、テーマなどのエディター設定は自動保存され、ページを開き直しても保持されます。
言語別JSON Pretty Printコード
コードでJSONをインデント付き（Pretty Print）で出力する方法です。ログ出力やAPIレスポンスのデバッグにご活用ください。
| 言語 | コード | インデント |
|---|---|---|
| JavaScript / Node.js | JSON.stringify(obj, null, 2) |
2スペース（数値で変更可） |
| Python | json.dumps(data, indent=4, ensure_ascii=False) |
4スペース（日本語をそのまま出力） |
| Java (Jackson) | mapper.writerWithDefaultPrettyPrinter().writeValueAsString(obj) |
Jacksonのデフォルト |
| PHP | json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) |
4スペース（日本語をそのまま出力） |
| Go | json.MarshalIndent(data, "", " ") |
2スペース |
| C# | JsonSerializer.Serialize(obj, new JsonSerializerOptions { WriteIndented = true }) |
2スペース |
| Ruby | JSON.pretty_generate(data) |
2スペース |
コードで出力したJSONを貼り付けて構造を確認したり、ここで整形したJSONをコピーしてコードに使ったりできます。
JSON・XML・YAMLの比較と選び方
3つの形式はいずれもデータを構造化しますが、用途が異なります。
| 項目 | JSON | XML | YAML |
|---|---|---|---|
| 主な用途 | REST API、Webアプリのデータ交換 | 既存システムとの連携、複雑な文書構造 | CI/CD設定、Docker、Kubernetes |
| ファイルサイズ | 軽量 | タグの繰り返しで大きい | 軽量 |
| 可読性 | 高い（キーと値の構造） | 普通（タグのネスト） | 非常に高い（インデントベース） |
| コメント | 標準では非対応 | 対応 | 対応（#） |
| パース速度 | 速い | 比較的遅い | 普通 |
| ブラウザー対応 | 標準対応 | 別途パーサーが必要 | 別途パーサーが必要 |
| データ型 | 数値・真偽値・nullを区別 | すべて文字列 | 数値・真偽値・nullを区別 |
REST APIやWebアプリケーションのデータにはJSONが標準です。人が直接編集する設定ファイルにはYAML、既存のエンタープライズシステムとの連携にはXMLが適しています。出力形式を切り替えて、同じデータをすぐに比較してみてください。
ツリー表示とXML・YAML変換
ネストの深いJSONはツリー表示に切り替えると、階層構造をひと目で把握できます。ノードを展開・折りたたみして、必要な部分だけを確認できます。
出力形式でXMLまたはYAMLを選ぶと、右側に変換結果が表示されます。結果はコピーまたはファイルとして保存できます。
ファイルを開く・URLから読み込み・全画面表示
UTF-8の.jsonファイルを開くか、ブラウザーからのリクエストを許可するURLからJSONを読み込みます。最大10 MiBまで処理できます。広い画面で編集するには、ツールバーの全画面ボタンを押してください。
よくあるJSON構文エラー
JSONは文法が厳格なため、小さなミスでもパースに失敗します。エラーが出たら、まず次の点を確認してください。
- 末尾のカンマ：配列やオブジェクトの最後の項目の後にはカンマを置けません。JavaScriptのオブジェクトをコピーしたときによく発生します。
- 引用符：キーと文字列はダブルクォート（")で囲む必要があります。シングルクォート(')は使えません。
- 括弧の対応：配列 [ ] とオブジェクト { } は開きと閉じの対応が必要です。ネストが深い場合は、エラー表示の行と列を確認してください。
よくあるご質問
JSONの整形と構文チェックに加え、次の機能を備えています。
- 圧縮（Minify）・エスケープ結果のコピー
- リアルタイム構文チェックとエラー行・列の表示
- 入力と結果のスクロール同期
- ツリー表示、XML・YAML変換
- キーの並べ替え（昇順・降順、対象オブジェクトの選択）
- ブックマーク（最大10件）とJSON統計
- エディター設定の自動保存
いいえ。貼り付けたJSONや開いたファイルはブラウザー内で処理され、Vivoldiのサーバーには送信されません。入力内容はこのブラウザーに一時保存され、再度開くと復元されます。「入力を消去」ボタンを押すと一時保存データも削除されます。ブックマークは一覧から個別に削除してください。URLからの読み込みでは、ブラウザーが指定したアドレスに直接リクエストします。
エラー表示の行と列を確認してください。表示を押すと該当行に移動します。最後の項目の後のカンマ、キーと文字列のダブルクォート、角括弧・波括弧の対応を確認して修正すると、チェック結果がすぐに更新されます。
UTF-8で保存した.jsonファイルを開けます。貼り付け、ファイルを開く、URLから読み込みのいずれも最大10 MiBまで処理します。値が多すぎる場合やネストが深い場合は、分割して作業してください。約100万文字を超える文書は自動チェックの代わりに、「JSONを整形」ボタン（Ctrl/Cmd+Enter）で結果を更新します。
出力形式でXMLまたはYAMLを選んだ後、結果をコピーするかファイルとして保存してください。XMLは1つのルート要素で囲まれます。YAMLは重複キーを許可しないため、先に入力の重複キーを整理してください。ツリー表示からコピー・ダウンロードすると、JSON全体が提供されます。
タイトルを付けて最大10件まで保存でき、10件を超えると最も古い項目が削除されます。ブックマークはこのブラウザーのローカルストレージにのみ保管され、他のデバイスやブラウザーとは共有されません。ブックマーク一覧から項目ごとに削除できます。
はい。「キーソート」の「並べ替えの対象」で、すべてのオブジェクトまたは特定のオブジェクトを選べます。昇順と降順に対応し、配列内の項目の順序と左側の元データはそのまま保持されます。
JSONの構文チェック・整形・ツリー表示・XML/YAML変換ができる無料オンラインツールです。