{ } JSON Decoder

オンライン JSON 解析ツール

JSON の整形・圧縮・検証・ツリー表示を一瞬で。すべてブラウザ内で処理されるため、データが端末を離れることはありません。

いいえ。すべての解析と整形はブラウザ内で行われ、データが端末を離れることはありません。

モダンブラウザでは 1-10 MB 程度であれば快適に処理できます。20 MB を超えると動作が重くなる可能性があるため、CLI ツールの利用をおすすめします。

JSON 入力

ファイルのドラッグ対応

                    
                

出力結果

入力待ち

                            

                        

なぜ JSON Decoder を選ぶのか?

高速・プライバシー・インストール不要 — ブラウザで JSON をそのまま解析。

瞬時の整形

圧縮された JSON をワンクリックで読みやすく展開。インデントと自動シンタックスハイライトに対応。

徹底した圧縮

すべての空白と改行を除去し、API 転送に最適な最小 JSON を生成します。

正確なエラー位置

解析に失敗した場合、正確な行と列、そしてエラー周辺のコンテキストを表示してデバッグを高速化します。

折りたたみ可能なツリー

展開/折りたたみできる構造ビュー。配列の長さやキーの数もインラインで表示されます。

プライバシー重視

すべての処理はブラウザ内で完結。データはどのサーバーにもアップロードされません。

ファイルの入出力

json ファイルをドロップして読み込み、結果をワンクリックで.json に書き出し。

JSON Decoder の仕組み

完全にブラウザ側で動作する JSON 解析 — アップロードもログも、サードパーティ API 呼び出しもありません。

  1. 1

    JSON を貼り付け、またはドロップ

    JSON 文字列をエディタに貼り付けるか、ローカルの .json ファイルをドロップしてください。ブラウザは FileReader を介してそのまま JavaScript メモリに読み込みます — XHR も fetch もアップロードも一切ありません。数 MB のペイロードでも問題なく、必要に応じてパーサーがチャンク単位でストリーミング処理します。

  2. 2

    ネイティブパーサーがブラウザ内で実行

    文字列はそのまま JSON.parse に渡されます — ブラウザがあらゆる fetch レスポンスで利用しているのと同じ V8 / SpiderMonkey / JavaScriptCore のパーサーです。解析に失敗した場合は、不正な文字の位置を行番号と列番号で報告するため、その場で修正できます。正規表現によるごまかしも、曖昧なエラーメッセージもありません。

  3. 3

    ローカルでツリービューを描画

    解析が完了すると、結果は仮想化された DOM ノードを用いた折りたたみ可能なツリーとして描画されます — そのため 100,000 キーのオブジェクトでも 60 fps で滑らかに動作します。配列の折りたたみ、パスのコピー、キーボードでのナビゲーションも可能です。

  4. 4

    整形、Minify、ダウンロード

    インデント 2 / 4 / タブで整形、1 行に Minify、クリップボードにコピー、整形済みファイルのダウンロードができます。すべての変換はブラウザ内で実行され、結果のバイトがページ外に出ることは一切ありません。

代表的な利用シーン

ブラウザ完結型 JSON 解析が真価を発揮する実際のシチュエーション。

API レスポンスのデバッグ

バックエンドのログや DevTools から Minify 済みのレスポンスボディをコピーし、ここに貼り付ければ、構造を即座に把握できます。CLI ツールのインストールも、jq のエイリアス設定も不要です。

JWT ペイロードの確認

JWT の中央セグメントを Base64 デコードした後、得られた JSON を貼り付ければ、クレーム、有効期限、カスタムフィールドを確認できます。トークンが発行元以外のサーバーに送信されることはありません。

設定ファイルのクリーンアップ

壊れた .json 設定ファイル(Tailwind、ESLint、package.json、tsconfig)を再フォーマットして、CI で失敗しなくなるようにします。手書きの設定にありがちな末尾カンマや重複キーも検出します。

API 契約の比較

ブラウザのタブを 2 つ並べ、新旧のスキーマをそれぞれ貼り付けます。ツリービューを使えば、エスケープされた文字列を diff することなく、追加・削除されたフィールドを見つけられます。

ブラウザ完結である意義

JSON にはしばしば、実際の顧客レコード、API キー、JWT シークレット、内部 ID、PII(個人情報)が含まれています。多くのオンライン JSON フォーマッタはペイロードをサーバーに POST しています — つまり、貼り付けたあらゆるフィールドがサードパーティに記録されているということです。iKit の JSON Decoder はブラウザのタブ内で JavaScript として動作するため、パーサーはあなたのデータを見ますが、サーバーが見ることは一切ありません。

  • 解析中のネットワークリクエストはゼロ — DevTools の Network タブで検証できます。
  • ページの読み込み後はオフラインでも動作 — ネットワークを切断しても解析は機能します。
  • サーバーログなし、レート制限なし、サインアップなし、日次クォータなし。

