使い方

貼り付け → 実行 → 確認 → コピー。すべてはブラウザ内で完結します。

CSS・HTML・JSON などをエディタに貼ります。アップロードはしません。

変換または実行をクリック。結果はすぐに表示されます。

生成コードと注意書きを公開前に確認します。

出力をコピーしてプロジェクトに貼り付けます。

このツールについて

JSON に字下げを付け、差分やコンフィグのレビューを読みやすくします。不正な JSON はパースエラーとして表示されるため、データが黙って壊れることはありません。

付属の例は、1行にまとめられたコンパクトなテーマ設定です。

入力

{"theme":"dark","spacing":[4,8,16],"flags":{"beta":true}}

出力

{
  "theme": "dark",
  "spacing": [4, 8, 16],
  "flags": {
    "beta": true
  }
}

本番コンフィグの検証は CI に置き、このページはローカルの補助として使ってください。