今回はRubyMineを使うが、それ以外の場合もほぼ同じだろう。

rails applicationを作る

アプリケーション名があとで必要になる。

コードを書く

Gemfile

gem "rails-backbone"

bundle install
Tools > Run Rails Script > rails, g backbone:install
app/assets/javascripts/backbone/に以下のフォルダができる

routers/
models/
templates/
views/

Tools > Run Rails Generator > scaffold > Post title:string content:string
Tools > Run Rails Script > rails, g backbone:model

app/assets/javascript/backbone/modelsにBackboneのモデルとコレクションができる。

Tools > Run Rake Task > db:migrate
Tools > Run Rails Script > rails, g backbone:scaffold Post title:string content:string
コードを書く

Blogの部分をアプリケーション名で置き換えること。

app/views/index.html.erb

<div id="posts"></div>

<script type="text/javascript">
    $(function() {
        // Blog is the app name
        window.router = new Blog.Routers.PostsRouter({posts: <%= @posts.to_json.html_safe -%>});
        Backbone.history.start();
    });
</script>

Run > Run 'Development'
ブラウザで見ると、単ページ・アプリケーションができている

ブログやってます：PAPA-tronix !