私はHTMLを書く時、どの開始タグと対になっているかをわかりやすくするために、閉じタグにクラス名をコメントで付けています。 例えば、こんな感じですね↓ これくらいの行数だったらコメントがなくてもわかりますが、行数が長くな…
VSCodeでEmmetを展開した時に閉じタグの後ろにID・クラス名のコメントを自動挿入する方法
Google Chromeのアドレスバーでhttpsやwwwを省略せずURL全体を表示するように設定する方法
Google Chromeのアドレスバーでは、https(もしくはhttp)やwwwが省略して表示されるようになりました。 当ブログの場合、こんな感じですね↓ アドレスバーをクリックするとhttpsやwwwが付いた完全な…
【2020年4月】Adobe CCの2ヶ月無料特典を受け取る方法
新型コロナウイルスの影響を受けたクリエイターを支援するため、AdobeがCreative Cloud利用者向けに、無料で2ヶ月間利用期限を延長できる特典を配布しています。 しかし、特典を受け取る方法が非常にわかりにくく、…
WindowsでSassが使える環境を構築する方法
Windows10でSassが使える環境を整える手順をご紹介いたします。 Sass(Syntactically Awesome StyleSheet)とは、より効率的にCSSが書けるように拡張されたCSSのメタ言語です。…
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…