M ToolsMio

JSON のフォーマット、検証、圧縮方法(無料、ブラウザ内)

サーバーに何もアップロードせずに JSON を整形印刷、検証、圧縮する実践ガイド。よくある構文エラーとその修正方法を紹介します。

ToolsMio Team

JSON は現代のウェブの共通語ですが、API が返す形式、つまり1行に圧縮されたものは人間には読めません。本ガイドでは JSON のフォーマット(整形印刷)、検証、圧縮について説明し、ブラウザ内でアップロードなしに行うことが機密データにとってなぜ重要かを解説します。

JSON フォーマットとは?

JSON フォーマット(美化や整形印刷とも呼ばれる)は、コンパクトな JSON に適切なインデント、改行、一貫したスペーシングを追加して読みやすくします。1行の API レスポンスは、各プロパティが独自の行にある明確にインデントされたツリーになります。フォーマットはファイルサイズを増やしますが、有効性には影響しません。機械はコンパクトな JSON とフォーマットされた JSON を同じように解析します。

JSON のフォーマット方法

  1. JSON を入力エリアに貼り付けます。
  2. 「フォーマット」をクリックして適切なインデントで美化します。
  3. 検証ステータスを確認します。ツールは構文エラーを即座にハイライトします。
  4. 「圧縮」を使用して本番用に JSON を圧縮するか、「コピー」で結果をコピーします。

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

JSON に構文エラーがある場合、優れたバリデーターは正確な行と文字位置を指し示します。以下はほとんどの失敗を引き起こすミスです:

  • 閉じ中括弧や閉じ角括弧の前の末尾カンマ、例えば {"a": 1,}。
  • クォートされていないキー:キーは二重引用符で囲む必要があります({ "a": 1 }、{ a: 1 } ではありません)。
  • 二重引用符の代わりの単一引用符:JSON は文字列に二重引用符を要求します。
  • オブジェクトや配列の要素間のカンマの欠落。
ヒント:デプロイ後ではなく入力中に検証しましょう。作成時に末尾カンマを見つけることで、本番でのサイレントな解析失敗を防げます。

JSON を圧縮するタイミング

圧縮は不要な空白、改行、インデントをすべて削除し、JSON を可能な限り小さい表現に圧縮します。これはすべてのバイトが重要な本番環境に不可欠です。50 KB のフォーマット済みファイルは約 30 KB に縮小でき、転送サイズを約 ~40% 削減します。開発中はフォーマット付きで読み、デプロイ時に圧縮しましょう。

ブラウザベースのフォーマッターがより安全な理由

開発者は設定ファイル、API レスポンス、認証情報を JSON として頻繁に貼り付けます。フォーマッターがそのデータをサーバーにアップロードすると、デバイスから離れます。クライアント側のフォーマッターは JavaScript を使ってブラウザ内ですべてを処理するため、何も送信されません。DevTools を開いて自分で確認できます。Network タブにはデータを含む送信リクエストは表示されません。

試す準備はできましたか?JSON フォーマッター、バリデーター、コンバーターを開いてデータを貼り付けてください。すべてはブラウザ内でローカルに実行されます。

#JSON#Developer Tools#Debugging