CSSとJavaScriptを、1行に整形（圧縮）してくれるツール
この記事では、入力したCSSとJavaScriptを圧縮して、1行にしてくれるウェブサービス「JavaScript / Css 圧縮・軽量化（Minify） | ラッコツールズ」について書きます。
長いコードもあっという間に圧縮できます。
CSS、またはJavaScriptの圧縮サービスです。1行にしたいコードを貼り付けて、「圧縮」をクリックすると、瞬時に圧縮後のコードを表示してくれます。
具体的には、以下のルールに基づいて圧縮します。
- 改行なし（1行）
- 空白なし
- コメントアウト記号削除
コードを1行に圧縮することで、ページ速度の向上、ファイルサイズの軽減が見込めます。また、可読性が著しく悪くなるので、悪用防止にもつながります。
Visual Studio Codeなどを使って、綺麗に整形する方法は知っていましたが、逆に1行にする方法はあるのかな？と思い、調べてみるとあったので、記事にしたいと思います。
普段あまり使う機会がないからこそ、ウェブ上で完結できるというのは嬉しいですね。Firefox、Chrome、Vivaldi、Edgeなど主要なブラウザ全てで利用できます。
リリース元：ラッコツールズ工房
アクセス方法
以下のサイトからアクセスできます。
https://rakko.tools/tools/33/使い方
サイトにアクセスしたら、貼り付けたいコード（CSS、またはJavaScript）テキストボックスに入力します。「圧縮」をクリックします。
PC内に圧縮したいファイルがある場合は、ファイル指定の方が早いです。上部の「テキスト」タブを「ファイル」タブにします。「ファイルを選択」から、指定のファイルを選択します。
1行に圧縮されたコードが出力されます。右上の「コピー」ボタンでコピーできます。「ダウンロード」で、書き込んだファイルをPC内に保存できます。CSSなら、CSSファイルで入手できます。
長文のコードでも、サクッと1行に圧縮できます。
感想
以上、CSSとJavaScriptを1行に変換してくれるウェブサービス「JavaScript / Css 圧縮・軽量化（Minify） | ラッコツールズ」についてでした。
以前、Chrome拡張機能の中身を改造してみようと思い、ファイル見てみたら、汚くてびっくりしました。汚いんじゃなくて、圧縮（暗号化）されていたのですね。また一つ賢くなれました。