JavaScript ミニファイ
ブラウザですぐに JavaScript をミニファイできます。スクリプトを貼り付けると、コメントの除去、インデントと空行の削除、余分な空白の整理が行われ、より小さな .js…
JavaScript ミニファイについて
ブラウザですぐに JavaScript をミニファイできます。スクリプトを貼り付けると、コメントの除去、インデントと空行の削除、余分な空白の整理が行われ、より小さな .js ファイルが得られ、ダウンロードとパースが速くなります。これは安全な基本ミニファイです。文字列、テンプレートリテラル、正規表現の中身は保護し、文と文の間の改行は維持するため、Automatic Semicolon Insertion は従来どおり動作します。節約できたバイト数を正確に表示し、すべてクライアント側で実行されるため、コードが端末の外に出ることはありません。最大限の圧縮(変数名の短縮やデッドコード削除)には、Terser や esbuild などのビルドツールと併用してください。
JavaScript ミニファイの使い方
- 入力欄に JavaScript を貼り付けるか入力します。
- 「Minify JavaScript」をクリックしてコメントを削除し、余分な空白を整理します。
- 出力の上に表示される節約バイト数と削減率を確認します。
- 「Copy」をクリックして、ミニファイした JavaScript をプロジェクトやページに使います。
JavaScript ミニファイの例
コメントとインデントの削除
function add(a, b) {\n // sum\n return a + b;\n} のようなコメント付き・インデント付きの関数は function add(a, b) {\nreturn a + b;\n} になり - 小さく、実行結果は同じです。
文字列と正規表現を保持
文字列、テンプレートリテラル、正規表現内のテキストは変更されません。"https://example.com" のような URL や /a\/b/g のようなパターンもそのまま動作します。
安全のため改行を維持
文の間の改行は保持されるため、Automatic Semicolon Insertion に依存するコードも、ミニファイ後も同じように動作します。
関連ガイド
完全なガイドを読む
JavaScript ミニファイ の使い方:完全ガイド(2026年版) - 5 分の読書
JavaScript ミニファイに関するよくある質問
- JavaScript ミニファイは何をしますか?
- JavaScript ミニファイは、動作を変えずに .js ファイルのサイズを小さくします。エンジンが無視する文字 - コメント、インデント、改行、連続した空白 - を取り除き、ダウンロードとパースを速くします。このツールは常に安全な削減に焦点を当て、コメントを削除して空白を整理しつつ、文の間の改行はそのまま残します。
- ミニファイするとコードの動作は変わりますか?
- いいえ。これは安全なミニファイです。実行に影響しないコメントと空白だけを削除し、文字列、テンプレートリテラル、正規表現の中身を保護します。文の間の改行も維持するため、Automatic Semicolon Insertion に依存するコードも従来どおり動作します。
- JavaScript はサーバーにアップロードされますか?
- いいえ。ミニファイはすべてブラウザ内の JavaScript で行われます。コードがサーバーに送られたり保存されたりすることはなく、非公開スクリプト、未公開機能、独自ロジックにも安全です。
- 変数名の変更や未使用コードの削除はしますか?
- いいえ。これは基本的で安全なミニファイです - コメント削除と空白整理のみで、変数のリネーム、識別子の短縮、デッドコード削除は行いません。最大圧縮には、コードを AST にパースして積極的に書き換えられる Terser、esbuild、SWC などのビルド時ツールを使ってください。
- どれくらい小さくなりますか?
- 空白やコメントの量によります。整形・コメントが多いソースは多くの場合 20-40% 程度小さくなり、すでにコンパクトなコードは削減が少ないです。ツールは節約バイト数と削減率を正確に表示します。
- ミニファイと gzip/Brotli はどちらを使うべきですか?
- 両方使うのがよいです。サーバー圧縮(gzip や Brotli)は繰り返し空白をよく処理するため、ミニファイだけの転送量差は生バイト削減より小さくなりがちです。それでもミニファイは有効です。キャッシュやメモリ上の非圧縮サイズを小さくし、圧縮器の負荷を減らし、圧縮が使えない場面でも小さいファイルを保証します。
- 正規表現を使うコードでも安全ですか?
- はい。ミニファイは正規表現リテラルを認識して中身を保護するため、/a\/b/g のようなパターンは保持され、コメントや除算と混同されません。一般的なケースは正しく扱います。regex が曖昧な位置にある特殊なコードでは、出力を確認するかパーサーベースのツールを使ってください。
関連ツール
HTML Minifier
無料オンライン HTML minifier。コメント除去と空白圧縮で HTML を minify - 小さなファイル、高速表示。ブラウザ内、アップロード不要。
CSS Minifier
無料オンライン CSS minifier。コメント除去と空白圧縮で CSS を minify - 小さなスタイルシート、高速表示。ブラウザ内、アップロード不要。
JSON Minifier & Formatter
無料オンライン JSON minifier と formatter。JSON を minify してペイロードを縮小、または beautify(pretty-print)で2スペースインデント。入力検証 - アップロード不要。