JS/CSS Minifier
JS/CSS Minifier — ブラウザで動作します。入力は保存されません。
JS / CSS の基本圧縮
値を入力してから「計算する」を押してください。
コメントと余白を単純に削除します。高度な難読化やバンドラの代替ではありません。
使い方
- モードでJavaScriptまたはCSSを選びます。既定値はJavaScriptです。
- ソースに圧縮するコードを貼ります。
- 圧縮を押すとコメント・余白が減ったコードが結果に出ます。
- 上の統計で原本文と圧縮後の文字数を比べます。
- 結果コピーで取り、リセットはソース・結果・数値をリセットし、モードをJavaScriptに戻します。
ポイント
JS/CSS圧縮は配布直前の容量を少し減らすためにコメントと空白を除く軽い縮小器です。JavaScriptモードではブロックコメントと行コメントを消し、中括弧・演算子まわりの空白を付け、スタイルシートモードではブロックコメントを消したあとセレクタと中括弧の間の空白を付けます。名前難読化、ツリーシェイキング、スコープ分析はしないのでバンドラやTerserの代わりにはなりません。小さいスニペットのバイトを目で見積もるときにJS/CSS圧縮が向きます。
原本文と圧縮後の数字は入力・出力文字列長です。正規表現リテラル内のスラッシュや文字列内のコメントっぽいパターンは誤認され得るので、複雑なソースはビルドパイプラインで圧縮する方が安全です。JS/CSS圧縮はファイルを上げずブラウザ内だけで置換します。本番バンドル品質を保証するツールではなく、コメントの多い下書きを短くして比べて見る補助ユーティリティです。圧縮結果が壊れて見えるならモードが合っているか確認し、配布用最終版は既存バンドル設定をそのまま残す方が安全です。短い関数や1ブロック規則の容量差を目で見積もったあとコピーすればよいです。
例
JavaScriptモードで function hello() { /* 挨拶 */ console.log("hi"); } を入れて圧縮するとコメントと余白が消え、1行に近く付きます。原本文・圧縮後の文字数が統計に更新されます。
関連: JS/CSSフォーマッタ · HTMLフォーマッタ · JSONフォーマッタ
よくある質問
JS/CSS圧縮はバンドラやTerserと同じですか？
同じではありません。コメントと余白を正規表現で消す水準で、変数名縮小や死んだコード除去はしません。
JS/CSS圧縮でJavaScriptとCSSモードはなぜ分けますか？
JavaScriptは行コメントと演算子空白を、スタイルシートはセレクタ・中括弧空白と不要なセミコロンを違って扱うからです。
JS/CSS圧縮後の原本文・圧縮後の数字は何ですか？
それぞれ入力ソースと出力結果の文字数です。キロバイトではなく文字列長で減った量を見せます。
文字列内のコメントっぽい記号がJS/CSS圧縮で壊れますか？
あり得ます。単純置換なので正規表現や文字列内の // パターンをコメントと誤認することがあり、重要なソースは専用圧縮器を使ってください。
JS/CSS圧縮ソースはサーバーに上がりますか？
上がりません。圧縮・コピー・リセットがすべてブラウザで終わり、ファイルアップロードもありません。
JS/CSS圧縮リセットはモードまで変えますか？
はい。ソースと結果、原本文・圧縮後の数値を0に戻し、モードをJavaScriptに再び合わせます。
最終確認日: 2026-09-04