JS/CSS圧縮ツール
Free空白やコメントを削除してJavaScriptやCSSを縮小します。JavaScript向けの変数名短縮（任意）と、圧縮前後のサイズ統計に対応しています。
すべてブラウザ内で処理されます。コードはどこにもアップロードされません。
このツールの機能
読みやすいJavaScriptやCSSを貼り付けると、このツールは空白やコメントを削除し、（JavaScriptの場合は任意で）ローカル変数名を短縮することでコードを縮小し、動作が同一のより小さなファイルを生成します。
仕組み
このツールはコードを抽象構文木に解析します。JavaScriptにはオープンソースのterserエンジン、CSSにはclean-cssを使用し、その構文木から最もコンパクトな同等のソースを再生成します。コメントや不要な空白を削除し、安全な場合は数値や色の値を短縮し、マングルを有効にしたJavaScriptではローカルスコープの識別子を利用可能な最短の名前に変更します。この変換は生のテキストではなく解析された構造に対して行われるため、生成されるコードは元のコードと同じように動作します。
解決できる問題
- 特にビルドパイプラインを使わない手動デプロイの前に、JavaScriptやCSSのファイルサイズを減らしてページの読み込みを高速化する。
- 本格的なビルドツールを構築せずに、単一のスクリプトやスタイルシートから本番向けのバンドルを素早く作成する。
- 正確な前後のサイズ比較によって、ファイルがどれだけ小さくなったかを正確に確認する。
よくある質問
›このツールはコードの整形や整理も行いますか？
いいえ、このツールは空白やコメントを削除してコードを圧縮（縮小）するだけです。読みやすく適切にインデントされたコードが必要な場合は、代わりに専用の整形ツールを使用してください。
›JavaScriptにおける「マングル」とは何ですか？
マングルは、安全な箇所においてローカル変数や関数の引数を「a」や「b」のような短い名前に変更し、単に空白を削除するだけでは得られない追加のバイト削減を実現します。グローバルにアクセス可能な名前は一切変更しないため、特定のグローバル識別子に依存するコードを壊すことはありません。
›圧縮されたコードは本番環境で使用しても安全ですか？
はい。圧縮は空白、コメント、（任意で）ローカル変数名のみを変更します。コードのロジックと動作は完全に保持されるため、圧縮されたJavaScriptやCSSは本番サイトで標準的に使われています。
›なぜ圧縮がエラーで失敗したのですか？
圧縮ツールには有効で解析可能なJavaScriptまたはCSSが必要です。入力に構文エラーがある場合、圧縮ツールは正しい内部表現を構築できません。リンターやブラウザのコンソールでコードを確認して正確な問題点を見つけ、修正してから再度お試しください。
›圧縮していないコードのコピーを保持すべきですか？
はい。編集・保守するバージョンとして、常に元の読みやすいソースコードを保持し、圧縮版はビルドの一ステップとして生成してください。圧縮された出力は手動で編集するファイルではなく、使い捨ての成果物として扱ってください。
関連ツール
テキスト
JS/CSSフォーマッター
圧縮された、またはインデントが不統一なJavaScriptやCSSを、読みやすく適切にインデントされたコードに再整形します。インデントスタイルの調整と整形前後のサイズ統計付きです。
Freeテキスト
HTML検証ツール
閉じられていないタグ、重複したID、非推奨の要素、その他のよくある明確に定義された問題をHTMLでチェックします。独自のタグ照合パーサーで検証しており、完全なW3C準拠バリデーターではありません。
Freeテキスト
IPv4からIPv6への変換ツール
IPv4アドレスのIPv4マップド、IPv4互換、6to4、NAT64のIPv6表現を生成し、これらのIPv6形式のいずれからもIPv4アドレスを抽出します。
Freeテキスト
JSONエンコーダー
プレーンテキストを有効なJSON文字列リテラルにエンコード（引用符、バックスラッシュ、改行をエスケープ）し、再度デコードします。エスケープ文字の内訳も表示します。
Freeテキスト
JSONフォーマッター
完全なJSONドキュメントを検証し、整形または圧縮します。インデント調整、キーの並べ替え（任意）、正確な行/列エラー報告に対応しています。
Freeテキスト
JWTデコーダー
JWTのヘッダーとペイロードを読みやすいJSONにデコードし、タイムスタンプクレームを読みやすい日付に変換し、期限切れのトークンを示し、指定したシークレットでHS256署名を検証できます。
Freeテキスト
llms.txtジェネレーター
タイトル、概要、リンクセクションからllmstxt.org仕様に従ったllms.txtファイルを生成し、Optionalセクションのグループ化とライブプレビューに対応しています。
Freeテキスト
Markdownプレビュー
Markdownをソースと並べてリアルタイムでサニタイズ済みHTMLとして表示し、生成されたHTMLの表示とコピーを切り替えられます。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!