[Grunt]grunt-ectを使ってらくちんHTML生成 | Clipping!
コーディング中に繰り返す共通部分の修正＆コピペが地味につらかったので、自動でコンパイルしてもらうことにしました。 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)
Grunt.js :: ECTを使ってHTMLの量産を効率化する | MONSTER DIVE
先週、Grunt.jsについて先日こちらの記事で紹介しました。 今回はECTというJavaScriptを使用したテンプレートエンジンを使ってファイルを生成する、CMSのような仕組みの例を紹介します。 ウェブ制作していると、「ページレイアウトは似てるんだけど、画像や文言はExcelの原稿をコピペしながら...」と、大量なHTMLを生成しないといけないとき、ありますよね？ キャンペーンや短期間のサイト運用では、Movable TypeなどのCMSの導入までは求められなかったり。 そんなときに制作サイドで準備出来る、運用効率化の手法です。 導入はこちらの記事を参考にさせていただきました。 ECTの別な使い方についても書いておりますので、こちらも参考になればと思います。 今回やりたいこと CMSの導入規模ではなく、同じフォーマットのHTMLが大量にページがある。 HTMLを触らなくても、簡単に更新
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
