2012/01/11
リアルタイム描画に対応したJavaScriptテンプレートエンジン「Tmpltr」
Webアプリケーションを作る際にテンプレートエンジンとしてチェックしたいのがTmpltrです。HTMLだけでなく、スタイルシートにも考慮されているのが特徴です。 0
左上がJSON、中央がHTMLテンプレート、下がCSSになります。それらを組み合わせた結果が右側の表示になります。
0
フッターです。{{#fotter}}〜{{/footer}}といった区切りを設けています。
0
スタイルや構造を変更すればリアルタイムに右側のコンテンツが変更されます。
0
スタイルの内容はheaderタグの中にstyleとして出力されています。
0
Tmpltrは単純な文字列出力の他、配列やハッシュでの表示にも対応しています。元データの内容が書き変わると同時にレンダリング結果がリアルタイムに修正されるのが特徴です。 0
TmpltrはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
via Tmpltr: Realtime JSON Templating Similar to jsFiddle | Web Resources | WebAppers 0
下記フォームからTwitterまたはFacebookで共有するとMOONGIFTポイント2ポイント差し上げます！（一記事一回まで有効）
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート