Ruby/ Ruby on Railsビギナーズ勉強会 第9回資料です

1. Railsのフロントエンド開発を考える
- JavaScriptフレームワーク
Ruby/ Ruby on Railsビギナーズ勉強会 第9回
2015/12/19 平田智子

2. about me
• 平田智子（ひらたともこ）
• 新潟県生まれ、大阪出身です
• 普段はvb.netで開発しています
• web勉強歴はもうすぐで１年
• Facebook:hirata.tomoko
• blog:http://tomoko-tsubasa.hateblo.jp/

3. agenda
•フロントエンドとバックエンド
•AngularJS
•Backbone.js
•Knockout.js
•どれを選ぶ？

4. フロントエンドとバックエンド
View
Controller
Model
RubyonRails
フロントエンド側 バックエンド側
HTML
CSS
Javascript

5. AngulerJS
+Rails
gem 'angular-gem'
MVW(MVC)モデル
フルスタック型フレームワーク (双方向バイ
ンディング、ルーティング、REST API…)
機能が多いため学習コストは高い
構造化、部品化がしやすい
TypeScriptと相性が良い
公式サイト

6. Backbone.js
公式サイト
MVW(MVC2)モデル
underscore.jsに依存
軽量なフレームワークで自由度が高い
ルーティング機能/サーバとの通信機能
Rails/CoffeeScriptと相性が良い
+Rails(代表例)
gem 'rails-backbone'
gem 'backbone-on-rails'

7. Knockout.js
公式サイト
MVVMモデル
バインディングに特化したフレームワーク
シンプルでわかりやすく学習コストは低い
構造化が弱いため大規模開発には不向き？
TypeScriptと相性が良い
+Rails
gem 'knockoutjs-rails'

8. どれを使う？
一人でさくっと作る/小規模の開発
→ 習得済のもの or 学習コストだけならKnockout.js
複数人で作る/中～大規模の開発
→ 既習得者がいるもの or Backbone.js
データバインディングが重要ならAngulerJS？

9. おしまい