こんにちは。

皆さんコーディングするとき何のエディタを使っていますか？

Dream Weaver
Sublime Text
Atom
などなど…

色んな選択肢がありますよね。

エディタにもよりますが、Emmet（エメット）というプラグインを使うとコーディングがぐっと効率よくなります。
Emmetとは、HTML、CSSなどの入力を補助する拡張機能（プラグイン）のことで、Tabキーでタグを展開することができます。

例えば、

div要素を作成するとき

<div class=”box”></div>

のように入力しますが、毎回全て手打ちするのは手間がかかります。
さらに、何度も同じ作業をしているとタイプミスも起こります、、、

Emmetを使うと、上記のdiv要素は

.box

と入力し、tabキーを押すだけで作成できるのです。
とっても便利ですよね。

cssでも、

pb10 は
padding-bottom:10px;
m10-20 は
margin: 10px 20px;
tc は
text-align:center;

など色んな指定が用意されています。

他にも便利で使えるものがたくさんあるので、ぜひ調べてみてください。
今日から一つでも使えるものが見つかったら素敵ですね！