Webアプリ制作のためのBackbone.js入門

Kazuhito Hokamura

2012/07/13

COLOPL FrontNight

自己紹介

  • 外村 和仁
  • @hokaccha
  • 株式会社 ピクセルグリッド
  • JavaScript, Node.js, Ruby

今日やること

  • Backbone.jsを使うと何を解決できるか
  • Backbone.jsの基本的なアーキテクチャ
  • Backbone.jsを使った実例の解説

問題点

view source

問題点

機能を分けずに1ファイルに書いているので

  • 再利用できない
  • 分業できない
  • テストできない

つまり

規模が大きくなったときに
管理しきれなくなる

というのを解決したい

どうすればいいか

とにかく分ける

  • ファイルを分ける
  • 役割を分ける
  • 機能を分ける

そうするとどうなるか

  • 再利用できる
  • 分業できる
  • テストできる

その手助けをするのがBackbone.js

Backbone.jsが解決すること

  • 役割、機能の切り分け
  • 長期的な生産性の向上

Backbone.jsが解決しないこと

  • コード量の削減
  • プログラムの高速化
  • 短期的な生産性の向上

Backbone.jsの機能

DEMO

まとめ

  • Backbone.jsは役割を分割することでメンテナンス性をよくすることができる
  • あくまで一つの手段なのでBackbone.jsにこだわる必要はない
  • 設計する力が必要になる

ありがとうございました