使い方

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

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

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

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

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

このツールについて

小さな JavaScript 断片に軽い字下げを付けます。Prettier のような本格的な整形器ではなく、AST 解析も行わないため、読解の補助として使う道具です。

例は 1 行で書かれた極小の関数です。

入力

function add(a,b){return a+b;}const x=add(1,2);

出力

function add(a,b){
  return a+b;
}

TypeScript や JSX では、プロジェクトの Prettier と ESLint の流れに任せるほうが安全です。