高速でシンプルなテンプレートエンジン。「RND」: Recently Ajax

2006.08.15

高速でシンプルなテンプレートエンジン。「RND」

JavaScriptで、HTMLを書き換える場合、スクリプトの中に直接HTMLコードを記述して、文字列連結で繋いでいくことになります。例えば・・

document.getElementById('xxx').innerHTML = '<a href="' + siteURL + '">' + siteName + 'にジャンプします</a>';

といった具合。これでは、コードが非常に見にくくなる上、変更などもたいへん。そこで、テンプレートエンジンを使うという方法があります。

RNDというこのテンプレートエンジンは、関数一個という非常に容量の少ないエンジンで、しかも速度も非常に速いそうです。サイトにはベンチマークも掲載されています。

そして、肝心の記述の仕方は、次のように分離できるようになります。

var tmpl = '<a href="%(link)">%(value)</a>';
var name_space = {'link': 'http://www.h2o-ajax.com', 'value': 'Recently Ajax'};
RND(tmpl, name_space);

これで、先ほどの例と同じ処理が行えるのだとか。非常にシンプルになりました。これはなかなか良いですね。

コメントはありません

トラックバックはありません

webメールⅠ...無料メールサービス紹介
- [レビュー] Webメールの大定番「GMail」
Jungle Jav...Jungle Java
- Aptana入門：Aptanaで、prototype.jsベースのプログラムを作ろう
MySQLPHPGr...デジタル一眼レフ　写真　風景 | まつ写真館
- [01.17] MySQLを操作するインタフェースを簡単実現「MySQLPHPGrid」

: 「Recentry Ajax」では、Ajax最新情報や、読者のみなさまのご意見・ご要望をお待ちしております。下記までお気軽にお寄せください。

support@h2o-space.com

このサイトは、aquanotes CMS KiTで運営されています

「Recentry Ajax」では、RSS配信を行っています。

詳細は「RSS購読について」をご確認ください。

毎週月曜日に、人気記事をメールマガジンでお送りします。

詳細は「メールマガジンについて」をご確認ください。

税込価格：¥ 2,205

エイチツーオー・スペースの代表、たにぐちまことが書籍を執筆しました。Ajaxを勉強する人に「はじめに」読んで欲しいという願いから生まれた、「超」入門書です。