Loading article…
JavaScriptテンプレートとは、 JavaScript言語で実装されたクライアントサイドのデータバインディング方法を指します。この方法は、JavaScriptの利用拡大、クライアント側の処理能力の向上、そして計算処理をクライアントのWebブラウザに委ねる傾向の高まりにより普及しました。代表的なJavaScriptテンプレートライブラリには、AngularJS、Backbone.js、Ember.js、Handlebars.js、JSX （ Reactで使用）、Vue.js、Mustache.jsなどがあります。よく用いられる手法としては、二重中括弧（{{key}} ）を使用して、データファイル（多くの場合JSONオブジェクト）から指定されたキーの値を取得する方法があります。
presidents.jsonすべての例では、以下の内容の外部ファイルを使用しています。
{ "presidents" : [ { "name" : "Washington" , "firstname" : "George" , "born" : "1732" , "death" : "1799" }, { "name" : "Lincoln" , "firstname" : "Abraham" , "born" : "1809" , "death" : "1865" } ] }すべての例において、以下のHTMLリストが生成されます。
テンプレートは、配信する情報が変更される可能性があり、利用可能な人的資源ではさまざまなHTMLページで維持するには大きすぎるが、より大規模なサーバーサイドテンプレートを必要とするほど大きくない場合に役立ちます。