JavaScriptを圧縮
JavaScriptを圧縮するには、下にコードを貼り付けます。コメントと余分な空白を取り除き、何バイト減ったかを表示します。文字列・テンプレートリテラル・正規表現はそのまま残り、結果は元のコードと同じ動作をします。
出典:Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion)。更新日:
計算方法
JavaScriptを圧縮するとは、実行に不要なものをすべて取り除くことです。コメント、インデント、空白、改行などです。このツールはコードをブラウザの中で文字列・テンプレートリテラル・正規表現・数値・単語・記号に分解し、空白を最小限にして組み立て直します。ファイルの読み込みが速くなり、動作は変わりません。
使い方
- JavaScriptをフィールドに貼り付けます。
- ライセンスコメント(/*! … */、@license、@preserve)を残すかどうかを選びます。
- 結果をコピーします。圧縮前と圧縮後のサイズが表示されます。
圧縮で行うこと
- 取り除くもの:行コメント・ブロックコメント、インデント、連続する空白、余分な改行。
- 改行を残す場所:セミコロンの代わりになる所(自動セミコロン挿入)です。return・break・continue・throwの後、セミコロンのない文の間、++や--の前が該当します。2つの単語の間や+ +、- -の間には空白が1つ残ります。
- 変更しないもの:文字列、テンプレートリテラル(入れ子も可)、正規表現リテラル。中身には一切手を付けません。
- 名前は変えません:変数名と関数名はそのままなので、結果は常に同じ動作になります。
制限
最大限に小さくしたい場合(名前の短縮、不要コードの削除、コードの組み替え)は、ビルドでTerserやesbuildを使ってください。このツールは、設定なしで手早く安全に小さくするためのものです。
- 2,000,000文字まで。TypeScript、JSXなどの拡張はJavaScriptではないため、先にコンパイルしてください。
- 閉じかっこの直後にある正規表現リテラル(例:if (x) /re/.test(y))は割り算として読まれます。そこには波かっこかセミコロンを付けてください。構文の検査は行いません。
プライバシー
コードはブラウザの外に出ません。スタイルシートにはCSSを圧縮があります。次の作業にはHTMLを整形、正規表現をテストが使えます。
よくある質問
JavaScriptを圧縮するには?
JavaScriptをフィールドに貼り付けると、コメントと空白が取り除かれ、減ったサイズが表示されます。結果をファイルにコピーしてください。
圧縮するとコードの動作は変わりますか?
変わりません。取り除くのはコメントと空白だけで、文字列・テンプレートリテラル・正規表現はそのままです。改行は、セミコロンの代わりになる場所に残します。
変数名は短くなりますか?
なりません。このツールは名前を変えません。最大限に小さくしたい場合は、ビルドでTerserやesbuildを使ってください。
どのくらい小さくなりますか?
コメントとインデントの多いファイルでは、20〜50%減ることがよくあります。さらにサーバーがgzipやBrotliで圧縮するので、両方の併用が効果的です。
圧縮したコードを読みやすく戻せますか?
このツールは一方向のみです。コードの整形には、エディタやコードフォーマッタが向いています。
コードはアップロードされますか?
いいえ。すべてブラウザの中でローカルに処理されます。
出典・根拠
- Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion)
- MDN – Lexical grammar (Zeichenketten, Template-Literale, Regex-Literale, Kommentare)
- MDN – Automatic semicolon insertion (Fallstricke: return, ++, --)
更新日: · 編集方針
関連ツール
- CSSミニファイ:圧縮・整形・HTMLへのインライン化CSSのミニファイと整形に加え、メール用にCSSをHTMLへインライン化。安全な変換で、エラーは行番号つきで表示。ブラウザ内で完結し、アップロード不要で無料です。
- HTML整形ツールHTML整形ツール:ソースコードをインデントして読みやすくしたり、1行に圧縮したりできます。閉じ忘れのタグも通知。処理はブラウザー内だけで完結します。
- JSON整形・フォーマットチェック(構文チェック・圧縮)JSONを貼り付けるだけで整形・構文チェック。エラーの行と列を日本語で表示し、インデント整形、1行に圧縮、キーの並べ替えもブラウザ内で完結します。
- 正規表現チェックツールJavaScriptの正規表現をその場でチェックできるテストツール。一致した箇所を色付きで表示し、キャプチャグループを一覧に、パターンの意味を1つずつ日本語で解説します。
- SQL整形ツール(SQLフォーマッター)SQLを読みやすく整形。キーワードを大文字にし、インデント・列・条件を行ごとに分けます。圧縮も可能。ブラウザ内で処理するのでクエリは外部に送信されません。
- XML整形ツールXMLを整形・圧縮し、エラーは行と列で表示。ツリー表示、XPath検索、XMLからJSONへの変換にも対応します。ブラウザ内で処理し、アップロードはしません。
- IPアドレス確認IPアドレス確認サイト。あなたのグローバルIPアドレス(IPv4・IPv6)をすぐに表示し、おおよその地域とプロバイダーもわかります。無料で、IPアドレスは保存しません。
- JWTデコード:トークンの中身と署名を確認JWTをデコードして、ヘッダー・ペイロード・有効期限(exp、iat、nbf)を表示。秘密鍵または公開鍵で署名も検証できます。ブラウザ内で処理され送信されません。
- JSONを比較JSONを比較します。2つのJSONの差分を、パス・変更前の値・変更後の値付きで表示。キーの順序は無視します。ブラウザ内で完結し、アップロード不要です。