Enviar pesquisa
Carregar
AngularJSからReactに移ったケースの話
•
1 gostou
•
1,498 visualizações
kumatch kumatch
Seguir
AngularJSからReactに変えた昔話。
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 31
Baixar agora
Baixar para ler offline
Recomendados
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
AngularJS 概説
AngularJS 概説
Kenichi Kanai
Angular1&2
Angular1&2
Kenichi Kanai
angular1脳で見るangular2
angular1脳で見るangular2
Moriyuki Arakawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
Angular2
Angular2
Kenichi Kanai
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
Recomendados
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
AngularJS 概説
AngularJS 概説
Kenichi Kanai
Angular1&2
Angular1&2
Kenichi Kanai
angular1脳で見るangular2
angular1脳で見るangular2
Moriyuki Arakawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
Angular2
Angular2
Kenichi Kanai
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
Directiveで実現できたこと
Directiveで実現できたこと
Kon Yuichi
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
Angular js開発事例
Angular js開発事例
Shun Takeyama
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
React.js + Flux
React.js + Flux
dsuke Takaoka
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
Shumpei Shiraishi
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
Alt01-LT
Alt01-LT
Yuta Hiroto
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
AngularJSについて
AngularJSについて
昌生 高橋
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
Selenium2(web driver) ide編
Selenium2(web driver) ide編
Tetsuya Hasegawa
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Ryo Iinuma
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
Kazuki Tsutsumi
Mais conteúdo relacionado
Mais procurados
Directiveで実現できたこと
Directiveで実現できたこと
Kon Yuichi
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
Angular js開発事例
Angular js開発事例
Shun Takeyama
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
React.js + Flux
React.js + Flux
dsuke Takaoka
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
Shumpei Shiraishi
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
Alt01-LT
Alt01-LT
Yuta Hiroto
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
AngularJSについて
AngularJSについて
昌生 高橋
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
Selenium2(web driver) ide編
Selenium2(web driver) ide編
Tetsuya Hasegawa
Mais procurados
(20)
Directiveで実現できたこと
Directiveで実現できたこと
俺とAngular JS 2
俺とAngular JS 2
Flux react現状確認会
Flux react現状確認会
React を導入したフロントエンド開発
React を導入したフロントエンド開発
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Angular2実践入門
Angular2実践入門
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Angular js開発事例
Angular js開発事例
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
React.js + Flux
React.js + Flux
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Angular js はまりどころ
Angular js はまりどころ
Alt01-LT
Alt01-LT
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
One-time Binding & $digest
One-time Binding & $digest
AngularJSについて
AngularJSについて
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Selenium2(web driver) ide編
Selenium2(web driver) ide編
Semelhante a AngularJSからReactに移ったケースの話
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Ryo Iinuma
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
Kazuki Tsutsumi
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
pinmarch_t Tada
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門
西畑 一馬
テスト
テスト
Masashi Sato
React + Flux
React + Flux
_yukikayuki
Nulabとawsと私
Nulabとawsと私
ikikko
Javaのカルチャーとグロース - MANABIYA 2018
Javaのカルチャーとグロース - MANABIYA 2018
Yusuke Suzuki
多分モダンなWebアプリ開発
多分モダンなWebアプリ開発
tak-nakamura
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
Yusuke Suzuki
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Akira Inoue
Our Track to Modern Angular
Our Track to Modern Angular
Yuta Shimizu
Javaにおけるモジュラリティ元年
Javaにおけるモジュラリティ元年
Hiroki Kondo
React Nativeでお絵描きしてみた
React Nativeでお絵描きしてみた
kazuki matsumura
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
kazuki matsumura
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
Intoroduction to React.js
Intoroduction to React.js
Yuto Matsukubo
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
Kazuhiro Yoshimoto
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
Y Watanabe
Semelhante a AngularJSからReactに移ったケースの話
(20)
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門
テスト
テスト
React + Flux
React + Flux
Nulabとawsと私
Nulabとawsと私
Javaのカルチャーとグロース - MANABIYA 2018
Javaのカルチャーとグロース - MANABIYA 2018
多分モダンなWebアプリ開発
多分モダンなWebアプリ開発
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Our Track to Modern Angular
Our Track to Modern Angular
Javaにおけるモジュラリティ元年
Javaにおけるモジュラリティ元年
React Nativeでお絵描きしてみた
React Nativeでお絵描きしてみた
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
Intoroduction to React.js
Intoroduction to React.js
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
Mais de kumatch kumatch
Node platforms
Node platforms
kumatch kumatch
Nodeを稼働させる
Nodeを稼働させる
kumatch kumatch
Node.js patterns of module export / require
Node.js patterns of module export / require
kumatch kumatch
Node.js Error & Debug Leveling
Node.js Error & Debug Leveling
kumatch kumatch
Learning a node stream
Learning a node stream
kumatch kumatch
[Node] Multiprocessing and runs continuously
[Node] Multiprocessing and runs continuously
kumatch kumatch
PHPカンファレンス関西2011/スマートフォン時代のWebシステム
PHPカンファレンス関西2011/スマートフォン時代のWebシステム
kumatch kumatch
Mais de kumatch kumatch
(7)
Node platforms
Node platforms
Nodeを稼働させる
Nodeを稼働させる
Node.js patterns of module export / require
Node.js patterns of module export / require
Node.js Error & Debug Leveling
Node.js Error & Debug Leveling
Learning a node stream
Learning a node stream
[Node] Multiprocessing and runs continuously
[Node] Multiprocessing and runs continuously
PHPカンファレンス関西2011/スマートフォン時代のWebシステム
PHPカンファレンス関西2011/スマートフォン時代のWebシステム
Último
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Último
(12)
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
AngularJSからReactに移ったケースの話
1.
AngularJSからReactに 移ったケースの話 2015-08-30 Yosuke Kumakura
2.
Yosuke Kumakura (kumatch) https://twitter.com/kumatch https://github.com/kumatch
3.
4.
Agenda • 自分がフロントエンド JS
フレームワークを AngularJS から React に移した背景を紹介 • 思い出(昔話)を語ります • 記憶の(都合よい)改変があるかも • 当時と今はまた状況が変わってます
5.
サーバサイドがメイン • Web アプリケーション
& インフラエンジニア • JavaScript はついでにやる程度だった • jQuery でなんかやるくらい
6.
∼ 2013年
7.
8.
9.
10.
Data binding
11.
Directive (Component)
12.
Dependency Injection (DI) 機能面とその実装方法
13.
サーバサイドがメイン (2回目) • Web
アプリケーション & インフラエンジニア • JavaScript は で使っている
14.
• かなり優れた eco
system • JS 開発環境 • concat, minify, compile • browserify &
15.
は Node.js 普及前の成果物 • 当時の
AngularJS (1.2 直後) は CommonJS module 体制ではなかった • ライブラリも当然ながら非 CommonJS • ツールだけは Node.js を有効活用していた (ex. Testacular - 現 Karma)
16.
17.
• bower のみ •
AngularJS 公式ではないものは一応あった は CommonJS module じゃなので による配布はされていなかった
18.
package.json を持っていない GitHub
JS コードを npm_modules 以下へ持ってくるツールを使う require(“angular/angular”); Browserify によってコードがバンドルされる
19.
angular.module(“myApp.services”, []). value(“version”, 0.1). service(“echoHello”,
[ “version”, function (version) { return function () { console.log(“hello, “ + version); }; }]); module.exports = function (version) { return function () { console.log(“hello, ” + version); }; };
20.
Node.js 利用者から見ると微妙に マッチしていない JavaScript
実装体制 できなくはないが 無理やりフィットさせている。
21.
2014年 ∼
22.
React
23.
Node.js 以後の世界 npm modules
は資産 React
24.
Component 関心事の集約 (見た目 & 振る舞い) React
25.
One way data
flow Simple (not Easy) React
26.
現在とこれから
27.
CommonJS modules 化 すべて
npm で導入可能
28.
の登場 実行環境こそは Node.js だけども これまでのフロントエンド開発のノウハウを集約 (めっちゃ頑張ってる)
29.
Node.js 以後の世界
30.
まとめ • AngularJS はそこまで嫌いでもなかった •
自分にとってフィットしてなかっただけ (環境、時代) • 状況はまた一刻と変わってます 好みで選びましょう
31.
Question ? ( for
) React
Baixar agora