---
title: "JSON整形 - JSONを整形・圧縮して検証"
description: JSONの整形・圧縮と構文チェックができるツールです。エラー箇所を行と列で表示し、末尾カンマなどのよくあるミスは自動修復できます。APIレスポンスや設定ファイルの確認に使えます。
canonical_url: "https://web-toolbox.dev/tools/json-formatter"
meta:
  author: K
  "og:description": JSONの整形・圧縮と構文チェックができるツールです。エラー箇所を行と列で表示し、末尾カンマなどのよくあるミスは自動修復できます。APIレスポンスや設定ファイルの確認に使えます。
  "og:image": "https://web-toolbox.dev/og/ja/tools/json-formatter-e8baadc2.png"
  "og:image:alt": JSON整形
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "JSON整形 - JSONを整形・圧縮して検証"
---

> Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt)

# **JSON整形**

JSONを整形しながら検証

JSONを貼り付けると結果が表示されます

**JSONデータ**

**整形結果**

読み取り専用

## JSON整形ツールとは？

JSON整形ツールは、JSON文字列を読みやすく整形しながら、構文エラーの確認にも使えるツールです。APIレスポンスを見やすくしたいとき、設定ファイルの書式をそろえたいとき、貼り付けたJSONが正しいか確かめたいときに役立ちます。

入力すると自動で整形が走り、問題がある場合はエラー箇所を行と列で表示します。軽い確認作業からデバッグまで、ブラウザ上で手早く進めたい場面に向いています。

## 使い方

1. 入力欄にJSON文字列を貼り付けます。
2. 自動整形された結果を確認します。
3. 必要に応じて出力形式やインデント、キーソートを切り替えます。
4. エラーが出た場合は、表示された行列を手がかりに修正します。修復ボタンが出ているときは、それを使って修正できます。

## 主な設定項目

### 出力形式

出力の形を次から選べます。

- **整形**: 改行とインデントを付けて読みやすく表示します
- **圧縮**: 改行や空白を除いた1行にまとめます。送信前にサイズを抑えたいときに使えます

なお、1.0のような数値表記はJSONの書き方に合わせて正規化されます。

### インデント

整形を選んだときは、2 / 4 / タブから1段の幅を選べます。プロジェクトの規約に合わせて選ぶと迷いにくくなります。圧縮を選んだときは無効になります。

### キーソート

オンにすると、オブジェクトのキーをAからZの順に並べ替えます。配列の順序は変わりません。設定ファイルを保存前にそろえたいときに使えます。

## 活用シーン

- APIレスポンスを整形して中身を確認したいとき
- 設定ファイルやサンプルJSONの見た目をそろえたいとき
- 圧縮されたJSONを読みやすい形に戻したいとき
- 送信するJSONを1行に圧縮したいとき
- JSON構文が壊れていないかを軽くチェックしたいとき

## エラーが出たときに見るポイント

エラーがある場合は、結果の代わりに原因と行列が表示されます。よくある原因は次のとおりです。

- 文字列がダブルクォーテーションで囲まれているか
- 末尾に不要なカンマが入っていないか
- オブジェクトや配列の閉じ忘れがないか
- キーと値の区切りにコロンが入っているか

末尾カンマやシングルクォート、コメントなどのよくあるミスは、修復ボタンで自動修正できます。修復すると入力が置き換わるため、結果を確認しながら調整できます。直せないエラーの場合は、行列を手がかりに直接修正します。

このツールで分かるのは主に構文上の問題です。値の意味やAPI仕様との整合までは判定しないため、その確認は別途必要になります。

## 入出力例

```json
{ "name": "田中太郎", "age": 30, "hobbies": ["読書", "旅行"] }
```

このような1行JSONを貼り付けると、次のように整形できます。

```json
{
  "name": "田中太郎",
  "age": 30,
  "hobbies": [
    "読書",
    "旅行"
  ]
}
```

**使ってみてどうでしたか？**

最終更新: 2026年10月23日

### **関連ツール**

- [<h4>**正規表現チェッカー**</h4>](https://web-toolbox.dev/tools/regex-checker)
- [<h4>**SQL整形**</h4>](https://web-toolbox.dev/tools/sql-formatter)
- [<h4>**UUIDバリデーター**</h4>](https://web-toolbox.dev/tools/uuid-validator)
- [<h4>**XML整形**</h4>](https://web-toolbox.dev/tools/xml-formatter)
- [<h4>**HTMLエスケープ/アンエスケープ**</h4>](https://web-toolbox.dev/tools/html-escape-unescape)
- [<h4>**JWTデコーダー**</h4>](https://web-toolbox.dev/tools/jwt-decoder)
- [<h4>**カラーコントラストチェッカー**</h4>](https://web-toolbox.dev/tools/color-contrast-checker)
- [<h4>**クレジットカードバリデーター**</h4>](https://web-toolbox.dev/tools/credit-card-validator)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"ja-JP","name":"Web ToolBox","url":"https://web-toolbox.dev/","workTranslation":{"@id":"https://web-toolbox.dev/en#website"}},{"@id":"https://web-toolbox.dev/tools/json-formatter#webpage","@type":"WebPage","description":"JSONの整形・圧縮と構文チェックができるツールです。エラー箇所を行と列で表示し、末尾カンマなどのよくあるミスは自動修復できます。APIレスポンスや設定ファイルの確認に使えます。","name":"JSON整形 - JSONを整形・圧縮して検証","url":"https://web-toolbox.dev/tools/json-formatter","isPartOf":{"@id":"https://web-toolbox.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/tools/json-formatter"]}]},{"@id":"https://web-toolbox.dev/tools/json-formatter#/schema/web-application/1","@type":"WebApplication","applicationCategory":"UtilityApplication","description":"JSONの整形・圧縮と構文チェックができるツールです。エラー箇所を行と列で表示し、末尾カンマなどのよくあるミスは自動修復できます。APIレスポンスや設定ファイルの確認に使えます。","name":"JSON整形 - JSONを整形・圧縮して検証","operatingSystem":"Windows, macOS, Linux, Android, iOS"}]}
```

## Sitemap

See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.