2011-12-19
クライアントサイドJavaScriptで使えるテンプレートエンジンのメモ
ここ最近クライアントサイドで使えるJavaScript製のテンプレートエンジンを調べてました。業務で必要だったんで、調査してたんだけど、ここら辺有名所から、無名のまでかなりの数があるんですな…。という事で、忘れない内にメモ。
ただし、この中で実際に試してみたのは、ejsとPUREだけだったりする。感想はサイトの説明を見てのもので、そっから業務にあったのをピックアップしたらこの2つになった次第。感想とか書いてるけど、ちょっと適当。
- jstparser.js
- jsRender&jsViews
- JsRender: Demos
- jQuery templateプラグインがこちらに切り変わる模様
- jsmarty
- jsmarty - JSmarty Project - Google Project Hosting
- 何か開発停止してるっぽい
- jQuery Templates Proposal
- Contents ? nje/jquery Wiki ? GitHub
- ちょっと古いけども、jQueryで使えるテンプレートまとめ
- JavaScript templates
- PURE
- JavaScript Templates Engine PURE | BeeBole
- 珍しく普通にHTML書けばそのままテンプレートとして使用できる。個人的には非常に使いやすいと思う。
- dust
- dust
- LinkedInの開発ブログで知った。今はこれをJSPの代わりに使ってるぜっていう記事。Leaving JSPs in the dust: moving LinkedIn to dust.js client-side templates | LinkedIn Engineering
- jTemplates
- jTemplates - template engine in JavaScript
- jQuery pluginとして使える。ただメソッドとか個人的には分かりにくい。
- jQuery template
- jQuery.template() – jQuery API
- jQueryの公式プラグイン。どうやら開発はもうしないで、上記のjsRender/jsViewに移行するらしい。そこそこ使いやすいと思うけど、中身があまりイケてない風。移行するという記事は、こちら。Dancing with Data: jQuery Templates and JsViews: The Roadmap
- jarty
- kotas/jarty ? GitHub
- ドワンゴで作ったテンプレートエンジンらしい。ニコニコ動画でも使われているっぽい。開発はどうやら停止してる感じがする。去年の記事だけど、こちらで紹介されてる。JavaScript 用テンプレートエンジン Jarty の紹介 - ドワンゴ 研究開発ブログ
- handlebars
- Handlebars.js: Minimal Templating on Steroids
- Netnutsの記事から見つけた。Mustacheを拡張して使いやすくしたもののよう。
- infuser
- ifandelse/infuser ? GitHub
- 純粋にテンプレートエンジンかというと、ちょっと違うようなんだけど最近出来たライブラリ。TrafficCopってライブラリに依存してる。非同期にテンプレートを呼び出すのが主眼らしい。ブログ記事はこれ。Infuser – a Template Loader « If & Else
- EJS
- EJS - JavaScript Templates
- Expressで俺は知ったけども、クライアントサイドでも使用できるようで。これJavaScriptMVC作ってる所が作ってたのね。普通に使いやすい。
以上、終わり。現状はこれに加えて、underscore.jsの._template()とかも使える位かな。今現在は、PUREかejs使おうと思ってますが、これは単純に案件の性質によるものなんで、ぶっちゃけ優れてるからとかでは無いです。
トラックバック - http://d.hatena.ne.jp/Layzie/20111219/1324225767
リンク元
- 45 http://d.hatena.ne.jp/taedium/20111219/p1
- 40 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=17&cts=1331787848440&ved=0CF4QFjAGOAo&url=http://d.hatena.ne.jp/Layzie/20111219/1324225767&ei=OnZhT-2SKIKGmQWf95SVCA&usg=AFQjCNGt7nYHp5b3d4HlPTZ2PyPPVz9hGg&sig2=hq2VE1lOr7enq49rGXC
- 30 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cts=1331572991987&ved=0CDUQFjAC&url=http://d.hatena.ne.jp/Layzie/20111219/1324225767&ei=mzBeT5WhGIOziQeR9sCXDQ&usg=AFQjCNGt7nYHp5b3d4HlPTZ2PyPPVz9hGg
- 27 http://longurl.org
- 23 http://reader.livedoor.com/reader/
- 20 http://bit.ly/sqYhWR
- 20 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cts=1331087859178&ved=0CDYQFjAB&url=http://d.hatena.ne.jp/Layzie/20111219/1324225767&ei=28lWT-nnH8z4mAWusLzqCQ&usg=AFQjCNGt7nYHp5b3d4HlPTZ2PyPPVz9hGg&sig2=IbnPBYoIvp5IM0ODyJJlTw
- 19 http://b.hatena.ne.jp/entrylist/it
- 19 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&cts=1331639581488&ved=0CEwQFjAD&url=http://d.hatena.ne.jp/Layzie/20111219/1324225767&ei=EzVfT53kHc-iiAf0tq3aBw&usg=AFQjCNGt7nYHp5b3d4HlPTZ2PyPPVz9hGg&sig2=rs46yNbPQBvxdfZNlXxmhQ
- 19 http://www.google.co.jp/url?sa=t&rct=j&q=javascript template engine&source=web&cd=9&ved=0CGoQFjAI&url=http://d.hatena.ne.jp/Layzie/20111219/1324225767&ei=zSQMT-fuBq7LmAWVkb2PBg&usg=AFQjCNGt7nYHp5b3d4HlPTZ2PyPPVz9hGg&cad=rja


