rails3とbackbone.jsの組み合わせで利用する1

■概要
backendをrails3にして、backbone.jsを利用する為の手順を残しておきます。

■railsプロジェクトの作成

$ rails new demo -T -J -d mysql
demo プロジェクト名

-T testunitはいらない

-J prototype.jsはいらない

-d mysql データベースはmysql

■gemを追加

$ cd demo

$ vim Gemfile

下記を一番下に追加（本当はバージョンをつけた方が良い）

gem 'jquery-rails'

group :development, :test do

  gem 'rspec'

  gem 'rspec-rails'
  gem 'rcov'

end

$ bundle install

■コードジェネレート

$ rails g rspec:install

$ rails g jquery:install --ui

■まず使えるように編集

$ vim config/database.yml

$ vim app/views/layouts/application.html.erb

文字列エンコーディングを明確に指定する為に下記追加

<meta charset="utf-8"/>

$ vim config/application.rb

jquery-railsに、javascriptのdefaults設定はまかせる(コメントアウトする)

# config.action_view.javascript_expansions[:defaults] = %w()

※これを有効にしたい

$ vim spec/spec_helper.rb

ruby1.9.2でrcovを正しく動作させる為に、下記を一番下に追加
# quick monkey patch for rcov
# http://codefluency.com/post/1023734493/a-bandaid-for-rcov-on-ruby-1-9
if defined?(Rcov)
  class Rcov::CodeCoverageAnalyzer
    def update_script_lines__
      if '1.9'.respond_to?(:force_encoding)
        SCRIPT_LINES__.each do |k,v|
          v.each { |src| src.force_encoding('utf-8') }
        end
      end
      @script_lines__ = @script_lines__.merge(SCRIPT_LINES__)
    end
  end
end

$ vim .rspec
spork等で動いてもいい様に下記を追加しておく
--drb

■backbone.jsの準備

$ cd public/javascripts
↓jsファイル取得。ここも本当はバージョンを明示すべきかな

$ wget http://documentcloud.github.com/underscore/underscore.js

$ wget http://documentcloud.github.com/underscore/underscore-min.js

$ wget http://documentcloud.github.com/backbone/backbone.js

$ wget http://documentcloud.github.com/backbone/backbone-min.js

$ cd ../..

$ vim app/views/layouts/application.html.erb
backbone.jsを読み込むようにする。下記をhead内に追加

<%= javascript_include_tag "underscore-min.js", "backbone-min.js" %>

■履歴管理開始

$ vim .gitignore (履歴管理しない最低限のものを追加)

.bundle
db/*.db
db/*.sqlite3
db/schema.rb
log/*.log
tmp/
coverage/
*.swp

$ git init

$ git add .

$ git commit -m "最初のコミット"

■DB作成

$ rake db:create:all

$ rake db:migrate

■起動

$ rails s

ここまでで準備完了！次は実際にデータの操作をしてみます

20110113 追記
http://d.hatena.ne.jp/nedate/20101004/1286183882を参考にrcovの設定も追加させてもらいました！