#プログラミング勉強日記
2020年12月2日
JavaScriptを調べていたときにBackbone.jsを初めて知ったので、Backbone.jsについてまとめる。
#Backbone.jsとは
Backbone.js(読み方：「バックボーン」)は、2010年に公開したWebアプリ構築のためのJavaScriptのフレームワーク。オープンソースのフレームワークで、こちらのサイトで公開されている。フロントエンドで動作する必要最小限のシンプルなフレームワークなので、他のフレームワークに比べて設計が自由にできる。
Backbone.jsはjQueryと一緒に利用させることが多い。jQueryのみで大規模なアプリ開発のプログラム全体を管理することは難しい。Backbone.jsはプログラムをModel・View・Controllerの3つの役割に分けて記述するように設計されているので、大規模開発の場合でもプログラム全体を一定のルールに従って管理できるようになる。なので、Backbone.jsはjQueryと一緒に利用されることが多い。
#Backbone.jsの特徴
- フロントエンドで動作する必要最小限のシンプルなフレームワーク
- 他のフレームワークと比べて設計の自由度が高い
- JavaScriptプログラムをModel・View・Controllerの3つに分けて記述する
- 大規模開発の場合でもプログラム全体を一定のルールに従って管理できる
- jQueryと一緒に利用されることが多い
- Backbone.jsを利用するためには、Underscore.jsが必要
#Backbone.jsのメリット
- コードを簡単に書ける(※)
- 配列が使いやすい
- 既存のデータベースとの接続ができる
- MVCモデルを理解できる
##コードを簡単に書ける
※jQueryをインストールすることができることもあり、JavaScriptの実行時に必要な記述を削減することができる。開発規模や設計によるが、決まったテンプレートにデータを書き込むスタイルのページではコードの見通しが良くなる。
##配列が使いやすい
Backbone.jsはModelやCollectionをJSON形式で記述することでわかりやすく配列を作成することができる。データベースを使わなくてもいい場合には、配列を使うことで演算や処理が簡単になる。
##既存のデータベースとの接続ができる
Backbone.jsはREST形式に対応したインタフェースやサーバーとの通信用関数が用意されてるので、ローカルやサーバーでの更新が可能になり、データベースを利用したアプリ構築ができる。
##MVCモデルを理解できる
Backbone.jsは2010年に登場した少し古いフレームワークなので、他のフレームワークへの移行が進んでいる。ただ、2020年の現在でも主流になっているJavaScriptのフレームワークはBackbone.jsと同じMVCモデルで設計されているので、MVCモデルの基本的な考え方や構造を理解することで、他のフレームワークにも対応できる。
#Backbone.jsができることとできなこと
- 中規模から大規模なプログラムの長期的な生産背の向上はできる
- 短期的な生産性の向上ができない
- コード量を削減することができない
Backbone.jsでは、中規模から大規模なJavaScriptのプログラムを実装してメンテナンスしていくうえでの長期的な生産性を上げることはできる。
jQueryを使うと、アコーディオメニューを開発するときなど格段に生産性が上がって、コードを削減することができる。しかし、Backbone.jsの導入をしたからといってさらに改善することはできない。
#Backbone.jsで作れるサービス
JavaScriptだけでは実装が難しかったWebサービスを作成できる。
- Todoリスト
- 複数人で管理するプロジェクト管理ツール
- ポートフォリオ作成・保存サービス
- ネットショップ
#参考文献
Backbone.jsの特徴とできることをまとめてみた
Backbone.jsとは？JavaScriptフレームワークについて解説
第1回 Backbone.jsとは