JSON整形の結果プレビュー

JSON フォーマッタ — オンラインで JSON をフォーマット、検証、整形します

JSON を検証し、2、4、または 8 個のスペースでフォーマットするか、ブラウザで縮小します。

JSON をここに貼り付けます — コピーまたはダウンロードするために検証され、フォーマットされた出力を取得します

または .json ファイルをドロップ

JSON整形 でできること

始める前に、主な機能を確認してください。

  • 乱雑な JSON をクリーンで読みやすいコードにフォーマットします
  • JSON を検証して構文エラーを検出する
  • JSON を 1 つのコンパクトな行に縮小する
  • 2、4、または 8 スペースのインデントを選択します
  • フォーマットされた結果をコピーまたはダウンロードする

設定リファレンス

JSON整形 で使用可能なコントロール。

設定

モードプリセット
JSON の表示方法を選びます。「整形」は読みやすいインデントで整え、「圧縮」は1行にまとめ、「ツリー」は入れ子のデータを展開・折りたたみしながら確認できるインタラクティブな表示にします。オプション: 整形圧縮(Minify)
インデントドロップダウン
整形後の出力で、入れ子の各階層を何スペース分インデントするかを設定します(「整形」モードでのみ表示)。コンパクトなコードスタイルなら2、深い構造を読みやすくするなら4または8を選びましょう。オプション: スペース2個スペース4個スペース8個
無料で利用可能 · 登録不要 · 透かしなしアップロードは転送中に暗号化されます保持ポリシーに基づいて削除されました

よくある質問

JSON を入力パネルに貼り付けると、2、4、8スペースのインデントで即座に解析・整形されます。JSON が無効な場合は、ネイティブのパーサーからエラーの正確な行と列が表示されます。すべてブラウザ内で実行されるため、API キーも利用回数の制限もなく、データがデバイスの外に出ることはありません。読みやすいインデント付きの出力には「整形」を、データ送信用に1行へまとめるには「圧縮」をご利用ください。

usage

整形は改行とインデントを追加し、デバッグ中に人が JSON を読みやすく確認しやすくします。圧縮はすべての空白、タブ、改行を取り除き、可能な限り小さいデータを生成します。これは API リクエスト、ソースコードに埋め込む設定、バンドルサイズの削減に役立ちます。当ツールではワンクリックで両モードを利用できます。

features

検証はブラウザ内でローカルに行われます。エラーにより、問題のあるトークンとその位置が明らかになり、通常はカンマの欠落、括弧の不一致、末尾のカンマ、または引用符で囲まれていないキーが特定されます。ハイライトされた箇所を修正すると、入力すると出力パネルが更新されます。

technical

いいえ。フォーマットは、Pixoate 処理 API を通じてではなく、ブラウザー内で実行されます。 Web アプリケーションでプロダクション シークレットや個人データを開く前に、組織のセキュリティ ルールに従ってください。

privacy

はい。任意の.jsonファイルを入力パネルにドラッグすれば、そのままエディターに読み込まれます。大きなファイル(数MBのAPIダンプ、書き出した設定ファイル、ログファイル)も、ブラウザがメモリに保持できる限り扱えます。通常は数十MBまでなら問題ありません。

usage

いいえ、このツールはJSON.parseが受け付ける形式に合わせて、厳格なRFC 8259準拠のJSONに従います。コメント、末尾のカンマ、シングルクォート、引用符のないキーは、無効として検出されます。JSON5やJSONCのサポートが必要な場合は、まず非標準の構文を取り除いてから、Pixoateで整形してください。

features

整形が終わったら、「コピー」をクリックすればワンタッチで結果をクリップボードに保存でき、「ダウンロード」をクリックすればoutput.json(ミニファイモードではoutput.min.json)として保存できます。出力はUTF-8エンコーディングを保持するため、絵文字やラテン文字以外の文字もそのまま残ります。

tips

アカウントを作成しなくても、結果を使用、コピー、ダウンロードできます。出力には Pixoate ウォーターマークはありません。

pricing

RFC 8259標準に照らしてJSONの構文が正しいかを検証します。ドキュメントを解析し、エラーがあれば正確な行と列を特定します。ただしJSON Schema(必須フィールド、値の型、範囲)に対するチェックは行いません。即時の構文チェックと整形には最適ですが、スキーマ適合性の確認には専用のJSON Schemaバリデーターが必要です。

technical

2スペースが最も一般的なデフォルトで、Prettierや大半のスタイルガイドに合致し、深くネストしたオブジェクトが右に寄りすぎるのを防ぎます。4スペースはネストの浅い設定ファイルに読みやすく、8スペースは主に印刷やプレゼン向けです。3つとも生成されるのは同一で有効なJSONなので、チームのリンターが想定するものを選び、結果をコピーまたはダウンロードしてください。

tips

はい — このJSONフォーマッターのほかに、HTMLを整形・圧縮するHTML整形ツールもあり、同じ無料のブラウザ完結型開発者ツールキットの一部です。JSONに関しては、このページが整形・圧縮・構文チェックを担います。他の言語には対応するフォーマッターに切り替えてください。

features

ツリーモードは、解析したJSONを平坦なテキストブロックではなく、インタラクティブで折りたたみ可能なツリーとして表示します。これにより、ネストされたオブジェクトや配列を展開・折りたたみして、インデントをスクロールせずに大きなAPIレスポンスを調べられます。「整形」ではコピーやダウンロードが可能な整形テキストが得られます。構造を確認したいだけのときはツリーに切り替え、実際の出力ファイルが必要なときは整形または最小化に戻してください。

features

