高機能JSON整形＆可視化ツール

このツールの使い方

1. 1. JSONを貼り付ける： 左の入力欄にJSONを貼り付けるか入力します。「サンプルを入力」で動作を試すこともできます。 入力と同時に構文チェックが行われ、エラーがあれば行・列と理由が表示されます。
2. 2. 整形か圧縮を選ぶ： 「整形」ではインデント（2スペース・4スペース・タブ）を選んで読みやすく整えます。 「圧縮」では改行や空白を取り除き、1行の最小サイズにします。
3. 3. ツリー表示で構造を確認する： 「ツリー表示」タブでは、オブジェクトや配列をフォルダのように展開・折りたたみできます。 「すべて展開」「すべて折りたたむ」で一括操作でき、各項目にマウスを重ねると $[0].profile.country のようなパスが表示されます。
4. 4. コピー・CSVダウンロード： 「コピー」で整形結果をクリップボードにコピーできます。データがオブジェクトの配列の場合は 「CSVダウンロード」ボタンが表示され、表形式のファイルとして保存できます。

完全ローカル処理によるセキュリティ面の安心感

CSVエクスポートの活用例

• APIのレスポンスを表で確認： ユーザー一覧や商品一覧など、配列で返ってくるAPIのデータをCSVにして、ExcelやGoogleスプレッドシートで並べ替え・絞り込みできます。
• 非エンジニアへのデータ共有： JSONに慣れていないメンバーにも、表形式のファイルなら内容を伝えやすくなります。
• ログやエクスポートデータの集計： JSON形式で出力されたログや管理画面のエクスポートを、スプレッドシートの関数やピボットテーブルで集計できます。
• テストデータの確認： テスト用のフィクスチャやモックデータの抜け漏れを、列ごとに一覧して確認できます。

CSVは UTF-8（BOM付き）で出力するため、Excelで開いても日本語が文字化けしにくくなっています。

よくある質問

入力したJSONはサーバーに送信されますか？

送信されません。構文チェック・整形・圧縮・ツリー表示・CSV変換はすべてお使いのブラウザ内（JavaScript）で処理しており、入力内容が外部のサーバーへ送信・保存されることはありません。APIのレスポンスや設定ファイルなど、機密情報を含むJSONも安心して扱えます。

エラーが表示されましたが、どこを直せばよいですか？

エラー欄に、問題のある行・列と理由（「最後の要素の後ろに余分なカンマがあります」など）を表示し、該当箇所をキャレット（^）で示します。よくある原因は、末尾の余分なカンマ、シングルクォートの使用、キーをダブルクォートで囲んでいない、コメントの記述などです。

どんな形のJSONならCSVに変換できますか？

オブジェクトの配列（例: [{"id":1,"name":"A"}, {"id":2,"name":"B"}]）の場合に、自動で「CSVダウンロード」ボタンが表示されます。要素ごとにキーが違っても、すべてのキーを列にまとめ、値がない列は空欄になります。入れ子のオブジェクトや配列は、JSON文字列として1つのセルに入ります。

大きなJSONファイルも扱えますか？

数MB程度までであれば快適に扱えます。ツリー表示では、開いた階層だけを描画し、大きな配列は100件ずつ表示するため、要素数が多いデータでも動作が重くなりにくい設計です。ただし、処理はお使いの端末の性能に依存します。

あわせて使いたいツール