Windows10でSassが使える環境を整える手順をご紹介いたします。 Sass(Syntactically Awesome StyleSheet)とは、より効率的にCSSが書けるように拡張されたCSSのメタ言語です。…
WindowsでSassが使える環境を構築する方法

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