大きなネストされたペイロードを調べるには、まず Tree モードを使ってください。インデントされたテキストの壁をスクロールする代わりに、気になるブランチだけを展開できます。構造が正しいことを確認できたら、Minify に切り替えて、リクエストボディや設定ファイルに実際に貼り付けるコンパクトな 1 行の JSON を生成します。どちらのモードも同じ貼り付け入力を読み込むため、切り替えは瞬時です。

tips

「Try sample」をクリックすると、ネストされたオブジェクト、配列、ブール値を含む小さなデモ JSON オブジェクトがすぐに読み込まれ、実際のデータを貼り付ける前に Prettify、Minify、Tree モードの動作を確認できます。確認が終わったら、入力パネルの隣にある「Clear」を押すとエディターが空に戻り、自分の JSON で新しく始められます。

usage

はい。生のJSONを貼り付けるか.jsonファイルをドロップして「整形」をクリックすると、出力ペインに選択した2・4・8スペースのインデントで表示され、ネストされたオブジェクトや配列も見やすくなります。すべてブラウザ内で処理され、データが端末の外に送信されることもないため、APIレスポンスや設定ファイルを手早く確認するJSONビューアーとしても使えます。

usage

いいえ — JSON Prettify は完全にブラウザ内で実行されるため、貼り付けた内容が使用しているマシンから離れることはありません。トークン、キー、または顧客データを含むものをチェックする場合、これは重要です。タブを閉じるだけでクリアできます。

troubleshooting

エラーは、解析できなかった最初の位置を指します。これは通常、実際の間違いではなく、その直後です。コンマの欠落、閉じられていない引用符または括弧、または直接の引用符ではなく文書から貼り付けられたスマート引用符などです。まず、報告された位置の上の行を確認してください。

troubleshooting

どちらもいいえ。 JSON Prettify は無料で、ダウンロードにはウォーターマークは含まれず、最後には何も要求されません。作業を終えてから費用がかかることが判明するという流れでは意味がありません。

pricing

いいえ。JSON Prettify はデスクトップとスマートフォンのブラウザで使えます。インストール、トライアル開始、ライセンス購入は不要です。必要な機能かどうかは、サンプルではなく実際に困っているファイルでお試しください。

troubleshooting

JSON整形でできること

ビジネス、クリエイター、日常業務など、実際の問題を毎日解決します。自分に合ったユースケースを見つけて始めましょう。

開発者向け

APIレスポンスのデバッグ

開発者ツールから取得した圧縮済みの API レスポンスを貼り付けるだけで、インデント付きの構造が即座に表示されます。JSON ビューアーの拡張機能を立ち上げることなく、抜けているフィールドを見つけ、形を検証し、null と undefined の扱いを確認できます。

開発者向け

設定ファイルの整理

マージ競合の解消後に乱れた package.json、tsconfig.json、.eslintrc.json を読みやすい形に整え直しましょう。1分で整形し、内容を確認して、きれいなバージョンをコミットできます。

開発者向け

データベースエクスポートの確認

MongoDB、DynamoDB、FirestoreからエクスポートしたJSONを、インポート前に検査できます。構造がスキーマと一致しているか、予期しないnullの衝突がレコードにないかを検証しましょう。

開発者向け

Webhook ペイロードの検証

Stripe、GitHub、Linear、Slack から届く Webhook のペイロードを取り込んで整形表示し、その構造を把握しましょう。連携の構築や、欠落したイベントフィールドのデバッグに欠かせません。

開発者向け

コードレビューの補助ツール

レビュアーから提供された JSON のサンプルを、整形済みのフルサイズのまま PR の説明文に貼り付けたり、チャットでスペースが限られているときは「圧縮」で縮めたりできます。どちらの場合も、ファイルは有効でコピー&ペーストしても安全です。

プライバシーとセキュリティ

本番環境のシークレット管理

すべてがブラウザ内で処理されるため、本番環境のシークレットなペイロードを貼り付けても、ネットワーク通信を一切行わずに検査できます。これはまさに DevOps チームが必要としながら、クラウドベースの JSON ツールでは安全に提供できないワークフローです。

開発者向け

巨大な GraphQL・ネストされた API レスポンスを探索

「ツリー」モードに切り替えれば、巨大な入れ子のペイロードの中で、必要なブランチだけを展開できます。1つのフィールドを探すために、整形されたインデントの壁をスクロールする必要はありません。

生産性

Postman・Insomnia用のリクエストボディを準備

大まかなJSONボディを貼り付けて整形し、形が正しいか確認してから、Minifyで圧縮してPostmanやInsomniaのコレクションに保存すれば、コンパクトに保管できます。

学歴

新人開発者にJSONの構造を教える

Tree モードの折りたたみ可能なネストビューを使えば、生のインデントで迷子になることなく、ブートキャンプの受講生や若手エンジニアにオブジェクトや配列がどのようにネストするかを段階的に説明できます。

ビジネス向け

サポートチケットを提出する前にログのエクスポートを整理

監視ツールからコピーした圧縮済みのエラーログやJSONのかたまりを貼り付け、読みやすい形式に整形して、きれいになったものをサポートチケットやSlackのスレッドに貼り付けられます。

開発者向け

コミット前に設定ファイルを検証

package.json、tsconfig.json、またはその他の JSON 構成ファイルを貼り付けて、不正な形式の構成によってビルドや CI パイプラインが中断される前に、末尾のカンマ、一致しない括弧、または引用符で囲まれていないキーを即座に検証フィードバックで検出します。

変換結果を一つずつ確認

すべての写真はスラッシュをそのまま通過し、反対側が完成して出てきます。