ITエンジニア/デザイナ向けにオープンソースを毎日紹介

doT.jsはWebブラウザ、node.jsの両方で使えるJavaScriptテンプレートエンジンです。

Webアプリケーションを開発していると必ずJavaScriptでHTMLを出力する必要性が出てきます。そのような時に使いたいのがテンプレートエンジンです。今回はWebブラウザ、node.jsの両方で使えるdoT.jsを紹介します。


テンプレートとJSONデータを組み合わせてHTMLを出力します。


繰り返しも対応。


パーシャルも使えます。


条件分け。


配列。


エンコード表示も可能です。

特徴としては外部ライブラリの依存性がないこと、高速であること、パーシャルサポート、イテレータなどがあります。ストリーミングのようにデータが随時追加されていく場合も想定されています。ifではなく、?を使うのがユニークです。

doT.jsはnode.js/JavaScript製のオープンソース・ソフトウェア(MIT License)です。


MOONGIFTはこう見る

MOONGIFTにおいてもJavaScriptのテンプレートエンジンは数多く使われています。利用しているのはjQuery Templateで、サーバからJSONデータを取得し、それとテンプレートのHTMLファイルを組み合わせて出力しています。繰り返し処理を行う場合など、とても高速に表示されるようになります。

HTMLで全てをレンダリングしてしまうのは簡単ですが、その分HTMLのサイズは大きくなります。しかしテンプレートとJSONの組み合わせであればサイズは軽量です。難点はSEO上のメリットがないことでしょう。そのため、メインのコンテンツではなかったり、認証を伴うコンテンツに対して使うのが有効です。

doT.js - the fastest and concise javascript template engine for Node.js and browsers

olado/doT · GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2