【無料レッスン】 『Emmetで爆速コーディングを修得しよう』をリリースしました

今週はHTML/CSSのコーディングスピードを上げることができる、Emmet記法に関する無料レッスンをリリースしました。なお、旧版レッスン を最新のバージョンにあわせて再構成したリニューアル版となります。

Emmetで爆速コーディングを修得しよう (全14回) - プログラミングならドットインストール

Emmet記法とは？

HTML/CSS で爆速コーディングができるようになる記法です。VS Code には標準で搭載されているので、インストール不要で、すぐに使うことができます。

例えば以下のようなコードを書きたかったとします。

<ul>
  <li class="item1"></li>
  <li class="item2"></li>
  <li class="item3"></li>
  <li class="item4"></li>
  <li class="item5"></li>
</ul>

VS Codeではある程度タグの補完をしてくれますが、それでも li を5つ打ったり、item の連番を編集するのは面倒です。

しかしながら Emmet を使えば上記のコードを以下のような短縮記法を書くことで、一瞬で展開できるようになります。とっても便利。

ul>.item$

Emmet を知らないと上記の短縮記法は「？？？」だったりしますが、いくつかのルールを覚えることで、面倒な HTML/CSS のコーディングがスイスイ進むようになります。

この機会にぜひ修得してみてください。

すでに受講済の方は？

「Emmet はもう使いこなしているよ」という場合、再履修の必要はありません。ただ、忘れている記法もあるかもしれないので、目次をチェックして、気になるところがあればピンポイントで再受講してみても良いですね。

受講するには？

今回のレッスンは全14回でまとめてみました。また、ユーザー登録不要で見られる無料レッスンとなります。コーディングを効率的に進めたい方は、以下からぜひ受講してみてください。

Emmetで爆速コーディングを修得しよう (全14回) - プログラミングならドットインストール