2022/09/03

VSCodeでJavaScript,CSSを圧縮する

Minify（ミニファイ）という、JavaScriptやCSSなどのコードの中の不要な改行、インデントなどを削除するVS Codeのプラグインがあります。この記事で実際にインストールから実行まで試してみました。

削除するメリット

不要な改行、インデントなどを削除することで得られるメリットですが、以下のことが考えられます。いずれも、開発の規模が大きいほどその効果は高いです。逆に言うと、小規模ではそれほど効果はないかな。

  • Webページの表示速度、サイズが小さくなるので上がる。
  • サーバーの容量が削減できる。
  • ソースコードの解読を難しくし、盗用防止ができるが、盗みたいと思う人は、逆変換もするのでどうかな？

プラグインのインストール

VS Codeを起動した、画面の番号の順もインストールを実施します。

Minify（ミニファイ）の実行

試しに、style.cssをMinify（ミニファイ）を使用して変換してみます。マウス右クリックで、Minify: Documentを選択してください。

成功すれば、コンソールにOKが表示されます。変換後のファイルは、style.min.cssとなります。

プロフィール

管理者 HONDA

福島県出身

2023年は生成AIが話題となり、プログラミングも生成AIに任せればことたりることが多くなりました。
これからはプログラミング技術を勉強してもあまり意味がないので、さて何やろうか日々悩んでいましたが、もう好きなこと、やりたいと思ったことを素直にやろうと決めました。

カテゴリ

ファッション

美容

お酒


西暦和暦干支年齢対応表


設定

時計表示

都道府県

ブックマーク１

ブックマーク２

ブックマーク３

プライバシーポリシー

はじめに

HONDA WORK SHOPでは、ご利用のユーザ様個人情報の取り扱いに細心の注意を払っております。

また当サイトではアフィリエイトプログラムを利用しております。

第三者配信事業者（Amazonアソシエイト、楽天アフィリエイト、A8.net）がCookie を使用して、サイト利用者が当サイトや他のサイトに過去にアクセスした際の情報に基づいて広告を配信します。

Google が広告 Cookie を使用することにより、サイト利用者が当サイトや他のサイトにアクセスした際の情報に基づいて、Google やそのパートナーは適切な広告をサイト利用者に対して表示します。

広告設定でパーソナライズ広告を無効にすることができます。

Cookieの利用について

Cookieは、当サイトや他サイトへのアクセスに関する情報が含まれており、多くのサイトで利用者に有益な機能を提供する目的で使用されています。

Cookieには、サイト利用者の個人情報（氏名、住所、メールアドレス、電話番号）は一切含まれません。

アクセス解析ツールについて

当サイトでは、アクセス解析ツール「Google Analytics」を利用しています。

「Google Analytics」はトラフィックデータの収集のためにCookieを使用しています。

このトラフィックデータは匿名で収集されており、個人を特定するものではありません。

この機能はCookieを無効にすることで収集を拒否することができますので、ご利用のブラウザ設定をご確認のうえ、拒否設定を行ってください。

本ポリシーの変更

当サイトは、個人情報に関して適用される日本の法令を遵守するとともに、本ポリシーの内容を適宜見直しその改善に努めます。

修正された最新のプライバシーポリシーは常に本ページにて開示されます。