JavaScript圧縮・整形ツール

このツールとは？

JS圧縮はランタイムセマンティクスを保ちながら空白・コメント・不要トークンを削除します。CSSと異なり、自動セミコロン挿入（ASI）規則を守る必要があります。本ツールはASI安全な保守的空白削除を適用し、コメント（//と/* */）を完全削除しますが文字列・正規表現リテラルは保持します。

主な機能

• 空白・コメント削除：ステートメント間空白・空行・//単行コメント・/* */複数行コメントを削除。文字列リテラル・テンプレートリテラル・正則表現リテラル内を保持。
• ASI安全な改行処理：(・[・/・+・-で始まるステートメント前の改行を保持してASI起因の挙動変化を防止。
• 変数リネームなし：Terser/UglifyJSと異なり、ローカル変数を一文字にリネームしません（完全なAST解析が必要でクライアントサイドツールの範囲外）。
• ES6+対応：アロー関数・分割代入・テンプレートリテラル・オプショナルチェーン・Null合体演算子・class構文をテキストレベルで処理。
• 設定可能な美化器：2/4スペース・タブ対応。{/}/;の後と//前に改行を復元。引用符スタイル正規化。

一般的な使用例

• 開発デバッグ：本番minified JS（React/Vue/Angularバンドル）を美化してソースマップなしで構造確認。
• 簡易圧縮：WebpackビルドなしでHTMLページ内インラインJSを圧縮。
• セキュリティ分析：難読化/圧縮されたサードパーティスクリプトを美化してページに何がロードされるか確認。
• サイズ見積：空白のみ削除vs Terser変数リネームの効果比較。

JavaScript 圧縮・整形ツールの使い方

2モード：Minify（コメント・空白削除でサイズ削減）とBeautify（consistent indentで可読性回復）。

なぜJavaScriptを圧縮するのか？

整形時の調整内容

圧縮時の調整内容

推定ファイルサイズへの影響