コーディング中に繰り返す共通部分の修正&コピペが地味につらかったので、自動でコンパイルしてもらうことにしました。 ECTというテンプレートエンジンを使って、Gruntでコンパイルする体でまとめます。 ちなみに、Grunt自体の導入・設定は下記のサイトでわかりやすく紹介されています。 (導入時に大変お世話になりました) Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 - KOJIKA17 Gruntで快適な環境を整備したい!【インストール編】 - riaxdnp.jp ECTとは? ECT - Fastest JavaScript template engine with embedded CoffeeScript syntax JavaScriptのテンプレートエンジンです。 下記のようなことができます。 Inheritance(内容の継承) Partials(
![[Grunt]grunt-ectを使ってらくちんHTML生成 | Clipping!](https://cdn-ak-scissors.b.st-hatena.com/image/square/da65d117c475bc4df6bf503cddfcd7f0ed7c92dd/height=288;version=1;width=512/http%3A%2F%2Fnaoi109.github.io%2Fimages%2Fthumb%2F02.png)