JavaScript圧縮

dev/js-minifier

JavaScriptコードのコメントと空白を簡易圧縮。変数名短縮やAST最適化は行いません。

最終更新日 2026-07-03 ・ by yuzlrin

このツールでできること

JavaScript圧縮では、JavaScriptコードのコメントと空白を簡易圧縮。変数名短縮やAST最適化は行いません。
関連する観点として JS圧縮、JavaScript Minify、JS整形を確認し、結果をコピーして別の作業に使えます。

入力 (JavaScript)

出力

結果がここに表示されます

使い方

「入力 (JavaScript)」へ、圧縮または整形したいコードを貼り付けます。
短くしたいときは「ミニファイ」、波括弧とセミコロン基準で展開したいときは「整形」を押します。
「出力」欄と文字数表示で、コメント削除や空白詰め後の差を確認します。
文字列、正規表現、最新構文を含むコードでは、実行前に構文が崩れていないか別途テストします。
必要な結果になったら、コピー操作で出力を取得します。

入力例・出力例

INPUT

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

OUTPUT

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

「ミニファイ」ではコメントと演算子周辺の空白が削られ、return の前後には空白が残ります。

INPUT

const url = "https://example.com/a"; // keep string

OUTPUT

const url="https://example.com/a";

単行コメント処理では引用符内のURLは残ります。

よくある利用シーン

小さなJavaScript断片で、コメント除去と空白詰めだけの圧縮結果を確認したいとき。
Terserやesbuildを使う前に、手元のコードが簡易Minifyでどう見えるか比較したいとき。
一行化された関数を、レビューしやすい改行と2スペースインデントへ戻したいとき。
変数名を変えずに、教材や記事用のコードを軽く詰めたいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
JS圧縮、JavaScript Minify、JS整形の観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

JavaScript圧縮の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

FAQ

よくある質問

JavaScriptの圧縮（Minify）でどのくらいファイルサイズが減りますか？

このツールで行うのはコメント削除、連続空白の圧縮、演算子や区切り記号周辺の空白削除です。変数名短縮（マングリング）やデッドコード削除はしないため、削減率は入力中のコメント量や空白量に左右されます。

圧縮後のコードをデバッグするにはどうすればいいですか？

ソースマップ（.map ファイル）を生成しておくと、ブラウザの DevTools で元のソースコードを見ながらデバッグできます。esbuild や terser などの本番ビルドツールはソースマップ生成オプションを持っています。このツールはシンプルな確認用途向けです。

圧縮と難読化は同じですか？

異なります。このツールは読みやすさを下げる専用の難読化を行わず、変数名や関数名も変更しません。難読化が必要な場合は、文字列変換や識別子マングリングに対応した別のビルドツールで検討してください。

JavaScript圧縮

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

データの扱い / プライバシー

よくある質問

関連ツール

JavaScript圧縮

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

データの扱い / プライバシー

よくある質問

関連ツール