Submit Search
Upload
Railsのフロントエンド開発を考える
•
Download as PPTX, PDF
•
6 likes
•
1,570 views
Hirata Tomoko
Follow
Ruby/ Ruby on Railsビギナーズ勉強会 第9回資料です
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 9
Download now
Recommended
WindowsユーザのためのRails環境構築
WindowsユーザのためのRails環境構築
Hirata Tomoko
Railsチュートリアル(second)を終えて
Railsチュートリアル(second)を終えて
Hirata Tomoko
Rails+Markdownでなにかつくる
Rails+Markdownでなにかつくる
Hirata Tomoko
Rails5クイックスタート
Rails5クイックスタート
Hirata Tomoko
Walking front end
Walking front end
Hirata Tomoko
Sprocketsを捨てたい
Sprocketsを捨てたい
Masato Noguchi
Rails あるある
Rails あるある
Ryunosuke SATO
Ruby on Rails の特徴とそのエコシステム
Ruby on Rails の特徴とそのエコシステム
Tomoya Kawanishi
Recommended
WindowsユーザのためのRails環境構築
WindowsユーザのためのRails環境構築
Hirata Tomoko
Railsチュートリアル(second)を終えて
Railsチュートリアル(second)を終えて
Hirata Tomoko
Rails+Markdownでなにかつくる
Rails+Markdownでなにかつくる
Hirata Tomoko
Rails5クイックスタート
Rails5クイックスタート
Hirata Tomoko
Walking front end
Walking front end
Hirata Tomoko
Sprocketsを捨てたい
Sprocketsを捨てたい
Masato Noguchi
Rails あるある
Rails あるある
Ryunosuke SATO
Ruby on Rails の特徴とそのエコシステム
Ruby on Rails の特徴とそのエコシステム
Tomoya Kawanishi
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
片手間JS on Rails
片手間JS on Rails
Ryunosuke SATO
ぼくのかんがえたさいきょうの Rails スタートダッシュ
ぼくのかんがえたさいきょうの Rails スタートダッシュ
Kenji Mori
僕はどうしてもLibsassが使いたかったんだ!
僕はどうしてもLibsassが使いたかったんだ!
Masato Noguchi
Electronからはじめるnodejs
Electronからはじめるnodejs
Hirata Tomoko
RubyとRailsのおいしい使い方
RubyとRailsのおいしい使い方
Satomi Tsujita
RubyとRのおいしい関係
RubyとRのおいしい関係
sady_nitro
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~
Ryunosuke SATO
RailsのRailから解放される始めの一歩
RailsのRailから解放される始めの一歩
Masato Noguchi
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1
Takuya Mukohira
Rubyを楽しくする第一歩!ブロックを理解する!
Rubyを楽しくする第一歩!ブロックを理解する!
Kanako Kobayashi
Yapc2012ltthon
Yapc2012ltthon
Junya Murabe
クローズドソースから始めるオープンソース
クローズドソースから始めるオープンソース
Takafumi ONAKA
超簡単!? ActiveAdminで作る管理画面@Ruby / Ruby on Rails ビギナーズ勉強会 第3回
超簡単!? ActiveAdminで作る管理画面@Ruby / Ruby on Rails ビギナーズ勉強会 第3回
Kanako Kobayashi
Ruby on Rails を用いたWEBアプリケーションの開発
Ruby on Rails を用いたWEBアプリケーションの開発
Koichi Shimozono
Rubyで作るクローラー Ruby crawler
Rubyで作るクローラー Ruby crawler
Takuro Sasaki
PHPでWebSocketを実装してみてわかったこと
PHPでWebSocketを実装してみてわかったこと
ksimoji
Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話
Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話
Masayuki Morita
Ruby on Rails 入門
Ruby on Rails 入門
Yasuko Ohba
楽しいRails開発
楽しいRails開発
俊博 三宅
Rails A/B testing by split gem
Rails A/B testing by split gem
Ryuma Tsukano
More Related Content
What's hot
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
片手間JS on Rails
片手間JS on Rails
Ryunosuke SATO
ぼくのかんがえたさいきょうの Rails スタートダッシュ
ぼくのかんがえたさいきょうの Rails スタートダッシュ
Kenji Mori
僕はどうしてもLibsassが使いたかったんだ!
僕はどうしてもLibsassが使いたかったんだ!
Masato Noguchi
Electronからはじめるnodejs
Electronからはじめるnodejs
Hirata Tomoko
RubyとRailsのおいしい使い方
RubyとRailsのおいしい使い方
Satomi Tsujita
RubyとRのおいしい関係
RubyとRのおいしい関係
sady_nitro
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~
Ryunosuke SATO
RailsのRailから解放される始めの一歩
RailsのRailから解放される始めの一歩
Masato Noguchi
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1
Takuya Mukohira
Rubyを楽しくする第一歩!ブロックを理解する!
Rubyを楽しくする第一歩!ブロックを理解する!
Kanako Kobayashi
Yapc2012ltthon
Yapc2012ltthon
Junya Murabe
クローズドソースから始めるオープンソース
クローズドソースから始めるオープンソース
Takafumi ONAKA
超簡単!? ActiveAdminで作る管理画面@Ruby / Ruby on Rails ビギナーズ勉強会 第3回
超簡単!? ActiveAdminで作る管理画面@Ruby / Ruby on Rails ビギナーズ勉強会 第3回
Kanako Kobayashi
Ruby on Rails を用いたWEBアプリケーションの開発
Ruby on Rails を用いたWEBアプリケーションの開発
Koichi Shimozono
Rubyで作るクローラー Ruby crawler
Rubyで作るクローラー Ruby crawler
Takuro Sasaki
PHPでWebSocketを実装してみてわかったこと
PHPでWebSocketを実装してみてわかったこと
ksimoji
Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話
Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話
Masayuki Morita
Ruby on Rails 入門
Ruby on Rails 入門
Yasuko Ohba
What's hot
(20)
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
片手間JS on Rails
片手間JS on Rails
ぼくのかんがえたさいきょうの Rails スタートダッシュ
ぼくのかんがえたさいきょうの Rails スタートダッシュ
僕はどうしてもLibsassが使いたかったんだ!
僕はどうしてもLibsassが使いたかったんだ!
Electronからはじめるnodejs
Electronからはじめるnodejs
RubyとRailsのおいしい使い方
RubyとRailsのおいしい使い方
RubyとRのおいしい関係
RubyとRのおいしい関係
Ember コミュニティとわたし
Ember コミュニティとわたし
How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~
RailsのRailから解放される始めの一歩
RailsのRailから解放される始めの一歩
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1
Rubyを楽しくする第一歩!ブロックを理解する!
Rubyを楽しくする第一歩!ブロックを理解する!
Yapc2012ltthon
Yapc2012ltthon
クローズドソースから始めるオープンソース
クローズドソースから始めるオープンソース
超簡単!? ActiveAdminで作る管理画面@Ruby / Ruby on Rails ビギナーズ勉強会 第3回
超簡単!? ActiveAdminで作る管理画面@Ruby / Ruby on Rails ビギナーズ勉強会 第3回
Ruby on Rails を用いたWEBアプリケーションの開発
Ruby on Rails を用いたWEBアプリケーションの開発
Rubyで作るクローラー Ruby crawler
Rubyで作るクローラー Ruby crawler
PHPでWebSocketを実装してみてわかったこと
PHPでWebSocketを実装してみてわかったこと
Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話
Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話
Ruby on Rails 入門
Ruby on Rails 入門
Viewers also liked
楽しいRails開発
楽しいRails開発
俊博 三宅
Rails A/B testing by split gem
Rails A/B testing by split gem
Ryuma Tsukano
Ruby on Rails Primer
Ruby on Rails Primer
Jay Whiting
Performance Optimization in Ruby
Performance Optimization in Ruby
Prathmesh Ranaut
Rails api way in aiming
Rails api way in aiming
Yasutomo Uemori
RESTful APIとしてのRailsとクライアントとしてのJavaScript
RESTful APIとしてのRailsとクライアントとしてのJavaScript
Naoto Koshikawa
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
Yuta Shimizu
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
K Tsukada
「管理」をなくせばうまくいく
「管理」をなくせばうまくいく
Yoshihito Kuranuki
伝わるプレゼンをする方法
伝わるプレゼンをする方法
Hideaki Miyake
プレゼンテーションの考え方20140628
プレゼンテーションの考え方20140628
Professional University of Information and Management for Innovation (情報経営イノベーション専門職大学)
プレゼンの基本
プレゼンの基本
Hiroyuki Nagataki
綺麗なプレゼン資料の作り方、10のテクニック
綺麗なプレゼン資料の作り方、10のテクニック
Manabu Uekusa
良いプレゼン 良いスライド
良いプレゼン 良いスライド
京大 マイコンクラブ
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
Shoe-g Ueyama
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
RESTful #とは RailsスタイルからRESTを学ぼう
RESTful #とは RailsスタイルからRESTを学ぼう
Toru Kawamura
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
Rest ful api設計入門
Rest ful api設計入門
Monstar Lab Inc.
魅せるPowerPointビジネスプレゼン【実践編】
魅せるPowerPointビジネスプレゼン【実践編】
schoowebcampus
Viewers also liked
(20)
楽しいRails開発
楽しいRails開発
Rails A/B testing by split gem
Rails A/B testing by split gem
Ruby on Rails Primer
Ruby on Rails Primer
Performance Optimization in Ruby
Performance Optimization in Ruby
Rails api way in aiming
Rails api way in aiming
RESTful APIとしてのRailsとクライアントとしてのJavaScript
RESTful APIとしてのRailsとクライアントとしてのJavaScript
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
「管理」をなくせばうまくいく
「管理」をなくせばうまくいく
伝わるプレゼンをする方法
伝わるプレゼンをする方法
プレゼンテーションの考え方20140628
プレゼンテーションの考え方20140628
プレゼンの基本
プレゼンの基本
綺麗なプレゼン資料の作り方、10のテクニック
綺麗なプレゼン資料の作り方、10のテクニック
良いプレゼン 良いスライド
良いプレゼン 良いスライド
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
RESTful #とは RailsスタイルからRESTを学ぼう
RESTful #とは RailsスタイルからRESTを学ぼう
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Rest ful api設計入門
Rest ful api設計入門
魅せるPowerPointビジネスプレゼン【実践編】
魅せるPowerPointビジネスプレゼン【実践編】
Similar to Railsのフロントエンド開発を考える
RailsでKnockout.js
RailsでKnockout.js
Makoto Henmi
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
Takahiro Okumura
普段Djangoを使っている人間がruby on railsを勉強してみた話
普段Djangoを使っている人間がruby on railsを勉強してみた話
ko ty
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
chuck h
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Maaya Ishida
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
Kanako Kobayashi
Application Bootstrap
Application Bootstrap
Takafumi ONAKA
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
Spring.project
Spring.project
広平 田村
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
kamiyam .
フロントエンド技術の変遷
フロントエンド技術の変遷
Ryo Higashigawa
最近のASP.NET事情2013Winter
最近のASP.NET事情2013Winter
Narami Kiyokura
JavaEdge第3回ライブセッション
JavaEdge第3回ライブセッション
Yoichiro Tanaka
Re-frame and A-Frame
Re-frame and A-Frame
Kazuhiro Hara
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
Kazunari Hara
JavaエンタープライズアーキテクチャにおけるHTML5 - Enterprise ☓ HTML5 Web Application Conference ...
JavaエンタープライズアーキテクチャにおけるHTML5 - Enterprise ☓ HTML5 Web Application Conference ...
Yusuke Suzuki
そのRails Engine、 本当に必要ですか?
そのRails Engine、 本当に必要ですか?
nixiesan
Similar to Railsのフロントエンド開発を考える
(20)
RailsでKnockout.js
RailsでKnockout.js
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
普段Djangoを使っている人間がruby on railsを勉強してみた話
普段Djangoを使っている人間がruby on railsを勉強してみた話
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Svgアニメーションを実装してみよう 20150207
Svgアニメーションを実装してみよう 20150207
Application Bootstrap
Application Bootstrap
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Spring.project
Spring.project
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
フロントエンド技術の変遷
フロントエンド技術の変遷
最近のASP.NET事情2013Winter
最近のASP.NET事情2013Winter
JavaEdge第3回ライブセッション
JavaEdge第3回ライブセッション
Re-frame and A-Frame
Re-frame and A-Frame
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
JavaエンタープライズアーキテクチャにおけるHTML5 - Enterprise ☓ HTML5 Web Application Conference ...
JavaエンタープライズアーキテクチャにおけるHTML5 - Enterprise ☓ HTML5 Web Application Conference ...
そのRails Engine、 本当に必要ですか?
そのRails Engine、 本当に必要ですか?
Railsのフロントエンド開発を考える
1.
Railsのフロントエンド開発を考える - JavaScriptフレームワーク Ruby/ Ruby
on Railsビギナーズ勉強会 第9回 2015/12/19 平田智子
2.
about me • 平田智子(ひらたともこ) •
新潟県生まれ、大阪出身です • 普段はvb.netで開発しています • web勉強歴はもうすぐで1年 • 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.
おしまい
Download now