例文Backbone.jsとjQueryBackbone.jsとjQueryBackbone.jsとjQueryの描画やイベント発生の基本的なサンプルです。JavaScriptBackboneJSappend[jquery]initialize[backbonejs]events[backbonejs]render[backbonejs]Backbone.jsは、JavaScriptのフレームワークの一つです。JavaScriptはできることが幅広く、その中でデータのやりとり周りをゼロから構築することはけっこう手間です。いろんなフレームワークがその部分の開発を軽減してくれますが、今回はBackbone.jsをとりあげます。Backbone.jsは、データのやりとり(更新、整形、チェックなど)の部分のみにフォーカスしたフレームワークです。見た目(view)の部分はjQueryに頼む、と公式サイトに潔く書かれています。そこでこの本サイトは見た目の部分がテーマなので、Backbone.jsとjQueryの関係がわかるサンプルを書こうと思います。src="/js/backbone/backbone-min.js"></script>まず、上記のように読み込みが必要で、順番も重要です。BackboneはUnderscore.jsというライブラリに依存しているので、事前に必須で、jQueryをbackboneのルールで書くので、上記の順番でないとエラーになりました。次にこんなサンプルを用意します。id="demo_body"></div>上記はspanタグを生成するサンプルで、それに少し機能を持たせています。jQueryがわかるとなんとなく理解しやすく、そして見知らぬ単語も見つかると思います。</span></div>このようなHTMLに加工する内容のJavaScriptが書かれています。すべてjQueryで書くとなると、長くなりそうな処理もBackbone.jsを使うとだいぶルールによってスッキリする印象です。Angular.jsのすぐ後、Vue.jsなどより前に使われてたフレームワークなので、「使い分けの一つ」、あるいは「使われているサイトの担当になるとき」のために知っておいた方がよさそうです。