jSmartはSmartyの記法を取り込んだJavaScriptのHTMLレンダリングエンジンです。

Webアプリケーションが増えていくにつれてニーズが上がっているのがJavaScriptのHTMLレンダリングエンジンです。今回紹介するjSmartはSmartyにインスパイアされた、有力なテンプレートエンジンになります。


サンプルです。HTMLが書かれています(当たり前ですが)。


コードです。こちらはテンプレート側、Smarty的な定義や書き方が使えます。


こちらはデータ型。JSONファイルで定義されているのみです。

jSmartを見て分かる通り、テンプレートとデータをミックスして表示しているだけです。データはJSONで定義した後、jSmartのオブジェクトに渡しているだけとなります。これだけシンプルな仕組みであれば、利用は簡単かもしれません。

jSmartはJavaScript製のオープンソース・ソフトウェアになります。

MOONGIFTはこう見る

jSmartで後欲しい機能があるとすればテンプレートの入れ子機能になるかと思います。レンダリングした後、一部の表示を入れ替えたいと考えるときはよくあります。そのためにテンプレートを小分けにできれば必要なテンプレートだけ呼び出せるようになります。とはいえ、それがあれば十分使えるのではないでしょうか。

Webアプリケーションが普及する上で欠かせないのがJavaScriptのHTMLテンプレートエンジンだと考えていますが、まだ決定的なものが存在しないのが実情です。テンプレートエンジンとしてSmartyに目を付けるのはいいと思います。後はいかに柔軟な仕組みにできるかでしょう。

jsmart - JavaScript template engine, port of the PHP template engine Smarty to Javascript, lets you use the same templates for PHP and JavaScript, on both server and client-side. - Google Project Hosting