Enviar pesquisa
Carregar
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
•
19 gostaram
•
12,267 visualizações
Yusuke Murata
Seguir
AWS Startup Tech Meetup #008 発表資料
Leia menos
Leia mais
Engenharia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 20
Baixar agora
Baixar para ler offline
Recomendados
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
フレームワークを利用したシングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
フロントエンド勉強会01資料
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
Shohei Saeki
2016年12月8日に開催した勉強会で使った資料です。 TwitterAPIを使ってTwitterクライアントをReact Nativeで実装することを通して、 コンポーネントの特徴理解やパフォーマンス、ストレージなどについて解説を行います。
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
dcubeio
今からでも遅くない! React事始め
今からでも遅くない! React事始め
ynaruta
ネイティブアプリのようにプッシュ通知を送ることができる、ServiceWorker + PushAPIについて。
Service workerとwebプッシュ通知
Service workerとwebプッシュ通知
zaru sakuraba
Recomendados
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
フレームワークを利用したシングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
フロントエンド勉強会01資料
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
Shohei Saeki
2016年12月8日に開催した勉強会で使った資料です。 TwitterAPIを使ってTwitterクライアントをReact Nativeで実装することを通して、 コンポーネントの特徴理解やパフォーマンス、ストレージなどについて解説を行います。
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
dcubeio
今からでも遅くない! React事始め
今からでも遅くない! React事始め
ynaruta
ネイティブアプリのようにプッシュ通知を送ることができる、ServiceWorker + PushAPIについて。
Service workerとwebプッシュ通知
Service workerとwebプッシュ通知
zaru sakuraba
最近はやりのjQuery Hateの謎に迫る! (というか、これであってるのか教えてほしいという発表)
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
D3 フロントエンド技術勉強会 2016.1.22 - 1年間まじめにSPA開発やってきた経験について - その中で、ぶつかった課題と対策 - SPA開発の全体像 - Web/JS界隈の激しい変化の波に溺れないためのTips - AngularJS と SPA の設計について - TypeScript と ES6 - Gulp タスク
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
AngularJSを業務で使って、はまったところをご紹介
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
ng-japan 2015/03/21
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
天下一クライアントサイドJS MV*フレームワーク武道会でのLT資料
React.js + Flux
React.js + Flux
dsuke Takaoka
https://atnd.org/events/82659
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Swaggerを使ってAPI Gateway
Swaggerで始めるモデルファーストなAPI開発
Swaggerで始めるモデルファーストなAPI開発
Takuro Sasaki
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Service worker が拓く mobile web の新しいかたち
Service worker が拓く mobile web の新しいかたち
Service worker が拓く mobile web の新しいかたち
Kinuko Yasuda
JSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めよう
VOYAGE GROUP
2015.12.16 JS オジサン #6 二日目
React+fluxを導入した話
React+fluxを導入した話
Yuki Ishikawa
2016/05/01 Visual Studio with Cordova クロスプラットフォーム開発
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
miso- soup3
React meetup#3でのLT資料。 画像系は一部省略してます。
React meetup 3_eight
React meetup 3_eight
Hideharu Okuma
React.jsアプリケーションにおける、GoogleAnalyticsの組み込みについて ・react-ga等のコンポーネントを利用するより、従来の組み込み方法の方が柔軟 ・pageviewをsendするポイントはreact-router-reduxのlistenerより、react-routerのonEnterフックを利用した方がGAのレポートがうまく出せる
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
2014/8/22 第二回 html5minutes LTのスライドです
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
isomorphic tokyo meetupで発表した資料です
Isomorphic web development with scala and scala.js
Isomorphic web development with scala and scala.js
TanUkkii
React/Redux/Redux-Saga+サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
Service Workerハッカソンでつくったもの
おれおれブログシステムにServiceWorkerを導入してみた #serviceworker
おれおれブログシステムにServiceWorkerを導入してみた #serviceworker
Toshiaki Maki
ng-japan 2015 LT資料です。 One-time Bindingと$digestについて簡単にお話しました。 LIGブログでこの内容をまとめました。 http://liginc.co.jp/web/js/other-js/153751
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
アメブロのフロントエンド刷新についてFrontrend Vol.8で発表した内容です。
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
Kazunari Hara
Learn how the Blue/Green Deployment methodology combined with AWS tools and services can help reduce the risks associated with software deployment. We will illustrate common patterns and highlight ways deployment risks are mitigated by each pattern. Topics will include how services like AWS CloudFormation, AWS Elastic Beanstalk, Amazon EC2 Container Service, Amazon Route53, Auto Scaling and Elastic Load Balancing can help automate deployment. We will also address how to effectively manage deployments in the context of data model and schema changes. Learn how you can adopt blue/green for your software release processes in a cost-effective and low-risk way.
(DVO401) Deep Dive into Blue/Green Deployments on AWS
(DVO401) Deep Dive into Blue/Green Deployments on AWS
Amazon Web Services
2015/11/12に目黒で開催されたAWS Startup Tech MeetupでのLT資料
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
佑介 九岡
Mais conteúdo relacionado
Mais procurados
最近はやりのjQuery Hateの謎に迫る! (というか、これであってるのか教えてほしいという発表)
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
D3 フロントエンド技術勉強会 2016.1.22 - 1年間まじめにSPA開発やってきた経験について - その中で、ぶつかった課題と対策 - SPA開発の全体像 - Web/JS界隈の激しい変化の波に溺れないためのTips - AngularJS と SPA の設計について - TypeScript と ES6 - Gulp タスク
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
AngularJSを業務で使って、はまったところをご紹介
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
ng-japan 2015/03/21
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
天下一クライアントサイドJS MV*フレームワーク武道会でのLT資料
React.js + Flux
React.js + Flux
dsuke Takaoka
https://atnd.org/events/82659
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Swaggerを使ってAPI Gateway
Swaggerで始めるモデルファーストなAPI開発
Swaggerで始めるモデルファーストなAPI開発
Takuro Sasaki
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Service worker が拓く mobile web の新しいかたち
Service worker が拓く mobile web の新しいかたち
Service worker が拓く mobile web の新しいかたち
Kinuko Yasuda
JSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めよう
VOYAGE GROUP
2015.12.16 JS オジサン #6 二日目
React+fluxを導入した話
React+fluxを導入した話
Yuki Ishikawa
2016/05/01 Visual Studio with Cordova クロスプラットフォーム開発
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
miso- soup3
React meetup#3でのLT資料。 画像系は一部省略してます。
React meetup 3_eight
React meetup 3_eight
Hideharu Okuma
React.jsアプリケーションにおける、GoogleAnalyticsの組み込みについて ・react-ga等のコンポーネントを利用するより、従来の組み込み方法の方が柔軟 ・pageviewをsendするポイントはreact-router-reduxのlistenerより、react-routerのonEnterフックを利用した方がGAのレポートがうまく出せる
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
2014/8/22 第二回 html5minutes LTのスライドです
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
isomorphic tokyo meetupで発表した資料です
Isomorphic web development with scala and scala.js
Isomorphic web development with scala and scala.js
TanUkkii
React/Redux/Redux-Saga+サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
Service Workerハッカソンでつくったもの
おれおれブログシステムにServiceWorkerを導入してみた #serviceworker
おれおれブログシステムにServiceWorkerを導入してみた #serviceworker
Toshiaki Maki
ng-japan 2015 LT資料です。 One-time Bindingと$digestについて簡単にお話しました。 LIGブログでこの内容をまとめました。 http://liginc.co.jp/web/js/other-js/153751
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
アメブロのフロントエンド刷新についてFrontrend Vol.8で発表した内容です。
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
Kazunari Hara
Mais procurados
(20)
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Angular js はまりどころ
Angular js はまりどころ
One Time Binding & Digest Loop
One Time Binding & Digest Loop
React.js + Flux
React.js + Flux
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Swaggerで始めるモデルファーストなAPI開発
Swaggerで始めるモデルファーストなAPI開発
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Service worker が拓く mobile web の新しいかたち
Service worker が拓く mobile web の新しいかたち
JSON Schema で Web API のスキマを埋めよう
JSON Schema で Web API のスキマを埋めよう
React+fluxを導入した話
React+fluxを導入した話
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
React meetup 3_eight
React meetup 3_eight
20160927 reactmeetup
20160927 reactmeetup
AngularJSの高速化
AngularJSの高速化
Isomorphic web development with scala and scala.js
Isomorphic web development with scala and scala.js
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
おれおれブログシステムにServiceWorkerを導入してみた #serviceworker
おれおれブログシステムにServiceWorkerを導入してみた #serviceworker
One-time Binding & $digest
One-time Binding & $digest
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
Destaque
Learn how the Blue/Green Deployment methodology combined with AWS tools and services can help reduce the risks associated with software deployment. We will illustrate common patterns and highlight ways deployment risks are mitigated by each pattern. Topics will include how services like AWS CloudFormation, AWS Elastic Beanstalk, Amazon EC2 Container Service, Amazon Route53, Auto Scaling and Elastic Load Balancing can help automate deployment. We will also address how to effectively manage deployments in the context of data model and schema changes. Learn how you can adopt blue/green for your software release processes in a cost-effective and low-risk way.
(DVO401) Deep Dive into Blue/Green Deployments on AWS
(DVO401) Deep Dive into Blue/Green Deployments on AWS
Amazon Web Services
2015/11/12に目黒で開催されたAWS Startup Tech MeetupでのLT資料
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
佑介 九岡
AWS Startup Tech Meetup [2015年11月12日(木)]
AWS Startup Tech Meetup #008 発表資料
AWS Startup Tech Meetup #008 発表資料
Takuya Onda
2015/11/24 [AWS初心者向けWebinar] AWSではじめよう、IoTシステム構築
[AWS初心者向けWebinar] AWSではじめよう、IoTシステム構築
[AWS初心者向けWebinar] AWSではじめよう、IoTシステム構築
Amazon Web Services Japan
Presentation shows how at Droplr we consider the DevOps role. It covers topics related with Amazon Web Services, Infrastructure as Code concept (with tools like Terraform and Ansible) and going into Continuous Deployment as the key of making our company the most competitive on the market. Presentation from the 8th Wrocław's DevOps Meeting which took place on 28.03.2017.
DevOps in Droplr
DevOps in Droplr
Antoni Orfin
AWS S3 と SNSを使って動画機能(大きなバイナリのアップロード)を実現する話 Timers inc CTO 椎名アマド
S3とSNSで動画機能をつくる話
S3とSNSで動画機能をつくる話
Ahmad Shiina
AWS Startup Tech Meetupにご参加いただいているスタートアップ企業の皆さまにご登壇いただいてLT大会を開催しました!
AWS Startup Tech Lightning Talks 2015 Summer at dots.
AWS Startup Tech Lightning Talks 2015 Summer at dots.
Eiji Shinohara
スタディプラスで使っている AWS 上の worker、画像変換サーバの話
20140807 AWS Startup Tech Meetup
20140807 AWS Startup Tech Meetup
akitsukada
Presentation shows how to use Apache Benchmark and JMeter to run load-tests. It also shows how to collect metrics from Google Analytics that are needed to configure your tests.
Performance Testing - Apache Benchmark, JMeter
Performance Testing - Apache Benchmark, JMeter
Antoni Orfin
iOS_LT #13で発表した資料です。 AVFoundationを使ってVineのようなアプリを作ってみました。
6秒動画アプリ Vineの作り方
6秒動画アプリ Vineの作り方
Hiramatsu Ryosuke
2014/12/15の勉強会にて発表された資料です。 SCRIPTY#2 ~フロントエンド紳士・淑女のための勉強会~ http://scripty.connpass.com/event/10345/
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
[AWSマイスターシリーズ] Amazon VPC
[AWSマイスターシリーズ] Amazon VPC
Amazon Web Services Japan
AWS Startup Tech 夏のLT大会 at dots.の資料です
Aws startup-tech-summer2015
Aws startup-tech-summer2015
Shota Umeda
2015/10/28 @Gotanda.js #1
`redux`と`flux`を比べてみたときの個人的な感想
`redux`と`flux`を比べてみたときの個人的な感想
佐藤 俊太郎
Go言語とReactで考えるWebアプリの「いい感じなURL設計」入門 の勉強会での LT 資料です。 Go で Webアプリケーションを作成する際の UnitTest の方法の一例をご紹介。
Go で Unit Test をやってみた
Go で Unit Test をやってみた
Masahiro Yanou
2015/09/01開催された「AWS Startup Tech 夏のLT大会」で話したプレゼン資料です。 http://eventdots.jp/event/567770
Brain Dots at dots. - Brain Dotsのアーキテクチャ -
Brain Dots at dots. - Brain Dotsのアーキテクチャ -
Masakazu Matsushita
AV Foundation makes it reasonably straightforward to capture video from the camera and edit together a nice family video. This session is not about that stuff. This session is about the nooks and crannies where AV Foundation exposes what's behind the curtain. Instead of letting AVPlayer read our video files, we can grab the samples ourselves and mess with them. AVCaptureVideoPreviewLayer, meet the CGAffineTransform. And instead of dutifully passing our captured video frames to the preview layer and an output file, how about if we instead run them through a series of Core Image filters? Record your own screen? Oh yeah, we can AVAssetWriter that. With a few pointers, a little experimentation, and a healthy disregard for safe coding practices, Core Media and Core Video let you get away with some neat stuff.
Stupid Video Tricks
Stupid Video Tricks
Chris Adamson
川崎Ruby会議01 で発表した資料です
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
Yuta Shimizu
2015/9/1 AWS Startup Tech 夏のLT大会 at dots. LT資料
スタートアップにjoinして1年間の変化を振り返る
スタートアップにjoinして1年間の変化を振り返る
Masashi Ogawa
2015/9/1 AWS Startup Tech 夏のLT大会 at dots. でお話した内容です。 http://eventdots.jp/event/567770
オフライン行動を支えるメール配送管理 at サイタ
オフライン行動を支えるメール配送管理 at サイタ
Yosuke TOMITA
Destaque
(20)
(DVO401) Deep Dive into Blue/Green Deployments on AWS
(DVO401) Deep Dive into Blue/Green Deployments on AWS
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
AWS Startup Tech Meetup #008 発表資料
AWS Startup Tech Meetup #008 発表資料
[AWS初心者向けWebinar] AWSではじめよう、IoTシステム構築
[AWS初心者向けWebinar] AWSではじめよう、IoTシステム構築
DevOps in Droplr
DevOps in Droplr
S3とSNSで動画機能をつくる話
S3とSNSで動画機能をつくる話
AWS Startup Tech Lightning Talks 2015 Summer at dots.
AWS Startup Tech Lightning Talks 2015 Summer at dots.
20140807 AWS Startup Tech Meetup
20140807 AWS Startup Tech Meetup
Performance Testing - Apache Benchmark, JMeter
Performance Testing - Apache Benchmark, JMeter
6秒動画アプリ Vineの作り方
6秒動画アプリ Vineの作り方
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
[AWSマイスターシリーズ] Amazon VPC
[AWSマイスターシリーズ] Amazon VPC
Aws startup-tech-summer2015
Aws startup-tech-summer2015
`redux`と`flux`を比べてみたときの個人的な感想
`redux`と`flux`を比べてみたときの個人的な感想
Go で Unit Test をやってみた
Go で Unit Test をやってみた
Brain Dots at dots. - Brain Dotsのアーキテクチャ -
Brain Dots at dots. - Brain Dotsのアーキテクチャ -
Stupid Video Tricks
Stupid Video Tricks
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
Railsエンジニアが サーバーレスアーキテクチャに 手を出したよ - 川崎Ruby会議01
スタートアップにjoinして1年間の変化を振り返る
スタートアップにjoinして1年間の変化を振り返る
オフライン行動を支えるメール配送管理 at サイタ
オフライン行動を支えるメール配送管理 at サイタ
Semelhante a ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
mock framework for AWS services 第十九回 #渋谷java
LocalStack
LocalStack
chibochibo
Talk 3:「PythonとJavaScriptで作るReactiveなウェブサイト」 山下陽介(株式会社アカリ)
S14 t3 yosuke_yamashita
S14 t3 yosuke_yamashita
Takeshi Akutsu
すでに動いているRailsアプリケーションにReact.jsを実践投入する http://qiita.com/khrtz/items/a43d58cad54af2425ced
The First React on Rails
The First React on Rails
Kohei Ito
2015年GMOペパボ新卒エンジニア研修、Webオペレーション研修イントロダクションの資料 * http://www.slideshare.net/hifumis/20150608-thetaoofpepaboengineer-49152106 * http://www.slideshare.net/hifumis/20150609-webdevelopmenttraining * http://www.slideshare.net/hifumis/20150706-weboperationtraining * http://blog.hifumi.info/2015/06/14/pepabo-engineer-training-2015/ * http://blog.hifumi.info/2015/07/20/pepabo-web-operation-training-2015/
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
Takahiro Okumura
2016/10/22(土) JAWS Festa 東海道で話した資料です。
サーバーレスの話
サーバーレスの話
真吾 吉田
Apex開発とテストの生産性を高めるツールであるApex Test Plusの紹介
Apex Test Plusの紹介
Apex Test Plusの紹介
Yuichiro Ebihara
jsCafe vol.8 LT
Angular js or_backbonejs
Angular js or_backbonejs
Omasa Yusaku
v-kansai#4 の登壇資料です
VueとAWSAppSyncで始めるチャットアプリ開発
VueとAWSAppSyncで始めるチャットアプリ開発
Ryosuke Izumi
2010/3/6の中心会議の資料
現場開発者視点で答えるWindows Azure
現場開発者視点で答えるWindows Azure
Keiichi Hashimoto
Salesforce Lightning とは何なのかを、実際に触ってみて分かったことや疑問点など。 ■ Agenda ------------------ ・会社紹介、SkyVisualEditorの紹介 ・Lightning とは ・Lightning 開発する上で知っておきたいこと ・開発環境 ・外部JavaScriptライブラリの読み込み ・複数 Lightning コンポーネントで同じJavaScript ライブラリは使える? ・Lightning コンポーネント 間での情報通信 ・Aura と Lightning ・最後に
Salesforce Lightning をやってみてあれこれ
Salesforce Lightning をやってみてあれこれ
寛 吉田
Jenkins ユーザ・カンファレンス 2015 東京で発表した資料です。 概要はこちら > http://build-shokunin.org/juc2015/ セッション詳細はこちら > http://build-shokunin.org/juc2015/sessions/#satta-3 ==== デプロイの自動化やテストの自動化を導入し、継続的インテグレーションを実施されている方々は多いのではないでしょうか。 サーバ構築においても継続的インテグレーションを行う時代です。弊社では2013年にChefを導入、その後Chefでどこまで構築するか、テストはどうやって回すかを試行錯誤しておりました。そこで環境構築を4つのレイヤーに分けそれぞれの役割を決め、これまで複雑化していたサーバ構築から本番稼働までの流れを明確にしました。 今回の発表では、「Infrastructure as a Codeのテスト駆動開発への取り組み」と「Jenkinsの冗長構成などを行って安定稼働させるための仕組み」についてお話します。 ====
Infrastrucure as a CodeにおけるJenkinsの役割
Infrastrucure as a CodeにおけるJenkinsの役割
Takashi Honda
かつて大人気であったMVCパターンに対して、最近のフロントエンド界隈ではすっかりポピュラーになったUIコンポーネント設計。 しかし国内のフロントエンド界隈では、React + Reduxの組み合わせが圧倒的に人気であるように思えます。今回はコンポーネント設計の別手段として、Relay, Horizon そしてElmについてカンタンな比較を行いたいと思います。
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
chuck h
JAWS Festa Kyusyu 2015 というイベントの九州のAWS活用事例セッションで発表しました。 JobAntennaという求人サイトをAWSを使って構築した事例を紹介しています。
クラウドネイティブが行なういまどきWebサービス開発
クラウドネイティブが行なういまどきWebサービス開発
Yuuji Arakaki
WESEEK Tech Conferenceは、株式会社WESEEKが主催するエンジニア向けの勉強会です。 月に2回ほど、WESEEKに所属するエンジニアが様々なテーマで発表を行う予定です。 第10回はシステムエンジニアの大谷さんが登壇! 根強い人気を誇るウェブアプリケーションフレームワークである Ruby on Rails。 そこに UI 構築のための JavaScript ライブラリである Reactを、親和性の高い TypeScript で記述する方法をご紹介します。 実際に利用している知見をもとに、入門者にもわかりやすく解説を行います!
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
WESEEKWESEEK
2015/6/13に開催された「HTML5オールスターズ」での登壇資料です。
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
yoshikawa_t
This is my experience to face the Kubernetes for Japanese developers and operations.
How to face the Kubernetes ?
How to face the Kubernetes ?
Yoshio Terada
2016.8.25 JAWS-UG千葉團でお話した資料です。
今なぜサーバーレスなのか
今なぜサーバーレスなのか
真吾 吉田
X-Tech JAWS#2 @AWS
仮想通貨取引所 bitbank の IaC の導入と実践
仮想通貨取引所 bitbank の IaC の導入と実践
bitbank, Inc. Tokyo, Japan
takusuta tech conf #1 で使用したスライドです。 Riot.jsを使ったweb開発に触れています。
Riot.jsを用いたweb開発 takusuta tech conf #1
Riot.jsを用いたweb開発 takusuta tech conf #1
Keisuke Imai
2016年7月17日に開催された「さくらじまハウス」での講演資料です。
Going Serverless, Building Applications with No Servers
Going Serverless, Building Applications with No Servers
Keisuke Nishitani
Semelhante a ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
(20)
LocalStack
LocalStack
S14 t3 yosuke_yamashita
S14 t3 yosuke_yamashita
The First React on Rails
The First React on Rails
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
サーバーレスの話
サーバーレスの話
Apex Test Plusの紹介
Apex Test Plusの紹介
Angular js or_backbonejs
Angular js or_backbonejs
VueとAWSAppSyncで始めるチャットアプリ開発
VueとAWSAppSyncで始めるチャットアプリ開発
現場開発者視点で答えるWindows Azure
現場開発者視点で答えるWindows Azure
Salesforce Lightning をやってみてあれこれ
Salesforce Lightning をやってみてあれこれ
Infrastrucure as a CodeにおけるJenkinsの役割
Infrastrucure as a CodeにおけるJenkinsの役割
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
クラウドネイティブが行なういまどきWebサービス開発
クラウドネイティブが行なういまどきWebサービス開発
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
How to face the Kubernetes ?
How to face the Kubernetes ?
今なぜサーバーレスなのか
今なぜサーバーレスなのか
仮想通貨取引所 bitbank の IaC の導入と実践
仮想通貨取引所 bitbank の IaC の導入と実践
Riot.jsを用いたweb開発 takusuta tech conf #1
Riot.jsを用いたweb開発 takusuta tech conf #1
Going Serverless, Building Applications with No Servers
Going Serverless, Building Applications with No Servers
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
1.
ReactをRailsとどっぷり使ってみた話と、 フロントエンド AWSのこれから Presented by
BEST10 Inc. 1 2015/11/12 村田佑介
2.
2 自己紹介 BEST10 Inc. CTO
村田佑介 @muratayusuke http://muratayusuke.com 京都大学経済学部 ↓ 楽天の人事(新卒採用) ↓ 楽天のエンジニア ↓ BEST10株式会社CTO 略歴
3.
3 自己紹介 スタンディングデスク派
4.
4 行きつけグルメアプリ BEST10
5.
5 MagicMovie for Instagram
6.
6 旅行系サービス ?
7.
7 旅行系サービス •React •Rails •Coffeescript •Jade •Browserify •Gulp
8.
8 React •これなに? A JAVASCRIPT LIBRARY
FOR BUILDING USER INTERFACES → View用のjavascriptライブラリ https://facebook.github.io/react/
9.
9 React導入の経緯 •JSで細かいことし出すとjQueryがどんどんしんどくなる •サーバー構築秘伝のタレ→chefと同じように、jQueryでゴリゴ リ操作→Reactに変えることで状態を管理することなく宣言的に DOMが作れる! →大きめのJSのメンテがしやすくなりそう! ※参考:伊藤直也氏が語る、モダンなWebテクノロジーに共通する傾向とは? http://www.publickey1.jp/blog/15/qcon_tokyo_2015_1.html
10.
10 React導入にあたって考えたこと •バックエンド(Rails)とモノリシックに作る?ソース分ける? •React部分的に使う?まるっと使っちゃう? •flux使う? •asset pipelineはどこまで使う? •サーバーサイドレンダリングどうする?
11.
11 React導入にあたって考えたこと •バックエンド(Rails)とモノリシックに作る?ソース分ける? → デプロイめんどいし、どうせバックエンドと連動するのでソー スもコミットも一緒にしよう。どうしても分けたくなったら考え よう。
12.
12 React導入にあたって考えたこと •React部分的に使う?まるっと使っちゃう? → 部分的に始めて後から拡張すんのめんどそうやから最初から まるっとReactで書いちゃおう。テンプレートはjsx気持ち悪い からjadeでがんばってみよう。 ※参考:React.jsをCoffeeScriptとjadeで書く https://uzimith.github.io/2015/02/13/react-jade-coffee/
13.
13 React導入にあたって考えたこと •flux使う? → とりあえず使ってみよう。 → やっぱstoreとかdispatcherとかいちいちファイル増やすの めんどい。flux使わずに1ページ1ファイルでsetStateでがんばっ てみよう。storeとかactionとか分けたくなったら考えよう。 ※参考:React.jsとFlux http://qiita.com/koba04/items/b32ba449d753fdb2b597
14.
14 React導入にあたって考えたこと •asset pipelineはどこまで使う?componentのファイル達は全 部application.jsで結合しちゃう?それともgulpでビルドしたファ イルだけapplication.jsに書く? → gulp全然慣れてないしとりあえずまるっとapplication.jsで つないじゃおう。 → やっぱり他のnpmモジュール使い出すとこんがらがってくる からgulpでビルドした1ファイルだけapplication.jsに書こう。
15.
15 React導入にあたって考えたこと •サーバーサイドレンダリングどうする? → react-railsでサーバーサイドもreactで描画しよう。 ※参考:react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高 になった http://qiita.com/mizchi/items/c34c3ff88d73a7bd2c88
16.
16 React周りの構成 routes.rb controller view(.haml) リクエスト Rails component(.coffee) template(.jade) React = react_component('T.Home', {},
prerender: true)
17.
17 フロントエンド AWSの今後 http://www.slideshare.net/keisuke69/ss-52562743
18.
フロントエンド AWSの今後 http://www.slideshare.net/keisuke69/ss-52562743 18
19.
フロントエンド AWSの今後 •サーバーサイドレンダリングって必要? •Google botにクロールしてもらう必要ある? → 必要ないならサーバーサイドレンダリングいらない •というかGoogle
botはもうJS実行した状態で動いてる? → もしそうならサーバーサイドレンダリングいらない → サーバーサイドレンダリングいらなければ、サーバーレスアー キテクチャーありかも 19
20.
20 Contact BEST10 Inc. CTO
村田佑介 @muratayusuke http://muratayusuke.com
Baixar agora