rails-backbone gemを使ってとりあえず単ページJS CRUDアプリケーションを作ってみる

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

1. rails applicationを作る

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

1. コードを書く

Gemfile

gem "rails-backbone"

1. bundle install

2. Tools > Run Rails Script > rails, g backbone:install

3. app/assets/javascripts/backbone/に以下のフォルダができる

routers/
models/
templates/
views/

1. Tools > Run Rails Generator > scaffold > Post title:string content:string

2. Tools > Run Rails Script > rails, g backbone:model

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

1. Tools > Run Rake Task > db:migrate

2. Tools > Run Rails Script > rails, g backbone:scaffold Post title:string content:string

3. コードを書く

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>

1. Run > Run 'Development'

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

---

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