Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)
Posted: Updated:
Backboneを使うときの参考情報たち
Advent Calendarがネタ切れの折、最終日が冴えない小ネタで終わるよりはマシかということでリストアップしてみた。
日本語リソース
では早速、日本語のリソースから。古い情報はリストから外しているので、いくらか偏りがあるかも。悪しからず。
ビギナー向けにまとまったの
CodeGridで連載中のBackbone入門が、ちょうどリアルタイムに更新されているビギナー向け情報でおすすめ。ただし有料。去年のAdvent Calendarも丁寧でおすすめ。
enja-ossによる公式ドキュメントの日本語訳。これから始める方は、ぜひ参考にされたら良いかと。（0.9.9対応はもう少しお待ちくだされ）
概要的なのとか
- Backbone 入門
- 作って覚える Backbone.js - present
- 5分でわかる？Backbone.js ことはじめ
- Backbone.js gives structure to web app « NAVER Engineers' Blog
- Backbone.js -JavaScriptのMVCフレームワーク- ｜ クラスメソッド開発ブログ
最近で特徴をよく捉えていたり、参考にしやすいと思う記事・スライドを選んでみた。
そして今年のAdvent Calendarは、それぞれ自由に書いているので概要というかごった煮？（分類に困ったのでここ）
考察系
- サバクラ両方で動く JavaScript の大規模開発を行うために
- 大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
- Backbone.jsでなんか作ってみた所感 - Takazudo hamalog
- Backbone.jsを薦める3つの理由 techs-empty
- Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記
- そろそろBackbone.jsでの開発について一言いっておくか(・ω<) - tsundere note(・ω<)
MVC/MVP/MVVMやら何やらのいずれで考えるにせよ、Backboneは自分で考えたアーキテクチャを信じるのが楽しいフシもあるので、ぜひみなさん悶々としていただきたいところ。
最新の変更点
変更点のまとめ。じきに1.0が出るはずなのに、まだ落ち着いていない議論もあるので注目。
英語リソース
ここではチュートリアルやスライドなどの勉強リソースを中心に選出してる。ミクロなパターンについては、Advent Calendar用に書いた他の記事でURLを紹介していたりするのでそちらを見てもらえれば。
たぶん最強
うん。読む気合さえあれば。
公式・フォーラム・Q＆A
- Backbone.js
- documentcloud/backbone · GitHub
- Extensions, Plugins, Resources · documentcloud/backbone Wiki
基本の公式サイト・リポジトリ。プラグインなどの類も、Wikiに沢山掲載されているのでGitHubで検索する前に見ておくとよい。
何か困ったことがあれば、GoogleグループやStack Overflow、Quoraを漁ることで、先人達の知恵やら屍やらが転がっているのを確認できる。
チュートリアル・パターン集
- Backbone.js Tutorials
- DailyJS: Backbone.js Tutorial: Backbone.sync
- Backbone patterns
- TodoMVC
- Getting to Know Backbone.js | Nettuts+
- Introduction to Backbone.js Part 1: Models - Video Tutorial | Joe Zim's JavaScript Blog
どれもBackboneについて調べると、すぐ検索にヒットする有名所ばかり。Nettutsの長編チュートリアルは、良さそうだけど走りきるのは根性いりそう。
スライド
スライドはペラペラめくってるだけでも、ある程度分かるので良い。大量の文章系よりはとっつきやすいと思う。
- Building Modern Web Applications with Backbone Boilerplate
- Chaplin: JavaScript Application Architecture with Backbone.js (AdCloud TechTalk) // Speaker Deck
おまけでtbranyen/backbone-boilerplateとchaplinjs/chaplinについて、それぞれを紹介したスライド。どちらも、元が良い意味で薄っぺらいBackboneに対して、色々とアーキテクチャやパターンを付け足した系のライブラリ。
アーティクル
- Building a Scalable App With Backbone.js | Nettuts+
- Backbonification: migrating a large JavaScript project from DOM spaghetti to Backbone.js | OfBrooklyn.com
- Exploring Backbone: Part 1 | Blog :: The JavaScript Playground
- Building Single Page Applications With jQuery’s Best Friends
- Short Musings On JavaScript MV* Tech Stacks
- Backbone | ThoughtStream.new :derick_bailey
Backboneを色々と紹介している記事。RequireJSなど周辺ライブラリとあわせて俯瞰する視点から伝えているモノも多い。一番最後のURLはブログのカテゴリーリンクだけど、よくBackboneについて紹介しているブログなのでおすすめ。
- Testing Backbone applications with Jasmine and Sinon – Part 1 – Tinned Fruit
- Unit Testing Backbone.js Apps With QUnit And SinonJS
- Building and Testing a Backbone App | Nettuts+
別枠としてテスト関係はこのあたりが良さそう。Backbone + お好みのテスティングフレームワークで検索すれば、より具体的な記事が出てくると思う。
コードリーディング
- DailyJS: Backbone.js: Hacker's Guide
- DailyJS: Backbone.js: Hacker's Guide Part 2
- DailyJS: Backbone.js: Hacker's Guide Part 3
- DailyJS: Backbone.js: Hacker's Guide Part 4
内部コードのポイントを抑えた解説連載。量があるので、Backbone.js コメント付きソースコード日本語訳で物足りないひと向け。
リソースまとめ系
- What are some good resources for Backbone.js? - Quora
- Backbone.js Training - A Multi-Day, Hands-On, Training Class
この記事と同様に「Backboneを学ぶ上で役に立つよ」という情報まとめ。この記事で紹介しているものと重複する部分もあるけど、網羅したい方は覗いてみると。
おしまい
EvernoteとKipptに情報が散らばってたので、リストアップが地味に重労働だった(；´Д`)
ということで、これらの情報が「これからBackboneやんぞー！」とか「もっとやんぞー！」という方々のお役に立てば幸い。そいでこれらの情報をアウトプットしてる人達に感謝。
自分自身、これからもブログで小ネタ紹介したり、もしかしたらイベントでBackbone関連の何か喋るかもしれないので、引き続きよろしくお願いします。:)
@各位 Backbone.js Advent Calendar 2012お疲れさまでした！！！
