update.JavaScriptテンプレートエンジンまとめ近頃、巷を騒がしているJavaScript製のテンプレートエンジンですが、開発工数の削減と保守性向上のために色々調査したのでメモ。個人での調査なので参考程度にしかならないと思いますが、情報は随時付け足していきます。テンプレートエンジン拡張子はhbsメリットGruntのプラグインのため学習コストが低いクライアントサイド、サーバサイド両方で利用でき、プリコンパイルも可能サーバーにSSI、PHP等を設定しなくても簡単なインクルードやデータを元にしたテンプレート処理が行える独自関数を作って、テンプレート内に埋め込む事ができる。デメリットgulpプラグインもあるが、動作が不安定という情報もあり?ページ数が増えれば、コンパイルに時間がかかってしまう自由度が高い分、ページが多い程分岐条件が多くなったりと複雑化しやすい。PHPなど)テンプレートタグに使用されている「{」が口ひげに似てるので、そこらへんが由来っぽいメリット多言語で開発されているので、一度覚えれば楽かも。便利な独自メソッドを持つユーティリティライブラリ。Prototype.jsやRubyに見られる関数型のプログラミングをサポート。テンプレートAPIはテンプレートとオブジェクトのバインドを行い、その結果を出力。メリット独自メソッドを使えるため、JSコーディングをする際に役立ちそう。Backbone.jsでも標準で使用されているため、今後に役立ちそう。テンプレート処理後にデータをキャッシュする事で処理を高速化できる。%>のような感じなので、コードの可読性が低くなりそう。JsRender概要jQueryの公式プラグインのテンプレートエンジンjQueryTemplateの後継。jQueryTemplateは2011年4月に開発中止。JsRenderはテンプレートエンジンというだけでなく、JsViewsを動かすためにも必要。メリットJsViewsを用いてテンプレートとデータの関連付けを行う事で入力によりデータを容易に更新できる。JsObservableを用いてデータを更新する事で画面を更新できる。コードの可読性が低くなりそう。Hogan.js概要Twitter製のテンプレートエンジンテンプレート表記方法は独自のものではなく、オープンソースの「Mustache」の文法に沿っている。事前にコンパイルしておく事も可能ブラウザに読み込んで動的な処理も可能デメリットifやelseやループが使えない。まとめGoogleトレンドGoogleトレンドによると最も注目されているのはUnderscore.jsのようです。2015/01時点)選定ポイント個人的な意見として、テンプレートエンジンで開発を行う際には以下のポイントを見るとよさそう。(もちろんプロジェクトの規模にもよりますが)容易にテンプレート化が行えるか(メンバー内でHTML側とJS側を分業できるか)柔軟性に長けているか(実装方法に制限が少なく、機能拡張が行いやすいか)学習コストが低いか(他者が実装に参加しやすいか)質問に答えるだけでテンプレートエンジンを選定してくれるサイトもあるようです。AndroidなどマルチデバイスアプリケーションのUIデザイン会社です。サービスやプロダクトの企画設計から関わりコンセプトメイキング、UX設計、プロトタイピング、UIデザイン、実装までワンストップで提供しています。upLoginユーザーは見つかりませんでした。