Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Railsのフロントエンド開発を考える

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

  • Be the first to comment

Railsのフロントエンド開発を考える

  1. 1. Railsのフロントエンド開発を考える - JavaScriptフレームワーク Ruby/ Ruby on Railsビギナーズ勉強会 第9回 2015/12/19 平田智子
  2. 2. about me • 平田智子(ひらたともこ) • 新潟県生まれ、大阪出身です • 普段はvb.netで開発しています • web勉強歴はもうすぐで1年 • Facebook:hirata.tomoko • blog:http://tomoko-tsubasa.hateblo.jp/
  3. 3. agenda •フロントエンドとバックエンド •AngularJS •Backbone.js •Knockout.js •どれを選ぶ?
  4. 4. フロントエンドとバックエンド View Controller Model RubyonRails フロントエンド側 バックエンド側 HTML CSS Javascript
  5. 5. AngulerJS +Rails gem 'angular-gem' MVW(MVC)モデル フルスタック型フレームワーク (双方向バイ ンディング、ルーティング、REST API…) 機能が多いため学習コストは高い 構造化、部品化がしやすい TypeScriptと相性が良い 公式サイト
  6. 6. Backbone.js 公式サイト MVW(MVC2)モデル underscore.jsに依存 軽量なフレームワークで自由度が高い ルーティング機能/サーバとの通信機能 Rails/CoffeeScriptと相性が良い +Rails(代表例) gem 'rails-backbone' gem 'backbone-on-rails'
  7. 7. Knockout.js 公式サイト MVVMモデル バインディングに特化したフレームワーク シンプルでわかりやすく学習コストは低い 構造化が弱いため大規模開発には不向き? TypeScriptと相性が良い +Rails gem 'knockoutjs-rails'
  8. 8. どれを使う? 一人でさくっと作る/小規模の開発 → 習得済のもの or 学習コストだけならKnockout.js 複数人で作る/中~大規模の開発 → 既習得者がいるもの or Backbone.js データバインディングが重要ならAngulerJS?
  9. 9. おしまい

    Be the first to comment

    Login to see the comments

  • HisashiSuga

    Dec. 23, 2015
  • shunkimura37

    Dec. 28, 2015
  • yutakiyama

    Jan. 5, 2016
  • MasatoKoishi

    Jan. 31, 2016
  • iDaichi91

    Feb. 12, 2016
  • shunkudou5

    Mar. 29, 2016

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

Views

Total views

1,507

On Slideshare

0

From embeds

0

Number of embeds

26

Actions

Downloads

4

Shares

0

Comments

0

Likes

6

×