jquery.tmpl.jsのテンプレートを外部化して動的に読み込みつつレンダリングするには?
クライアントサイドのテンプレートエンジンは色々あるけれど、JSPに慣れた人間からするとjquery.tmpl.jsが一番わかりやすかった。 BorisMoore/jquery-tmpl · GitHub ただ、このライブラリは開発が停止している。このライブラリをフォークして開発が続けられているのがこちららしい。 KanbanSolutions/jquery-tmpl · GitHub こちらのサンプルを参考にすると本当に簡単にできた。 jQuery公式のテンプレートplugin 「jQuery Templates」-JavaScript Library Archive もはや、サーバーサイドのCPUを使ってHTMLをレンダリングする時代じゃないんだなというのを実感。 ただ、サンプル通りにやるとHTMLのコードが読みづらくなったりエディターでフォーマットしづらくなる。 その辺をどうにかしたいと思って簡単なサンプルアプリケーションを作ってみた。 「行を追加」というボタンをクリックするとlinesパラグラフに行番号と追加日時の行が追加されるというアプリケーション。この行のレンダリングにテンプレートエンジンを使う。 サンプルコード一式 HTMLのコードはこんな風。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>JSPライクにテンプレート</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="jquery.tmpl.js"></script> <script src="main.js"></script> </head> <body> <p>...