JSONパーサーとは？
JSONの山を見つめながら、テーブルとして見られればと思ったことはありませんか？このツールはまさにそれを実現します。JSONパーサーはJSON（JavaScript Object Notation）データを、実際に操作できるインタラクティブなHTMLテーブルに変換します。
APIレスポンスのデバッグ、データエクスポートの分析、設定ファイルの把握など、あらゆる場面でこのツールが時間を節約してくれます。ネストされたオブジェクトを手動で解析したり、データを表示するためだけにスクリプトを書く必要はもうありません。MDN Web Docsによると、JSONはAPIで最も一般的なデータ形式であり、当パーサーはすべての標準的なJSON構造に対応しています。
最大の特長は、すべてブラウザ内で動作することです。明示的に共有しない限り、データはサーバーに送信されません。高速・無料・プライベートです。
JSONパーサーの使い方
JSONデータの解析・表示・操作の手順を説明します。各ステップはこのページの実際のボタンと機能を使用します。
JSONを貼り付けるかサンプルを読み込む
PostmanなどのAPIレスポンス、設定ファイル、またはデータベースエクスポートから左エディタにJSONを貼り付けてください。始め方がわからない場合は、ツールバーのサンプルボタンをクリックしてサンプルデータを読み込んでください。次のような形式のオブジェクト配列が表示されます：
[{"id": 1, "subscriberId": "SUB-1001", "plan": "Unlimited 5G", "dataUsage": 45.2}, {"id": 2, "subscriberId": "SUB-1002", "plan": "Family Plan", "dataUsage": 120.5}]無効なJSONはエディタ下にエラーメッセージが表示されます。不足しているカンマや引用符を修正すると、テーブルが自動的に表示されます。
テーブルとして表示
右パネルでJSONが即座にテーブルに変換されます。オブジェクトの配列は行になり、オブジェクトのキーは列になります。サンプルデータでは、id、subscriberId、plan、dataUsageの列がサブスクライバーごとに1行で表示されます。ネストされたオブジェクトや配列はセル内のテーブルとして表示されます。データが幅広い場合はメインとネストボタンで行と列を入れ替えられます。解析はRFC 8259 JSON仕様に準拠しています。
行のフィルタリング
各列のヘッダー下にフィルターボックスがあります。入力して結果を絞り込みます。例：プラン列に5Gと入力すると5Gプランのみ表示、dataUsage列に100と入力すると高使用量のサブスクライバーを検索。フィルタリングは大文字・小文字を区別せず、複数列に同時に適用できます。フィルターが有効な場合、ステータスバーに「{total}行中{filtered}行を表示中」と表示されます。
インライン編集
編集ボタンをクリックし、任意のセルをダブルクリックして値を変更します。Enterを押すかクリックして離すと保存されます。左エディタのJSONが自動的に更新されます。列ヘッダーの削除（×）アイコンを使用して不要な列を非表示にできます。生のJSONに触れずにタイプミスを修正したりIDを更新するのに最適です。
最大化・エクスポート・共有
最大化をクリックすると広いデータセットに対してテーブルをフルスクリーンで開けます。ExcelをクリックするとExcelやGoogle スプレッドシート用の.xlsファイルがダウンロードできます。共有をクリックするとリンク（有効期限1時間・1日・1週間）を生成してチームメンバーに送れます。相手は何も貼り付けずに同じテーブルを見られます。すべてJSON.parse()でクライアントサイドで動作するため、データはプライベートに保たれます。
実際の活用シーン
APIレスポンスのデバッグ
APIがJSONを返しているが構造が正しいか確認できない。ここに貼り付けてテーブルとして見れば、欠けているフィールドを即座に発見できます。Swagger/OpenAPIのレスポンスやクエリと組み合わせるとさらに効果的です。データ確認のためだけにスクリプトを書くより格段に速いです。
クイックデータ分析
データベースや分析ツールからのJSONエクスポートがある場合、Pythonスクリプトを書いたりデータベースに読み込んだりせず、ここに貼り付けるだけ。必要なものをフィルタリングしてExcelにエクスポートすれば完了です。手間をかけずに単発の分析作業に最適です。
設定ファイルのレビュー
複雑な設定ファイルを把握しようとしている場合、テーブルとして表示すると構造が明確になります。変更が必要な場合は直接値を編集できます。ネストされた波括弧を探し回るよりはるかに簡単です。
非開発者へのデータ提示
コードを読まないPMやデザイナーにJSONデータを見せる必要がある場合、共有リンクを生成して送るだけ。相手は生のJSONではなきれいなテーブルを見ることができます。ブラケットの意味を説明する手間が省けます。
よくある質問
JSONデータは保存されますか？
いいえ。すべてはJavaScriptを使用してブラウザ内で実行されます。「共有」をクリックしてリンクを作成しない限り、JSONはコンピューターから出ることはありません。その場合でも有効期限はあなたが管理できます。すべてのデータはブラウザ内でローカルに処理され、他のクライアントサイド開発ツールと同じプライバシー原則に従ってデータを非公開かつ安全に保ちます。
どのようなJSON形式に対応していますか？
仕様に従った有効なJSONであれば何でも対応します。配列、オブジェクト、ネスト構造、混合型など、すべてに対応しています。JSON.parse()が処理できるものであれば、当ツールでも処理できます。複雑なネストはさらに多くのネストテーブルを生成するだけです。
データを編集できますか？
「編集」をクリックして任意のセルをダブルクリックします。値を変更してEnterを押すと、JSONが自動的に更新されます。不要な列を完全に削除することもできます。スプレッドシートを編集するような感覚ですが、JSONは構文的に正しい状態を保ちます。
フィルタリングはどのように機能しますか？
各列の上部にあるボックスに入力します。その列に検索語が含まれる行をフィルタリングします。複数の列を同時にフィルタリングできます。すべてのフィルターに一致する行が表示されます。大文字・小文字を区別しないため、「5g」でも「5G」が検索されます。
どの形式にエクスポートできますか？
現時点ではExcel（.xls形式）に対応しています。Excel、Google スプレッドシート、LibreOfficeなど基本的にすべてのスプレッドシートアプリで開けます。テーブル構造は維持されるため、ネストされたデータもExcelでネストされたテーブルになります。近日中にCSVエクスポートの追加を予定しています。
JSONファイルはどのくらいの大きさまで対応できますか？
厳密な制限はありませんが、パフォーマンスはブラウザに依存します。小さなファイル（1MB未満）は即座に解析されます。5MB程度のファイルは1〜2秒かかることがあります。非常に大きなファイル（10MB超）は処理が遅くなることがありますが、それでも動作します。大規模なデータセットを扱う場合は、コマンドライン処理にjqのようなツールの使用を検討してください。
他に役立つJSONツール
このパーサーはデータの表示に優れていますが、他にも必要なものがある場合があります。組み合わせて使うのに便利な他のツールです：