読者です 読者をやめる 読者になる 読者になる

yohjizzz's Blog

I'm a Programmer.

Hogan.js Memo

About Hogan.js

http://twitter.github.io/hogan.js
Twitter が開発したオープンソースJavaScript テンプレートエンジン。
Mustache のテンプレート仕様と互換性をもち、
かつ、プリコンパイル機能を具備しており、実行速度は Mustache よりも高速。
プリコンパイルしなくても Mustache より速いっぽい。
テンプレートには {{name}} や {{#list}} といったデリミタを用いており可読性も高い。
Matador でもテンプレートエンジンとして採用され、
クライアントサイドのテンプレートはもちろん、
サーバーサイドのテンプレートエンジンとしても利用される。
Express でも Jade や EJS と同じように利用することもできる。

Sample

  • {{escaped}}

エスケープ処理されて出力されます。

  • {{{unescaped}}}

エスケープ処理されず出力されます。HTMLタグなどそのまま出力した時に。

  • {{#list}}

配列/コレクションをループします。

  • {{!comment}}

コメントです。


こんな感じかな。
まだまだ機能はたくさんあると思うけど、まずはこの程度で始められるかと。

Links

2011年に公開されていてネット上にも情報はそこそこある。
けど、日本語情報は意外と少ない。

 以前にも「google-jstemplateを使ってみる」でJavaScriptのテンプレートエンジンを使ってみたを書いたが、
個人的にはいまいちだったのでTwitter製ということでHorgan.jsを使ってみた。

 売りとしてはTwitter製の2.5kのテンプレートエンジンで、
事前にコンパイルしておくこともできるし、ブラウザに読み込んで動的な処理も出来る。
node.jsを使って開発しているのであればnpmからインストール可能。 ...

Horgan.jsを使ってみた - wataメモ

 hogan.jsをTwitter社がオープンソースで公開されました。

hogan.jsは最近かなり使われてきているテンプレート言語mustacheのコンパイラーで、名前の由来はホーガンさんのようです。

hogan.jsは、mustache.jsとは異なり、mustacheの記法で書いたテンプレートをコンパイルすることができます。
従って、レンダリングのたびにmustache記法のテンプレートをパースする必要があるmustache.jsよりも高速な ...

hogan.jsでmustacheをコンパイルする - memo.yomukaku.net

 Twitter社のHogan.jsをnode.jsのExpressでtemplateとして使用する方法。

Hogan.jsを使ってmustacheのテンプレートをコンパイルする方法について「hogan.jsでmustacheをコンパイルする」で書きました。
今回は、node.jsのExpressフレームワークの中でhogan.jsをテンプレートとして使用する方法を書きます。

Expressは標準でjadeをテンプレートとして使用するようになっています。
ejsやhamlも使うことができますが、hogan.jsを使用できるようにしてみます。 ...

Using Hogan.js Templates in Express - memo.yomukaku.net