λab's Blog maki's memo

Backbone.jsを勉強するためのリンク集

ここのところjQueryだけでjsをごりごり書くのに限界を感じてきており、jQueryを使ったアプリの土台となるフレームワークが必要なんではないかと感じてきた。

最近JavaScriptのMVCフレームワークであるBackboneの名前をよく目にするので、ちょっと勉強する。メモ用に参考リンクを貼っておく

解説系

• Backbone.js 本家サイト
• Backbone.js -JavaScriptのMVCフレームワーク- Backbone.jsについての一般的な解説。これの和訳。
• QiitaのBacknoeネタ いろいろ
• Understanding MVC And MVP (For JavaScript And Backbone Developers) Backbone開発者ためのMVC、MVPアーキテクチャ解説
• The Top 10 Javascript MVC Frameworks Reviewed JavaScriptMVCフレームワークの比較。Backbone.jsのPros&Consなど。
• サバクラ両方で動く JavaScript の大規模開発を行うために
• はてぶ タグ「backbone.js」を含む新着エントリー

チュートリアル系

• Backbone Demo : Todos 公式デモ。解説付きソース。まずはこれから写経。画面遷移がないのでイマイチ
• Hello Backbone.js Todoアプリより簡単なチュートリアル。ステップバイステップで複雑に。
• Backbone.js Wine Cellar Tutorial ワインセラーアプリをつくるチュートリアル。サーバサイドの実装もあり、よくできている。→SpringMVC版を作りました
  • Part 1: Getting Started
  • Part 2: CRUD
  • Part 3: Deep Linking and Application States
• jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう 簡単なアプリの解説。モバイルかどうかは関係ない。
• Backbone.js by example 簡単なグラフィカルエディタを作って解説
  • Part1
• TodoMVC いろいろなMVCフレームワークでつくるTodoアプリ。
• Backbone.js を使った開発で QUnit を試してみた QUnitでの単体テスト例

• backbone-boilerplate boilerplate

  書籍系

• Backbone.js Fundamentals モジュール性の高いJavaScpritアプリについて。執筆中っぽい。

• JavaScript Web Applications JavaScriptに関するMVCについていろいろ。全部は読んでない。12章にBackboneに関する解説。Todoアプリをちょっとカスタマイズして説明している感じ。

これからJavaScriptを勉強する人が読むと良い本

割と好評だった「これからJavaを勉強する人が読むと良い本」のJavaScript版。それほど詳しくないので細かい書評はamazonのレビューを読むことw

ちなみに「これからJavaScriptを勉強する人」≠「プログラミング初心者」です。

言語編

まずはJavaScriptそのものを勉強したい人向けに。

パーフェクトJavaScript

一冊選べとと言われたらこれ。言語仕様、jQuery、HTML5、サーバサイドJavaScriptと広範囲な内容を一冊で学べるだけでなく、1つ1つの内容も細かい。じっくり読む用にも手元に一冊置いておく用にも使える(全部読む必要はないと思う)。ただし、実際に動かして学ぶというスタイルではなく、どちらかというと読み物。動く物を作りながらが良い場合は別の本も併せて買うことをおすすめする。

パーフェクトJavaScriptを読んで、より言語仕様よりの内容を学びたいのであれば、「JavaScript 第5版」を、コードサンプルをもっと欲しい場合は「JavaScriptクックブック」を読むのが良いと思う。

JavaScript 第5版

言わずとしれたサイ本。一冊置いておけば何かJavaScriptが書いてる気になる一冊。ある程度JavaScript書く人は読まなくても置いておけw

JavaScriptクックブック

こういうことがしたいときにどういうコードを書けばいいか、という逆引きでサンプルコードが欲しい場合はこちら。「ただしIEでは対応していない」という注意書きが多いのがナイスw各種ブラウザでのデバッガの使い方も載っているので初級者にはうれしい。

jQuery編

JavaScriptを学ぶ上でもはや避けては通れない、デファクトスタンダードなライブラリjQueryについてもいくつか挙げる。

コアjQuery＋プラグイン/jQuery UI 開発実践技法

jQueryに関する本は多く出版されているけど、この本が一番包括的。jQueryの基礎から、Ajax、CSSセレクタ、独自セレクタ、各種ユーティリティ、プラグインの作り方、jquery-ui等jQueryを使う上で学んでおきたい内容が詰まっていて、かつ詳しい。仕事でjQueryを使い人には読んでほしい。

jQueryクックブック

こちらも「JavaScriptクックブック」同様、こういうことがしたいというとき逆引きするためのサンプル集。比較的容易な内容なので「コアjQuery＋プラグイン/jQuery UI 開発実践技法」を読むのがきつい場合は、まずこっちから始めて感じをつかむと良い。

• はてぶで挙げれていたので、一応「テスト駆動JavaScript」も挙げておきます(2011/11/12)。読んでからコメント書いて追加します。

jQueryを読み込んでいないサイトにjQueryを読み込ませるブックマークレット

↓をブックマークに登録。デバッグ・開発用に便利。

jQueryを読み込ませる!

あとはjavascriptコンソールから$(...)を実行していろいろ試すだけ。