【今日のQ&A】コーディングスピードを上げるEmmet【開発ツール】

こんにちは、@codeship_techです。

今回はコーディング速度をあげるために役立つ、エディタの機能についての話をピックアップしました!

HTMLで<div>などのタグをもっと簡単に作る方法はありますか?

VS codeの標準で適用されているEmmetというツールを使えば、エディタ上でdivと入力した後に、Tabキーを押すと<div></div>を自動生成することができます。

またクラスを追加したタグを生成するときは、div.contentを入力した後に、Tabキーを押すと<div class=“content”></div>ができます。

もっと複雑なhtmlタグなども同様に、記法に従うことで簡単に作ることができます。
覚えておくとコードを書く時間が短くなるので、知りたい方はぜひ公式ドキュメントで使いながら少しずつ覚えてみてください。
https://docs.emmet.io/

授業日記についてのご意見

CodeShipの授業について「こんな事が知りたい・紹介して」というご意見・ご提案がありましたら、CodeShip公式Twitterアカウント(【CodeShip】プログラミングスクール)までDMまたはリプライにてお寄せください。