JavaScript整形 — JSの整形・展開

圧縮された、または乱れたJavaScriptを読みやすいインデントで整形・美化。スペース2・4・タブを選んでコードを貼り付け、きれいなJSをコピー。すべてブラウザ内で完結します。

🔒 すべてあなたのブラウザ内で動作します。入出力データはサーバに送信・保存されないため安全です。

このツール、役に立った?タップでリアクション

このツールについて

圧縮された、あるいは雑然としたJavaScriptを貼り付けると、このツールが一貫したインデント・スペース・改行を備えた、読みやすいコードに整形し直します。プロジェクトのスタイルに合わせて、スペース2つ・スペース4つ・タブを選べます。1行にまとめられたバンドルの中身を確認したり、他人の書いたコードを理解したり、コミット前にファイルを整えたりするのに役立ちます。すべてブラウザ内で行われるため、専有コードや未公開のソースコードでも手元から外に出ることはありません。

よくある質問

整形(ビューティファイ)は何をするのですか?インデントはどれを選べばよいですか?

整形は、一貫したインデントとスペースを適用し直し、文やブロックをそれぞれの行に配置して、コードの構造を追いやすくします。インデントは、コードベースに合うものを選んでください。WebやJavaScriptのプロジェクトではスペース2つが一般的で、スペース4つはより余裕のある見た目になり、タブは開発者ごとに表示幅を設定できます。この選択は見た目の問題にすぎず、動作には影響しません。

整形するとコードの動作は変わりますか?

いいえ。整形は空白と改行を調整するだけなので、JavaScriptの動作はこれまでとまったく同じです。これは、配信用にコードを圧縮するミニファイの逆の操作です。このツールはリンタ・トランスパイラ・難読化ツールではないため、バグを直したり、構文を新しくしたり、変数名を変えたりはしません。入力に構文エラーがある場合、修正するまで整形できないことがあります。

入力したコードはどこかにアップロードされますか?

いいえ。整形はすべてブラウザ内でローカルに実行されるため、貼り付けたJavaScriptがサーバーへ送信・保存されることはありません。専有コードや作業途中のコード、APIキーなどの秘密情報を含むスニペットでも、いずれも端末の外に出ないため安心して整形できます。