JavaScript/参考メモ/HTMLテンプレートエンジン(mustache, Handlebars, Jade)(2015-03時点)

• [ Prev ]
• [ Next ]
• [ JavaScript ]

JSでのちょっとしたHTMLテンプレートを扱いたい時のライブラリ・ツールの調査メモ(2015-03時点)。

mustache

機能はシンプルに抑えられているものの、様々なプログラミング言語で実装されているため、使い回しが良い。また、HTMLだけに限定されているわけではなく、汎用的なテキストテンプレートとして使える。

• {{ mustache }}
  • https://mustache.github.io/
• 3つの簡単便利Javascriptテンプレートエンジン。Mustache.js, Handlebars.js, Microtemplating | codechord
  • http://codechord.com/2013/07/javascript_template_engine-mustache-handlebars-microtemplating/

Handlebars

mustacheと互換性があり、ロジック面を強化したテンプレートエンジン。

• Handlebars.js: Minimal Templating on Steroids
  • http://handlebarsjs.com/
• JavaScriptのテンプレートエンジンHandlebars入門 - Qiita
  • http://qiita.com/sassy_watson/items/f9947624876bf75a9eff
• Handlebars.jsの基礎 | be-hase.com
  • http://be-hase.com/javascript/43/

mustache, Handlebars についてはWebブラウザ上から実行時にテンプレート処理することが可能。XHRのJSONレスポンスによるHTMLの組み立てなどに使える。

Jade

node.jsでコンパイルするテンプレートエンジン。
こちらは、Webブラウザ上から実行時に処理することが可能かどうか、すぐには情報が見つからなかった。
JadeはHamlに影響を受けたテンプレートエンジンとなり、テンプレートというよりはHTMLを出力するDSL言語と考えたほうがしっくり来る。その分、mustache系が弱いコンポーネント化に強い。

• Jade - Template Engine
  • http://jade-lang.com/
• Jade について。
  • https://gist.github.com/japboy/5402844
• » jadeを使ってHTMLを書いてみる | isee ウェブに関するブログ
  • http://isee-web.net/?p=130

• [ Prev ]
• [ Next ]
• [ JavaScript ]