s5ot / backbone-sample

「Backbone.jsガイドブック」サンプルコード

「Backbone.jsガイドブック」サンプルコード

このリポジトリは Backbone.jsガイドブック の第3章および第7章のサンプルコードを収録しています。

サンプルコード＆サンプルアプリケーション

3章

もともとのTodos

• code
• app - ブラウザアプリケーション

リファクタリング後

• code
• app - ブラウザアプリケーション

7章

アプリケーション「Contacts」

• pc - ブラウザアプリケーション
• mobile - jQuery Mobile を使ったモバイルアプリ

テスト

• QUnit
• Jasmine

ローカルマシンで動かす

1. Git, npm のインストール

2. Gitリポジトリをローカルマシンにクローンする

   % git clone git://github.com/yuku-t/backbone-sample.git
   % git submodule update --init
   

3. npmモジュールのインストール

   % npm install 
   

   合わせてgrunt-cliもインストールします

   % npm install -g grunt-cli
   

4. 開発サーバの起動

   デフォルトのGruntタスクを実行します。

   % grunt
   Running "connect:server" (connect) task
   Starting connect web server on localhost:8000.
   
   Running "watch" task
   Waiting...
   

   この状態でブラウザから http://localhost:8000/backbone-sample にアクセスします。 このときconnectタスクとwatchタスクが同時に起動されます。 watchタスクによりJSTファイルとLESSファイルが変更されると自動的にコンパイルされます。

5. ブラウザでテストを実行する

   開発サーバを立ち上げた状態で http://localhost:8000/backbone-sample/test/qunit もしくは http://localhost:8000/backbone-sample/test/jasmine にアクセスします。

6. PhantomJSでテストを実行する

   test:qunitとtest:jasmineの２つのタスクが定義されています。

   % grunt test:qunit
   % grunt test:jasmine
   

7. ビルドする

   % grunt build
   

   JavaScriptとCSSをビルドします。

ライセンス

MIT ライセンス