タグ

ブックマーク / blanche-toile.com (2)

  • VSCodeの拡張機能「JS & CSS Minifier」でファイルを圧縮・軽量化する | Free Style

    CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル(JSファイル)は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。 ファイルを圧縮・軽量化(Minify)することで、ファイルの読み込みも速くなり、Webページの表示速度が速くなります。 SEO(検索エンジン最適化)もそうですが、ユーザー体験(UX)を意識する中では、Webページの表示速度は重要な要素で、もし遅いのであれば改善していかなくてはなりません。 表示速度の改善方法はいくつかありますが、ここでは、CSSファイルやJSファイルを圧縮・軽量化(Minify)する方法について見ていきます。 Webブラウザ上で変換するオンラインツールを使うなど、いろいろ方法はありますが、Visual Studio Codeでは、拡張機能を利用することで、手軽に圧縮・軽量化したファイルを生成

    VSCodeの拡張機能「JS & CSS Minifier」でファイルを圧縮・軽量化する | Free Style
    hidehara
    hidehara 2022/09/01
    単体ファイルを Minify したいときには、便利そう
  • 【拡張機能は不要】Google Chromeでwebページ全体のスクリーンショットを撮る方法 | Free Style

    webページの画像を誰かに共有したり、仕事の資料などでスクリーンショットが必要になることはあるでしょう。今まではスクリーンショットを撮る場合、とくにwebページ全体の時はGoogle ChromeはもちろんFirefoxやSafariでも、拡張機能を使う方法をとっていたかと思います。 しかし、Google Chromeのバージョン59の正式版がリリースされ、拡張機能を入れなくてもGoogle Chromeでwebページ全体のスクリーンショットを撮ることができるようになりました。 Google Chromeのデベロッパーツールを使うやり方なのですが、これを使うことによってPCはもちろんタブレット、スマホなど、いろんなデバイスの表示でwebページ全体のスクリーンショットを撮ることができるのです。 これは素晴らしい。 ということで、Google Chromeでのwebページ全体のスクリーンショッ

    【拡張機能は不要】Google Chromeでwebページ全体のスクリーンショットを撮る方法 | Free Style
    hidehara
    hidehara 2018/04/16
    お、これは便利。突然必要になることがある。
  • 1