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

JavaScriptテンプレートエンジン

JavaScriptによるテンプレートエンジンです。

JavaScriptテンプレートエンジン

TrimPath JavaScript Templates ロゴ

最近流行のAjax、画面遷移を経ない作りは色々と応用が利く。個人的にはあるドロップダウンを選択した際に別なドロップダウンが変化する場合など、今までJavaScriptで行っていた(且つ面倒だった)部分をAjax化している。

ただ、問題点はある。何よりもJavaScriptでHTMLを書くのが面倒だ。折角MVCで開発を進めつつ、JavaScriptは煩雑なコードが並ぶのは残念極まりない。

本日紹介するオープンソース・ソフトウェアはTrimPath JavaScript Templates、JavaScriptベースのテンプレートエンジンだ。

作りとしてはFreeMarker、Velocity、そしてSmartyに似せているとある。確かに似ている。For文、If文等も使える。個人的にforelse(For文が一度も実行されなかった場合)がちょっと気に入った。

使い方は、textareaの中にテンプレート内容を記述し、エンジンとなるJavaScriptファイルを読み込む。後は表示された際に実行すれば良い。テンプレート内容を修正したければ、textareaをコメントアウトして行えば良いだろう。

JavaScriptをテンプレートエンジンにするという考えは非常にユニークだ。普段はそれ程使わないかも知れない。だが、趣味としてAjaxを使ってみたい方には一緒にチャレンジしてみてもらいたい。

 

MOONGIFTの関連記事

  • DevRel
  • Com2