--- title: Backbone.jsを勉強するためのリンク集 tags: [] categories: ["Programming", "JavaScript", "Framework", "Backbone"] date: 2012-01-15T06:48:26Z updated: 2012-01-15T06:48:26Z --- **[もうここを見たほうがいいかと 2013/3/11][1]** ここのところjQueryだけでjsをごりごり書くのに限界を感じてきており、jQueryを使ったアプリの土台となるフレームワークが必要なんではないかと感じてきた。 最近JavaScriptのMVCフレームワークであるBackboneの名前をよく目にするので、ちょっと勉強する。メモ用に参考リンクを貼っておく ### 解説系 - [Backbone.js][2] 本家サイト - [Backbone.js -JavaScriptのMVCフレームワーク-][3] Backbone.jsについての一般的な解説。[これ][4]の和訳。 - [QiitaのBacknoeネタ][5] いろいろ - [Client-side MVC with Backbone.js][6] なぜ必要なのかとアーキテクチャ説明なスライド - [Backbone 入門][7] IBM Developer Worksの記事 - [Understanding MVC And MVP (For JavaScript And Backbone Developers)][8] Backbone開発者ためのMVC、MVPアーキテクチャ解説 - [The Top 10 Javascript MVC Frameworks Reviewed][9] JavaScriptMVCフレームワークの比較。Backbone.jsのPros&Consなど。 - [サバクラ両方で動く JavaScript の大規模開発を行うために][10] - [はてぶ][11] タグ「backbone.js」を含む新着エントリー - [チートシート][12] ### チュートリアル系 - [Backbone Demo : Todos][13] 公式デモ。[解説付きソース][14]。まずはこれから写経。画面遷移がないのでイマイチ - [Hello Backbone.js][15] Todoアプリより簡単なチュートリアル。ステップバイステップで複雑に。 - Backbone.js Wine Cellar Tutorial ワインセラーアプリをつくるチュートリアル。サーバサイドの実装もあり、よくできている。→[SpringMVC版][16]を作りました - [Part 1: Getting Started][17] - [Part 2: CRUD][18] - [Part 3: Deep Linking and Application States][19] - [jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう][20] 簡単なアプリの解説。モバイルかどうかは関係ない。 - Backbone.js by example 簡単なグラフィカルエディタを作って解説 - [Part1][21] - [TodoMVC][22] いろいろなMVCフレームワークでつくるTodoアプリ。 - [Backbone.js を使った開発で QUnit を試してみた][23] QUnitでの単体テスト例 - [backbone-boilerplate][24] boilerplate - [Sample App with Backbone.js and Twitter Bootstrap][25] BootstrapとBackbone.jsを使ったサンプル - [チュートリアル][26] ### 書籍系 - [Backbone.js Fundamentals][27] モジュール性の高いJavaScpritアプリについて。執筆中っぽい。 - [JavaScript Web Applications][28] JavaScriptに関するMVCについていろいろ。全部は読んでない。12章にBackboneに関する解説。Todoアプリをちょっとカスタマイズして説明している感じ。 JavaScript Web Applications Developing Backbone.js Applications [1]: http://havelog.ayumusato.com/develop/javascript/e544-backbone_learning_resources.html [2]: http://documentcloud.github.com/backbone/ [3]: http://dev.classmethod.jp/ria/backbone-js-javascript-mvc-framework/ [4]: http://net.tutsplus.com/tutorials/javascript-ajax/getting-started-with-backbone-js/ [5]: http://qiita.com/tags/Backbone.js [6]: http://www.slideshare.net/iloveigloo/clientside-mvc-with-backbonejs [7]: http://www.ibm.com/developerworks/jp/web/library/wa-backbonejs/ [8]: http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/ [9]: http://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/ [10]: https://gist.github.com/1362110 [11]: http://b.hatena.ne.jp/t/backbone.js [12]: http://www.igloolab.com/downloads/backbone-cheatsheet.pdf [13]: http://documentcloud.github.com/backbone/examples/todos/index.html [14]: http://documentcloud.github.com/backbone/docs/todos.html [15]: http://arturadib.com/hello-backbonejs/ [16]: https://github.com/making/backbone-wine-cellar [17]: http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/ [18]: http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-2-crud/ [19]: http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-3-deep-linking-and-application-states/ [20]: http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html [21]: http://www.javageneration.com/?p=839 [22]: http://addyosmani.github.com/todomvc/ [23]: http://d.hatena.ne.jp/griefworker/20111028/qunit [24]: http://backboneboilerplate.com/ [25]: http://coenraets.org/blog/2012/02/sample-app-with-backbone-js-and-twitter-bootstrap/?utm_source=rss&utm_medium=rss&utm_campaign=sample-app-with-backbone-js-and-twitter-bootstrap [26]: http://backbonetutorials.com/examples.html [27]: https://github.com/addyosmani/backbone-fundamentals [28]: http://www.amazon.co.jp/JavaScript-Web-Applications-Alex-Maccaw/dp/144930351X%3FSubscriptionId%3DAKIAJGZ7MSORH7HQ4FJA%26tag%3Dikam-22%26linkCode%3Dsp1%26camp%3D2025%26creative%3D165953%26creativeASIN%3D144930351X