Submit Search
Upload
React Redux Redux-Saga + サーバサイドレンダリング
•
11 likes
•
17,006 views
エンジニア勉強会 エスキュービズム
Follow
React/Redux/Redux-Saga+サーバサイドレンダリング
Read less
Read more
Technology
Report
Share
Report
Share
1 of 42
Download now
Download to read offline
Recommended
SPAとSSR、現実解について考えてみる Okachi.jsでの発表資料です
React系(別言語含む)の サーバーサイドレンダリング について考えよう
React系(別言語含む)の サーバーサイドレンダリング について考えよう
Kazuhiro Hara
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
Shohei Saeki
フロントエンド勉強会01資料
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
ARCANA Meetup #23 の「React + FLUX + Redux + Redux Saga のお話」 のスライドです。 http://www.s-arcana.co.jp/blog/2017/04/06/3627
React + FLUX + Redux + Redux Saga のお話
React + FLUX + Redux + Redux Saga のお話
Shinichiro Yoshida
フレームワークを利用したシングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
2017.05.27 の 初夏の JavaScript 祭 in mixi でお話した時のスライドです。
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Yutaro Miyazaki
Azure container serviceの検証
Azure container service上でコンテナベースでオートスケールの検証をしてみた
Azure container service上でコンテナベースでオートスケールの検証をしてみた
エンジニア勉強会 エスキュービズム
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Recommended
SPAとSSR、現実解について考えてみる Okachi.jsでの発表資料です
React系(別言語含む)の サーバーサイドレンダリング について考えよう
React系(別言語含む)の サーバーサイドレンダリング について考えよう
Kazuhiro Hara
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
React.js + Reduxで作るSPA
Shohei Saeki
フロントエンド勉強会01資料
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
ARCANA Meetup #23 の「React + FLUX + Redux + Redux Saga のお話」 のスライドです。 http://www.s-arcana.co.jp/blog/2017/04/06/3627
React + FLUX + Redux + Redux Saga のお話
React + FLUX + Redux + Redux Saga のお話
Shinichiro Yoshida
フレームワークを利用したシングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
2017.05.27 の 初夏の JavaScript 祭 in mixi でお話した時のスライドです。
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Yutaro Miyazaki
Azure container serviceの検証
Azure container service上でコンテナベースでオートスケールの検証をしてみた
Azure container service上でコンテナベースでオートスケールの検証をしてみた
エンジニア勉強会 エスキュービズム
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
最近はやりのjQuery Hateの謎に迫る! (というか、これであってるのか教えてほしいという発表)
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
ng-japan 2015/03/21
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
KC3 2015にて発表したスライドです。 written by @spring_raining
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
東京Node学園祭2015 http://nodefest.jp/2015/#!/schedule
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
kidach1
ビズリーチ D3 フロントエンド技術勉強会
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
Kazuhiro Yoshimoto
AWS Startup Tech Meetup #008 発表資料
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
https://d-cube.connpass.com/event/49935/ 2017/2/9実施
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Kazuhiro Yoshimoto
React.jsアプリケーションにおける、GoogleAnalyticsの組み込みについて ・react-ga等のコンポーネントを利用するより、従来の組み込み方法の方が柔軟 ・pageviewをsendするポイントはreact-router-reduxのlistenerより、react-routerのonEnterフックを利用した方がGAのレポートがうまく出せる
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
Kazuhiro Yoshimoto
2016/7/22の勉強会資料
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
2016.08.25 ヒカラボ「React/Redux勉強会」で使用した資料です。 https://career.levtech.jp/hikalab/event/detail/59/
React Native 入門
React Native 入門
Seiichi Okumiya
Clojure ScriptのSPAフレームワークRe-frameと、WebVRのフレームワークA-Frameのお話
Re-frame and A-Frame
Re-frame and A-Frame
Kazuhiro Hara
isomorphic tokyo meetupで発表した資料です
Isomorphic web development with scala and scala.js
Isomorphic web development with scala and scala.js
TanUkkii
(だいたい)新卒エンジニア向け技術交流会 vol.3 での発表内容です
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Yuki Ishikawa
東京Node学園祭2013 での発表資料です。
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
2015-02-17に行われた社内勉強会の内容です。
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
D3 フロントエンド技術勉強会 2016.1.22 - 1年間まじめにSPA開発やってきた経験について - その中で、ぶつかった課題と対策 - SPA開発の全体像 - Web/JS界隈の激しい変化の波に溺れないためのTips - AngularJS と SPA の設計について - TypeScript と ES6 - Gulp タスク
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Frontend Meetup vol.1 - SPAを語り尽くす会! LT 2016/09/16
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Takehiro Takahashi
A potential of AI in retail.
小売りにおけるAIの可能性
小売りにおけるAIの可能性
エンジニア勉強会 エスキュービズム
エスキュービズム新技術発表資料はこちら https://speakerdeck.com/scubism
エスキュービズム新技術発表資料
エスキュービズム新技術発表資料
エンジニア勉強会 エスキュービズム
More Related Content
What's hot
最近はやりのjQuery Hateの謎に迫る! (というか、これであってるのか教えてほしいという発表)
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
ng-japan 2015/03/21
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
KC3 2015にて発表したスライドです。 written by @spring_raining
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
東京Node学園祭2015 http://nodefest.jp/2015/#!/schedule
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
kidach1
ビズリーチ D3 フロントエンド技術勉強会
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
Kazuhiro Yoshimoto
AWS Startup Tech Meetup #008 発表資料
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
https://d-cube.connpass.com/event/49935/ 2017/2/9実施
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Kazuhiro Yoshimoto
React.jsアプリケーションにおける、GoogleAnalyticsの組み込みについて ・react-ga等のコンポーネントを利用するより、従来の組み込み方法の方が柔軟 ・pageviewをsendするポイントはreact-router-reduxのlistenerより、react-routerのonEnterフックを利用した方がGAのレポートがうまく出せる
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
Kazuhiro Yoshimoto
2016/7/22の勉強会資料
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
2016.08.25 ヒカラボ「React/Redux勉強会」で使用した資料です。 https://career.levtech.jp/hikalab/event/detail/59/
React Native 入門
React Native 入門
Seiichi Okumiya
Clojure ScriptのSPAフレームワークRe-frameと、WebVRのフレームワークA-Frameのお話
Re-frame and A-Frame
Re-frame and A-Frame
Kazuhiro Hara
isomorphic tokyo meetupで発表した資料です
Isomorphic web development with scala and scala.js
Isomorphic web development with scala and scala.js
TanUkkii
(だいたい)新卒エンジニア向け技術交流会 vol.3 での発表内容です
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Yuki Ishikawa
東京Node学園祭2013 での発表資料です。
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
2015-02-17に行われた社内勉強会の内容です。
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
D3 フロントエンド技術勉強会 2016.1.22 - 1年間まじめにSPA開発やってきた経験について - その中で、ぶつかった課題と対策 - SPA開発の全体像 - Web/JS界隈の激しい変化の波に溺れないためのTips - AngularJS と SPA の設計について - TypeScript と ES6 - Gulp タスク
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Frontend Meetup vol.1 - SPAを語り尽くす会! LT 2016/09/16
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Takehiro Takahashi
What's hot
(20)
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
One Time Binding & Digest Loop
One Time Binding & Digest Loop
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
大規模Node.jsを支える ロードバランスとオートスケールの独自実装
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
20160927 reactmeetup
20160927 reactmeetup
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
JavaScript(AngularJS)で作る iOS・Androidアプリ開発ハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Flux react現状確認会
Flux react現状確認会
React Native 入門
React Native 入門
Re-frame and A-Frame
Re-frame and A-Frame
Isomorphic web development with scala and scala.js
Isomorphic web development with scala and scala.js
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Viewers also liked
A potential of AI in retail.
小売りにおけるAIの可能性
小売りにおけるAIの可能性
エンジニア勉強会 エスキュービズム
エスキュービズム新技術発表資料はこちら https://speakerdeck.com/scubism
エスキュービズム新技術発表資料
エスキュービズム新技術発表資料
エンジニア勉強会 エスキュービズム
ソフトウェア信頼性の確保と向上には、ソフトウェア開発に関わる固有技術に加えて、組織的かつ継続的なプロセス改善が必要です。そのようなプロセス改善を実践する一つの鍵は「事実に基づく管理」です。ソフトウェア品質データを分析して「事実」を把握し、これに基づいて品質目標とその達成方法を計画し、達成状況をデータで確認し、プロセス改善などの適切な処置をするというPDCAサイクルの実践が必要であり、その原動力が品質データ分析です。本講演では、組織的改善に結びつくソフトウェア品質データ分析の具体例を紹介します。本講演の内容が組織的改善を促し、信頼性の高いソフトウェアを継続的に開発できる組織能力の涵養につながれば幸いです。 http://www.ipa.go.jp/sec/events/20140204.html
「ソフトウェア品質データ分析を通じた組織的改善の促進」ソフトウエアジャパン2014「ITフォーラムセッション」IPA/SEC データの分析に基づくシステム...
「ソフトウェア品質データ分析を通じた組織的改善の促進」ソフトウエアジャパン2014「ITフォーラムセッション」IPA/SEC データの分析に基づくシステム...
Makoto Nonaka
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
Makoto Nonaka
はじめての品質
はじめての品質
はじめての品質
エンジニア勉強会 エスキュービズム
プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました. 多分これがslideshare内で一番役に立つと思います. スライドの作り方を学んだことがない方、参考にどうぞ! 2016.01.22 書籍発売 好評につき重版決定!! http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード! 【連絡先等】 Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
問題はパワポではなく、プレゼンターです。 http://www.slideshare.net/jessedee/you-suck-at-powerpoint-2 の英語版から翻訳致しました。
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
Viewers also liked
(7)
小売りにおけるAIの可能性
小売りにおけるAIの可能性
エスキュービズム新技術発表資料
エスキュービズム新技術発表資料
「ソフトウェア品質データ分析を通じた組織的改善の促進」ソフトウエアジャパン2014「ITフォーラムセッション」IPA/SEC データの分析に基づくシステム...
「ソフトウェア品質データ分析を通じた組織的改善の促進」ソフトウエアジャパン2014「ITフォーラムセッション」IPA/SEC データの分析に基づくシステム...
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
はじめての品質
はじめての品質
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
Similar to React Redux Redux-Saga + サーバサイドレンダリング
2018/05/25のNextremer Tech Meetup@高知で発表した資料です。 ほぼReact + Reduxのプロジェクト構成の説明です。
React + Reduxで作る対話AI
React + Reduxで作る対話AI
Kentaro Tada
HTML 版: http://alprosys.com/es6/js_tips_2015.html 主に ECMAScript 6 と altJS の話
JavaScript Tips 2015(PDF 版)
JavaScript Tips 2015(PDF 版)
taskie
2011年9月24日に大阪にて開催された「第2回 HTML5など勉強会(仮)」で発表したときに使ったプレゼン資料です。
SocketStream入門
SocketStream入門
Kohei Kadowaki
https://atnd.org/events/82659
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
かつて大人気であったMVCパターンに対して、最近のフロントエンド界隈ではすっかりポピュラーになったUIコンポーネント設計。 しかし国内のフロントエンド界隈では、React + Reduxの組み合わせが圧倒的に人気であるように思えます。今回はコンポーネント設計の別手段として、Relay, Horizon そしてElmについてカンタンな比較を行いたいと思います。
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
chuck h
Groovyコンファレンス
Groovyコンファレンス
Shinichiro Takezaki
RejectKaigi2017 at speee
普通のRailsアプリをdockerで本番運用する知見
普通のRailsアプリをdockerで本番運用する知見
zaru sakuraba
公開日 2018年12月14日 「React.jsでサービスを作ってみた話」を公開 ※ 株式会社GIGでは毎月社内勉強会を実施しています GIG inc. Good is good. We provide opportunities to the SEKAI by fusing technology and ideas. テクノロジーとクリエイティブでセカイをより良くする。小さなチームからスタートした多くの先人達が、世界をより豊かなモノに変革してきました。通信、UX、デバイス、技術の変化と共に世界はまだまだ加速度的に変わります。 Good is good. いいものはいい。GIGは、関わったユーザーやクライアントが前に進める“きっかけ”をつくりつづけます。 ■ お問い合せ https://giginc.co.jp/contact/
React.jsでサービスを作ってみた話
React.jsでサービスを作ってみた話
GIG inc.
javascript を Xcode でテストするお話
javascript を Xcode でテスト
javascript を Xcode でテスト
Yoichiro Sakurai
2014.7.5 夏のJAWS-UG三都物語 2014 Trac4 Node.js Osaka コミュニティ
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
kamiyam .
新卒入社3年目のエンジニア集団。それぞれが広告関連システム、ビデオ関連サービス、地図関連サービスの開発に関わる傍ら、Node.js、MongoDB、HTML5を組み合わせたブラウザ上で動作する社内用メッセンジャーツールを開発や、WebSocketを使った実験的地図サービスの開発をおこなっている。これらを実験場として、ブラウザの最新仕様やNode.jsのノウハウをヤフー社内に普及・啓蒙中。
Node.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャー
Yahoo!デベロッパーネットワーク
「12th Knock!」 第12回Knock! Knock! 勉強会(2013年 2月 7日、B-nest静岡市産学交流センターにて) レスポンシブWebデザイン【基礎編】は下記URLです http://www.slideshare.net/yabecchy/12th-knock-yaberwd1
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
勉強会資料
Intoroduction to React.js
Intoroduction to React.js
Yuto Matsukubo
mvcConf @:Japan ~ ASP.NET MVC ブートキャンプ ~ の資料です
Mvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
Create android app can send SMS and Email by React Natice
Create android app can send SMS and Email by React Natice
Create android app can send SMS and Email by React Natice
GMO-Z.com Vietnam Lab Center
for Ruby Maizuru
react_rails
react_rails
Shigeru Kondoh
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
React と Web API の簡単な紹介
REACT & WEB API
REACT & WEB API
Shigeru Kondoh
本来JavaScriptにコンパイルなどのビルドは必須ではありませんが、 いまどきのJavaScriptアプリではビルドが重要です。 代謝の激しいフロントエンドを反映し、JSビルドの世界も盛り上がっています。 このチャートはビルドの現状を追うことでJSの現状をとらえることを目的にしています。
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
Kondo Hitoshi
Web制作勉強会第二回の資料 jQuery入門です。
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Similar to React Redux Redux-Saga + サーバサイドレンダリング
(20)
React + Reduxで作る対話AI
React + Reduxで作る対話AI
JavaScript Tips 2015(PDF 版)
JavaScript Tips 2015(PDF 版)
SocketStream入門
SocketStream入門
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
Groovyコンファレンス
Groovyコンファレンス
普通のRailsアプリをdockerで本番運用する知見
普通のRailsアプリをdockerで本番運用する知見
React.jsでサービスを作ってみた話
React.jsでサービスを作ってみた話
javascript を Xcode でテスト
javascript を Xcode でテスト
Node.jsで始める Modern JavaScript Framework
Node.jsで始める Modern JavaScript Framework
Node.jsでブラウザメッセンジャー
Node.jsでブラウザメッセンジャー
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Intoroduction to React.js
Intoroduction to React.js
Mvc conf session_5_isami
Mvc conf session_5_isami
Create android app can send SMS and Email by React Natice
Create android app can send SMS and Email by React Natice
react_rails
react_rails
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
REACT & WEB API
REACT & WEB API
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
Web制作勉強会 #2
Web制作勉強会 #2
More from エンジニア勉強会 エスキュービズム
Go言語によるWebアプリケーション開発
Go言語によるWebアプリケーション開発
Go言語によるWebアプリケーション開発
エンジニア勉強会 エスキュービズム
機械学習ライブラリ : TensorFlow
機械学習ライブラリ : TensorFlow
機械学習ライブラリ : TensorFlow
エンジニア勉強会 エスキュービズム
Developer Summit 2016 参加してきました。
Developer Summit 2016 参加してきました。
Developer Summit 2016 参加してきました。
エンジニア勉強会 エスキュービズム
ほんのりTDD
ほんのりTDD
ほんのりTDD
エンジニア勉強会 エスキュービズム
IoTで何をやったか
IoTで何をやったか
IoTで何をやったか
エンジニア勉強会 エスキュービズム
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
エンジニア勉強会 エスキュービズム
Dockerを用いたマイクロサービスについて
Dockerを用いたマイクロサービスについて
Dockerを用いたマイクロサービスについて
エンジニア勉強会 エスキュービズム
VRのコンテンツ
VRのコンテンツ
VRのコンテンツ
エンジニア勉強会 エスキュービズム
Azureで動いている機械学習のいろいろについて
Azureで動いている機械学習のいろいろについて
Azureで動いている機械学習のいろいろについて
エンジニア勉強会 エスキュービズム
レイアウトについて
レイアウトについて
レイアウトについて
エンジニア勉強会 エスキュービズム
アルゴリズムとデータ構造(初歩)
アルゴリズムとデータ構造(初歩)
アルゴリズムとデータ構造(初歩)
エンジニア勉強会 エスキュービズム
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
エンジニア勉強会 エスキュービズム
IoTのIを考えてみる話
IoTのIを考えてみる話
IoTのIを考えてみる話
エンジニア勉強会 エスキュービズム
AzureのIaaSとかの話
AzureのIaaSとかの話
AzureのIaaSとかの話
エンジニア勉強会 エスキュービズム
About Quality
【エンジニア勉強会】品質ってなんなのさ
【エンジニア勉強会】品質ってなんなのさ
エンジニア勉強会 エスキュービズム
About project management
【エンジニア勉強会】PMやってみた
【エンジニア勉強会】PMやってみた
エンジニア勉強会 エスキュービズム
Dockerを社内で使うために
Dockerを社内で使うために
Dockerを社内で使うために
エンジニア勉強会 エスキュービズム
riot
Riot.jsに触れてみた話
Riot.jsに触れてみた話
エンジニア勉強会 エスキュービズム
Go言語オーバービュー
Go言語オーバービュー201507
Go言語オーバービュー201507
エンジニア勉強会 エスキュービズム
Winストアアプリでble接続
Winストアアプリでble接続
エンジニア勉強会 エスキュービズム
More from エンジニア勉強会 エスキュービズム
(20)
Go言語によるWebアプリケーション開発
Go言語によるWebアプリケーション開発
機械学習ライブラリ : TensorFlow
機械学習ライブラリ : TensorFlow
Developer Summit 2016 参加してきました。
Developer Summit 2016 参加してきました。
ほんのりTDD
ほんのりTDD
IoTで何をやったか
IoTで何をやったか
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
Dockerを用いたマイクロサービスについて
Dockerを用いたマイクロサービスについて
VRのコンテンツ
VRのコンテンツ
Azureで動いている機械学習のいろいろについて
Azureで動いている機械学習のいろいろについて
レイアウトについて
レイアウトについて
アルゴリズムとデータ構造(初歩)
アルゴリズムとデータ構造(初歩)
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
IoTのIを考えてみる話
IoTのIを考えてみる話
AzureのIaaSとかの話
AzureのIaaSとかの話
【エンジニア勉強会】品質ってなんなのさ
【エンジニア勉強会】品質ってなんなのさ
【エンジニア勉強会】PMやってみた
【エンジニア勉強会】PMやってみた
Dockerを社内で使うために
Dockerを社内で使うために
Riot.jsに触れてみた話
Riot.jsに触れてみた話
Go言語オーバービュー201507
Go言語オーバービュー201507
Winストアアプリでble接続
Winストアアプリでble接続
Recently uploaded
Key topics covered: - Understanding Ballerina's role in integrations: features and advantages - Designing and implementing REST APIs for integration - Designing and implementing GraphQL services with Ballerina - Monitoring and observing applications - Introduction to data integration
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20Lカタログ
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Syed Talal Wasim, Muzammal Naseer, Salman Khan, Ming-Hsuan Yang, Fahad Shahbaz Khan , "Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Grounding" arXiv2024 https://arxiv.org/abs/2401.00901v2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
This is an introduction to MAPPO's paper.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
2024年5月8日 Power Platform 勉強会 #1 LT資料
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Jue Wang, Wentao Zhu, Pichao Wang, Xiang Yu, Linda Liu, Mohamed Omar, Raffay Hamid, " Selective Structured State-Spaces for Long-Form Video Understanding" CVPR2023 https://openaccess.thecvf.com/content/CVPR2023/html/Wang_Selective_Structured_State-Spaces_for_Long-Form_Video_Understanding_CVPR_2023_paper.html
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Recently uploaded
(10)
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
React Redux Redux-Saga + サーバサイドレンダリング
1.
0 React/Redux/Redux-Saga +サーバーサイドレンダリング エスキュービズム・テクノロジー Jun 17,2016 S-cubism Technology
Inc.
2.
私のJavaScript遍歴(フレームワーク) 1 Prototype.js jQuery素 Backbone.js
Knockout.js 1年のブランク React Redux Redux-Saga 時代は変わっていた!
3.
私のJavaScript遍歴(文法) CoffeeScript ES5素 ES6
ES7
4.
https://facebook.github.io/react/
5.
古き良きWEBシステム URL HTML サーバー ブラウザ HTMLから”DOMツリー”を構築 (DOM:Document Object
Model)
6.
ブラウザでの動的な処理 #1 #2 #3 #4 #5 jQuery(“#2”).after(jQuery(“#5”)) 複数の操作が同時に発生したら? ↓ DOMの状態管理が難しかった DOM
7.
手続き的から宣言的な処理へ #1 #2 #3 #4 #1 #2 #5 #3 #4 state = [1,
2, 3, 4] state = [1, 2, 5, 3, 4] こうあるべきを定義 あとはよしなに DOMを構築してくれる DOM DOM
8.
仮想DOMによる変更検知 #1 #2 #3 #4 #1 #2 #5 #3 #4 state = [1,
2, 3, 4] state = [1, 2, 5, 3, 4] 仮想DOM 仮想DOM 仮想DOMを構築し、 変更箇所を検知 ↓ 変更箇所だけ 本来のDOMに反映
9.
Reactの文法(ES6版)
10.
コンポーネントからDOMを構築 http://code.tutsplus.com/tutorials/intro-to-the-react-framework--net-35660 ReactDOM.render 仮想DOMを経由
11.
データフロー http://code.tutsplus.com/tutorials/intro-to-the-react-framework--net-35660 props props props props
12.
コンポーネントのライフサイクル props state 親コンポーネントから 与えられるデータ 内部で持つ状態 Mounted Update Unmounted setState() setProp() props, stateの変更を検知して描画 render()
13.
Reactのコンパイル http://www.pro-react.com/materials/appendixA/ 汎用ビルドツール JS用コンパイラ
14.
https://github.com/reactjs/redux
15.
コンポーネント間で直接やり取り? https://css-tricks.com/learning-react-redux/
16.
MVC? https://www.codementor.io/reactjs/tutorial/intro-to-react-redux-pros モデルの変更がどのビューに影響を与えるか予測が難しい
17.
https://css-tricks.com/learning-react-redux/ Reduxのデータフロー
18.
Reduxの全体像 http://chentsulin.github.io/redux-intro/
19.
タイマーの実装例 http://jaysoo.ca/2016/01/03/managing-processes-in-redux-using-sagas/
20.
アクションの定義 actions.js http://jaysoo.ca/2016/01/03/managing-processes-in-redux-using-sagas/
21.
Reducerの実装 reducers.js stateは直接編集せず コピーして編集する
22.
状態遷移図で表すと・・ http://jaysoo.ca/2016/01/03/managing-processes-in-redux- using-sagas/
23.
Reactコンポーネントの実装
24.
Dispatch timer.js タイマー スタート 描画 Subscribe
25.
ミドルウェア loggerミドルウェアを使えば、 以下のようなログを出力できる http://chentsulin.github.io/redux-intro/
26.
Redux-Saga
27.
非同期のアクション http://andrewhfarmer.com/react-ajax-best-practices/ Tick
28.
タイマーコンポーネント 状態遷移が伝わるまでに遅延がある timer.js ビューの中に非同期処理が入り混じる
29.
Redux-thunk ミドルウェア 一つのアクションの中で 非同期処理を記述 タイマーはアクションの 直後にスタート actions.js 非同期処理の起点となる アクションが肥大化する
30.
Redux-Sagaミドルウェア
31.
STARTアクションが 発生するまで 処理は止まる Generator 1秒待って、状態を参照 sagas.js
32.
責務の分離 Reducerの責務 → アクションに対する状態遷移 Sagaの責務
→ 複雑非同期な処理の指揮
33.
もう少し複雑な例 http://yelouafi.github.io/redux-saga/docs/advanced/NonBlockingCalls.html
34.
authorizeを参照 (forkはノンブロッキング) 認証リクエスト処理 の切り出し
35.
補足:async/awaitとの違い http://wecodetheweb.com/2016/01/23/handling-async-in-redux-with-sagas/ ES7でasync/awaitが提案されているが・・ ここのfetchは実行されてしまう redux-sagaではfetchの命令を待つことができる
36.
サーバーサイドレンダリング
37.
JSアプリのSEO問題 http://www.theseotailor.com.au/beginner-seo/introduction-to-seo/
38.
サーバーサイドの処理フロー リクエストを 受け取る Reduxストア の初期化 ユニバーサルな ルーティング Redux-Saga の起動 ユニバーサルな フェッチ Reactコンポーネント の文字列化 Reduxストア の文字列化 レスポンスを 返す (React-Router) (Redial)
39.
Redialを用いたユニバーサルなフェッチ
40.
サーバサイドとクライアントサイド両方で、 以下のようにtriggerを実行する
41.
サンプルプロダクトの紹介 https://github.com/scubism/todo_center
42.
以上です
Download now