今回はRubyMineを使うが、それ以外の場合もほぼ同じだろう。
- rails applicationを作る
アプリケーション名があとで必要になる。
- コードを書く
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の部分をアプリケーション名で置き換えること。
<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 !