JavaScript整形・圧縮ツール
圧縮されたJavaScriptを読みやすくするか、自分のスクリプトを本番用に小さくします。
JavaScript整形・圧縮の使い方
JavaScriptを貼り付け
スクリプトを貼り付けるか、.jsファイルを開くかドロップします。入力と同時に整形されます。
整形か圧縮を選ぶ
整形ではコードをスペース2つ・4つかタブでインデントします。圧縮では名前を短くし、空白とコメントを取り除きます。
コピーまたはダウンロード
結果をコピーするか、.jsファイルとしてダウンロードします。圧縮するとどれだけ小さくなったかが表示されます。
Utils365が選ばれる理由
本格的な圧縮
多くのビルドツールで使われているTerserが、ローカル変数の名前変更、不要なコードの削除、式の短縮を行います。
見つけやすいエラー
構文エラーがあると圧縮は止まり、行と列が、周りのコードに印を付けて表示されます。
普通のスクリプトにも安全
トップレベルの名前は変更しないので、ページ上の他のスクリプトから関数を使っていても動き続けます。
プライバシーを守る設計
コードはブラウザ内で整形され、アップロードされないので、非公開のソースコードが外に出ることはありません。
よくある質問
JavaScriptの圧縮では何をするのですか？
空白、改行、コメントを取り除き、ローカル変数を1文字の名前に変え、同じ動作をするより短い書き方にコードを書き換えます。スクリプトは半分以下のサイズになることもよくあります。
圧縮されたJavaScriptを元に戻せますか？
「整形」を選ぶとインデントと改行が戻り、読めるようになります。元の変数名とコメントは圧縮時に失われているので戻せません。
最新のJavaScriptに対応していますか？
はい。クラス、アロー関数、asyncとawait、オプショナルチェーン、importとexport、モジュールのトップレベルawaitに対応しています。
ライセンスコメントは残りますか？
はい。/*! で始まるコメントや、@license、@preserveを含むコメントは圧縮後のコードにも残ります。
TypeScriptやJSXにも使えますか？
直接は使えません。圧縮は標準のJavaScriptしか読めないので、TypeScriptやJSXは先にJavaScriptにコンパイルしてから貼り付けてください。