Windows10でSassが使える環境を整える手順をご紹介いたします。 Sass(Syntactically Awesome StyleSheet)とは、より効率的にCSSが書けるように拡張されたCSSのメタ言語です。…
WindowsでSassが使える環境を構築する方法
Visual Studio Code(VSCode)のマウスホバーで表示されるヒントを無効化する方法
Visual Studio Code(VSCode)でHTMLタグなどにマウスホバーすると、以下のようにそのタグに関する解説が表示されます。 マウスホバーする度に表示されると、邪魔に感じる方も多いと思います。そこで今回は…
Visual Studio Code(VSCode)でHTMLの開始タグから閉じタグまでを選択できるショートカットキーを割り当てる方法
Visual Studio Code(VSCode)で、HTMLの開始タグから閉じタグまでを選択できるようにする方法をご紹介いたします。 ショートカットキーとして割り当てるので、簡単に開始タグから閉じタグまでを選択できる…
Visual Studio Code(VSCode)でよく使うキーボードショートカットまとめ
Visual Studio Code(VSCode)でよく使うショートカットキーをまとめてみました。 あんまり量が多いと覚えきれないので、本当によく使うものに厳選しています。 Visual Studio Codeでよく使…
Visual Studio Code(VSCode)のEmmetでHTMLを展開した時にlangをjaにする方法
Visual Studio Codeには標準でEmmetが実装されています。例えば、HTMLファイルを作成する時に「!」と入力して[Tab]を押下すれば、以下のようなHTMLが展開されます。 Emmetは非常に便利なので…
Google Chromeのデベロッパーツールを使ってページ全体のスクリーンショットを撮影する方法
Google Chromeのデベロッパーツールを使って、閲覧中のページ全体のスクリーンショットを撮る方法をご紹介いたします。 デベロッパーツールを使えば、拡張機能を入れなくてもページ全体のスクリーンショットが撮影可能です…
Windowsのエクスプローラ上でSVGファイルのサムネイルを表示できるようになるフリーソフト「SVG Explorer Extension」
SVG Explorer Extensionは、Windowsのエクスプローラ上で、SVGファイルのサムネイルを表示できるようになるフリーソフトです。 WindowsではSVGファイルはInternet Explorer…
Sublime Text起動時に終了時開いていたタブを復元させない方法
Sublime Textは、デフォルトだとテキストエディタを終了した時に開いていたタブが、次に起動した際に復元される挙動になっています。 人によっては、まっさらな状態でSublime Textを起動したいという方もいるか…
サイト内のURLやタイトル、メタ情報の一覧を一括取得できるツール「Screaming Frog SEO Spider Tool」
Screaming Frog SEO Spider Toolは、サイト内のURLやタイトル、メタ情報などを一括して取得できるツールです。 サイトのページ一覧を取得したい時に便利です。 Screaming Frog SEO…
CPU使用率に応じてメニューバーで猫が走るMacアプリ「RunCat」
RunCatは、CPUの使用率に連動して、メニューバーで猫が走るMacアプリです。使用率が高いほどすばやく走ります。 こんな感じでかわいい猫がメニューバーを走ります。CPU使用率が上がっていたので全速力です(笑) Run…