you.高速&シンプルなJavascriptテンプレートシステム『RND』の紹介。Ajaxなどを駆使して動的にWebアプリケーションのHTMLを書き換える手法は、最近のWebアプリのトレンドとなっています。動的にWebアプリケーションのHTMLを書き換える方法としては次があります。document.createElementでHTML要素を動的に作成し、appendChildなどでHTMLのDOMツリーに追加する方法element.innerHTMLによってHTMLを直接書き換える方法テンプレートシステムの利用これらの方法のそれぞれのベンチマークを取ると、document.createElementによる方法が最も遅く、element.innerHTMLの3倍も時間がかり、結果としてelement.innerHTMLを書き換える方法が最も速いようです。いって、element.innerHTMLによって直接HTMLを埋め込む記述は、HTMLが所々に散在してコードが読みにくくなったりしてしまい、テンプレートの再利用も出来ません。id="'+idname+'">'+htmlvalue+'</div>';※緑部分、HTMLと変数が混在していて、読みづらく、再利用もできない。いったコードが所々に散在してしまうのでコードの全体的な可読性が下がる。いうことでテンプレートシステムの登場。テンプレートシステムといっても、次のような関数を一個定義するだけです。fn);}関数を用意したら、次のコードを記述します。