コード圧縮＆整形ツール

コード圧縮＆整形ツールは、JavaScript、CSS、HTMLコードのファイルサイズを削減したり可読性を向上させるための無料ブラウザベースツールです。本番デプロイ用にアセットを準備する場合でも、圧縮されたファイルをデバッグ用に展開する場合でも、このツールは両方向を簡単に処理します。

圧縮（ミニファイ）は、機能を変更せずにソースコードから不要な文字を除去します。コメント、余分な空白、改行、冗長な書式が削除され、ネットワーク経由で高速に読み込まれるコンパクトな出力が生成されます。30～60%程度の控えめな削減でも、特にキロバイト単位が重要なモバイル接続ではページ読み込み時間に顕著な差をもたらします。

整形（ビューティファイ）はその逆のプロセスです。圧縮されたり書式が崩れたコードを、きれいなインデント、一貫したスペーシング、論理的な改行に復元します。圧縮されたベンダースクリプトの検査、ビルド出力の確認、編集前のレガシーコードの再整形に非常に有用です。このツールはプロジェクトのスタイルガイドに合わせて設定可能なインデント（2スペースまたは4スペース）に対応しています。

すべての処理はブラウザ内で完全に行われます。コードがサーバーにアップロードされることは一切ないため、プロプライエタリなソースコード、設定ファイルに埋め込まれたAPIキー、その他の機密情報でも安全に使用できます。サイズ比較表示では、元のサイズと出力サイズをバイト単位で表示し、変換の効果をパーセンテージで即座にフィードバックします。

1. 言語タブを選択します：JavaScript、CSS、HTML。
2. モードを選択します：Minifyをクリックしてコードを圧縮、Beautifyをクリックして整形します。
3. 入力パネルにコードを貼り付けるか入力します。出力が自動的に更新されます。
4. 整形モードでは、バッジを使用して2スペースと4スペースのインデントを切り替えます。
5. サイズ比較バーで元のサイズ、結果サイズ、パーセンテージの変化を確認します。
6. コピーをクリックして出力をクリップボードにコピーするか、クリアで両パネルをリセットします。
7. サンプルボタンで選択した言語のサンプルコードを読み込めます。
8. キーボードショートカット：Ctrl+Shift+Cで出力をコピー。