関連ガイド

iKit ブログの詳しいチュートリアルとツール比較。

よくあるJSON構文エラーと修正方法

上にJSONを貼り付けると、バリデーターが正確な行と文字位置を特定します。以下は開発者が最も遭遇しやすいエラーです。

Error message Cause Fix
Unexpected token } in JSON at position N A trailing comma before } or ] — JSON does not allow trailing commas. Delete the comma after the last item: {"a": 1,} → {"a": 1}
Unexpected token ' in JSON at position N Single quotes around keys or values — JSON requires double quotes. Replace 'value' with "value" on every key and string.
Unexpected token N in JSON at position N A bare word like NaN, None or undefined — none are valid JSON values. Use null, a number, or a quoted string instead.
Expected property name or '}' / Expecting 'STRING' An unquoted object key: {name: "x"} — keys must be double-quoted strings. Quote the key: {"name": "x"}
Unexpected end of JSON input The text was truncated — an unclosed brace, bracket or string. Check that every { has a } and every [ has a ] — the tree view shows where it stops.
Unexpected token / in JSON at position N Comments (// or /* */) — the JSON spec does not allow them. Remove the comments, or keep config in JSONC/YAML and convert before parsing.
Bad control character in string literal A raw newline or tab inside a string. Escape it: use \n, \t or \u escapes inside the quotes.

JSONのデータ型とエスケープルール

JSONで許可されているすべて — そして有名な禁止事項(コメント、末尾カンマ、シングルクォート)。

TypeExampleNotes
string"hello"Double quotes only
number3.14, -2, 1e9No NaN, Infinity or leading zeros
booleantrue, falseLowercase only
nullnullNot None or nil
object{"key": "value"}Keys must be quoted strings
array[1, "a", null]Mixed types allowed
EscapeMeaning
\" \\ \/Quote, backslash, slash
\n \r \tNewline, return, tab
\b \fBackspace, form feed
\uXXXXUnicode code point (4 hex digits)
Not allowed: comments, trailing commas, single quotes, unquoted keys

よくある質問

このツールは JSON データをアップロードしますか?

いいえ。すべての解析と整形はブラウザ内で行われ、データが端末を離れることはありません。

どれくらい大きな JSON に対応していますか?

モダンブラウザでは 1-10 MB 程度であれば快適に処理できます。20 MB を超えると動作が重くなる可能性があるため、CLI ツールの利用をおすすめします。

"Unexpected token" エラーはなぜ発生するのですか?

クォートの不足、余分なカンマ、シングルクォートの使用が主な原因です。「エラー」タブで正確な行と列を確認できます。

JSON5 やコメント付き JSON に対応していますか?

現時点では RFC 8259 の厳格な JSON のみ対応しています。JSON5 / JSONC のサポートが必要な場合はお知らせください。

オフラインで使えますか?

初回読み込み後はほとんどのリソースがブラウザにキャッシュされるため、ネットワーク接続の有無にかかわらず利用できます。

JSONにコメントを書けますか?

いいえ — JSONの仕様(RFC 8259)はコメントを許可しておらず、パーサーは構文エラーとして拒否します。コメント付きの設定ファイルが必要な場合は、JSONCやYAMLを検討し、パース前に純粋なJSONに変換してください。

JSONは大文字と小文字を区別しますか?

はい。キーと文字列値は大文字小文字を区別し("Name"と"name"は別のキーです)、リテラルのtrue、false、nullは小文字でなければなりません — TrueやNULLは構文エラーになります。

JSONのデータ型には何がありますか?

JSONにはちょうど6つの型があります: string(ダブルクォートのみ)、number(NaNやInfinityは不可)、boolean(true/false)、null、object、array。それ以外のもの — 日付、undefined、関数など — はこれらのいずれか、通常はstringで表現する必要があります。

JSONフォーマッターとJSONバリデーターの違いは何ですか?

フォーマッターはJSONを読みやすく再インデント(整形)するか、空白を削除(圧縮)します。バリデーターはJSONの文法に照らしてチェックし、どこで壊れているかを報告します。このツールは両方を同時に行います: 入力しながら検証し、最初のエラーの正確な行と文字位置を表示します。

JSONをYAMLやCSVに変換できますか?

はい — 他のiKitツールをご利用ください: JSON ↔ YAML変換はjsonyaml.ikit.app、CSV ↔ JSONはcsvjson.ikit.app。2つのJSONファイルを比較するにはDiff Checkerを、JS/CSSを圧縮するにはMinifierをどうぞ — すべてこのツールと同様に無料でブラウザ完結です。