JS/JSON 圧縮・整形・難読化器

JavaScript の圧縮（minify）は、動作を変えずにコメントやインデント、改行を取り除いてファイルを小さくし、ページの読み込みを速くする処理です。整形（beautify）はその逆で、1 行に詰め込まれたコードを改行・インデントし直して、外部スクリプトを読んだりデバッグしたりしやすくします。このツールは両方の機能と簡易的な難読化を 1 ページにまとめ、コードを貼り付けるだけで元のサイズ、出力サイズ、圧縮率をすぐに表示します。

正直にお伝えすると、このツールは Terser や esbuild のように構文木を解析するのではなく、軽量な正規表現で処理しています。圧縮では /* */ と // のコメントを削除し、連続する空白をまとめ、演算子の前後の空白を取り除きます。小さなスクリプトやブックマークレット、埋め込み用スニペットには便利ですが、いくつか壊れるケースがあります。"https://..." のように文字列中の「//」がコメントと誤認される、セミコロンを省略し自動挿入に頼るコードが改行の結合で動かなくなる、正規表現リテラルやテンプレート文字列が影響を受ける、などです。元ファイルを残し、処理後は必ず動作確認してください。

難読化は、コードを Base64 に変換して eval で実行する形に包みます（JSON の場合は JSON.parse で包みます）。ひと目でソースを読まれるのは防げますが、これは「隠す」だけで保護ではありません。誰でもすぐにデコードでき、ファイルは約 3 分の 1 大きくなり、eval を使うコードはサイトのコンテンツセキュリティポリシー（CSP）でブロックされることもあります。API キーやパスワードをフロントエンドに置いて難読化で守れると考えないでください。

本番のプロジェクトでは、Vite、esbuild、Terser などをビルド工程に組み込んで自動で圧縮するのがおすすめです。これらは変数名を安全に短縮し、不要なコードも削除します。このツールは単発のスニペット処理、圧縮後のサイズ確認、他人が圧縮したコードを読むための整形に向いています。処理はすべてブラウザ内で行われ、コードはアップロードされません。