#navi_header|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


#navi_footer|JavaScript|