HTML・CSSをより簡単に描こう！Emmetとは！？

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

ul>li*5

background-image:url();

bgi

と３文字書くだけで候補として出てきます。
コマンドは上記のように省略形を書いた後に「Tabキー」を押すだけ！（Ctlr + eという記事も見つけましたのでエディタによって違うのかもしれません）
簡単ですね！Cloud9とかのように標準で搭載されているエディタもあります。
これがあれば今までよりも作業効率が上がること間違いなしです！
こちらの方に省略形の一覧が記載されています。
Cheat Sheet

まとめ

今回は簡単にHTML・CSSをかけるようになるチートのようなプラグインの「Emmet」を紹介してきました。
こんなに楽にかけるようになってたなんて、技術の進歩は素晴らしいですね。
もっと早く気付けばよかったです。
これを使ってさらにWebデザインにも力を入れていきたいと思います。
それでは今回はこの辺で筆を置かせていただきます。
最後まで記事をご覧いただきありがとうございました！