Enviar pesquisa
Carregar
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
•
Transferir como PPTX, PDF
•
1 gostou
•
2,815 visualizações
K
kazuki matsumura
Seguir
We Are JavaScripters! :)) #8での発表資料です。
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Recomendados
Web開発初心者がReactをチームに導入して半年経った
Web開発初心者がReactをチームに導入して半年経った
kazuki matsumura
React Nativeでお絵描きしてみた
React Nativeでお絵描きしてみた
kazuki matsumura
【2017早めの夏休み自由研究】SPAとサーバーレスについて
【2017早めの夏休み自由研究】SPAとサーバーレスについて
kazuki matsumura
ReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったこと
kazuki matsumura
Rnyoutube
Rnyoutube
yugo matsumoto
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
Recomendados
Web開発初心者がReactをチームに導入して半年経った
Web開発初心者がReactをチームに導入して半年経った
kazuki matsumura
React Nativeでお絵描きしてみた
React Nativeでお絵描きしてみた
kazuki matsumura
【2017早めの夏休み自由研究】SPAとサーバーレスについて
【2017早めの夏休み自由研究】SPAとサーバーレスについて
kazuki matsumura
ReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったこと
kazuki matsumura
Rnyoutube
Rnyoutube
yugo matsumoto
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
インフラ部門で働くCプログラマの話
インフラ部門で働くCプログラマの話
雅也 山本
Angular jsの継続的なバージョンアップ
Angular jsの継続的なバージョンアップ
Kazuyoshi Tsuchiya
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
React meetup 3_eight
React meetup 3_eight
Hideharu Okuma
noteをAngularJSで構築した話
noteをAngularJSで構築した話
Kon Yuichi
Our Track to Modern Angular
Our Track to Modern Angular
Yuta Shimizu
イベント駆動AngularJS / 今から書くAngular 2.0
イベント駆動AngularJS / 今から書くAngular 2.0
Okuno Kentaro
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
今後のWeb開発の未来を考えてangularJSにしました
今後のWeb開発の未来を考えてangularJSにしました
Mitsuru Ogawa
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
Directiveで実現できたこと
Directiveで実現できたこと
Kon Yuichi
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
Angular 4がやってくる!? 新機能ダイジェスト
Angular 4がやってくる!? 新機能ダイジェスト
Masahiko Asai
これからフロントエンジニアを目指すあなたへ
これからフロントエンジニアを目指すあなたへ
Mitsuru Ogawa
Riot.jsとフォームのデータバインディング
Riot.jsとフォームのデータバインディング
Keisuke Imai
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
Angular js開発事例
Angular js開発事例
Shun Takeyama
エンタープライヤーのためのWeb Componentsハンズオン
エンタープライヤーのためのWeb Componentsハンズオン
Mitsuru Ogawa
ngJapan報告会
ngJapan報告会
Fumio SAGAWA
GraphQLについての5分間
GraphQLについての5分間
Matsuo Obu
Mais conteúdo relacionado
Mais procurados
インフラ部門で働くCプログラマの話
インフラ部門で働くCプログラマの話
雅也 山本
Angular jsの継続的なバージョンアップ
Angular jsの継続的なバージョンアップ
Kazuyoshi Tsuchiya
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
React meetup 3_eight
React meetup 3_eight
Hideharu Okuma
noteをAngularJSで構築した話
noteをAngularJSで構築した話
Kon Yuichi
Our Track to Modern Angular
Our Track to Modern Angular
Yuta Shimizu
イベント駆動AngularJS / 今から書くAngular 2.0
イベント駆動AngularJS / 今から書くAngular 2.0
Okuno Kentaro
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
今後のWeb開発の未来を考えてangularJSにしました
今後のWeb開発の未来を考えてangularJSにしました
Mitsuru Ogawa
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
Directiveで実現できたこと
Directiveで実現できたこと
Kon Yuichi
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
Angular 4がやってくる!? 新機能ダイジェスト
Angular 4がやってくる!? 新機能ダイジェスト
Masahiko Asai
これからフロントエンジニアを目指すあなたへ
これからフロントエンジニアを目指すあなたへ
Mitsuru Ogawa
Riot.jsとフォームのデータバインディング
Riot.jsとフォームのデータバインディング
Keisuke Imai
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
Angular js開発事例
Angular js開発事例
Shun Takeyama
エンタープライヤーのためのWeb Componentsハンズオン
エンタープライヤーのためのWeb Componentsハンズオン
Mitsuru Ogawa
Mais procurados
(20)
インフラ部門で働くCプログラマの話
インフラ部門で働くCプログラマの話
Angular jsの継続的なバージョンアップ
Angular jsの継続的なバージョンアップ
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
One-time Binding & $digest
One-time Binding & $digest
React meetup 3_eight
React meetup 3_eight
noteをAngularJSで構築した話
noteをAngularJSで構築した話
Our Track to Modern Angular
Our Track to Modern Angular
イベント駆動AngularJS / 今から書くAngular 2.0
イベント駆動AngularJS / 今から書くAngular 2.0
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
今後のWeb開発の未来を考えてangularJSにしました
今後のWeb開発の未来を考えてangularJSにしました
Enterprise x AngularJS
Enterprise x AngularJS
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Directiveで実現できたこと
Directiveで実現できたこと
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Angular 4がやってくる!? 新機能ダイジェスト
Angular 4がやってくる!? 新機能ダイジェスト
これからフロントエンジニアを目指すあなたへ
これからフロントエンジニアを目指すあなたへ
Riot.jsとフォームのデータバインディング
Riot.jsとフォームのデータバインディング
Angular2実践入門
Angular2実践入門
Angular js開発事例
Angular js開発事例
エンタープライヤーのためのWeb Componentsハンズオン
エンタープライヤーのためのWeb Componentsハンズオン
Semelhante a 普段Reactを触ってる僕が Angularを触ってみた感想を共有する
ngJapan報告会
ngJapan報告会
Fumio SAGAWA
GraphQLについての5分間
GraphQLについての5分間
Matsuo Obu
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
Our Track to Modern Angular #2
Our Track to Modern Angular #2
Yuta Shimizu
僕はどうしてAngular2をテーマに登壇することになってしまったのか
僕はどうしてAngular2をテーマに登壇することになってしまったのか
Tomohiro Noguchi
Alt01-LT
Alt01-LT
Yuta Hiroto
Walking front end
Walking front end
Hirata Tomoko
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Kazuhiro Hara
Angular2
Angular2
Kenichi Kanai
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
pinmarch_t Tada
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
AngularJS勉強会「そもそもwebって」@ツクロア勉強会(2015.09.10)
AngularJS勉強会「そもそもwebって」@ツクロア勉強会(2015.09.10)
tomonari takahashi
Ng mtg#3
Ng mtg#3
Kenichi Kanai
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
Arachne Unweaved (JP)
Arachne Unweaved (JP)
Ikuru Kanuma
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
司 知花
Railsのフロントエンド開発を考える
Railsのフロントエンド開発を考える
Hirata Tomoko
S14 t3 yosuke_yamashita
S14 t3 yosuke_yamashita
Takeshi Akutsu
第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
77web
AngularJSからReactに移ったケースの話
AngularJSからReactに移ったケースの話
kumatch kumatch
Semelhante a 普段Reactを触ってる僕が Angularを触ってみた感想を共有する
(20)
ngJapan報告会
ngJapan報告会
GraphQLについての5分間
GraphQLについての5分間
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Our Track to Modern Angular #2
Our Track to Modern Angular #2
僕はどうしてAngular2をテーマに登壇することになってしまったのか
僕はどうしてAngular2をテーマに登壇することになってしまったのか
Alt01-LT
Alt01-LT
Walking front end
Walking front end
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Angular2
Angular2
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
Angular#Kanazawa
Angular#Kanazawa
AngularJS勉強会「そもそもwebって」@ツクロア勉強会(2015.09.10)
AngularJS勉強会「そもそもwebって」@ツクロア勉強会(2015.09.10)
Ng mtg#3
Ng mtg#3
Nodeにしましょう
Nodeにしましょう
Arachne Unweaved (JP)
Arachne Unweaved (JP)
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Railsのフロントエンド開発を考える
Railsのフロントエンド開発を考える
S14 t3 yosuke_yamashita
S14 t3 yosuke_yamashita
第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
AngularJSからReactに移ったケースの話
AngularJSからReactに移ったケースの話
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
1.
普段Reactを触ってる僕が Angularを触ってみた感想を共有する K. Matsumura (@zuckey_17) We
Are JavaScripters! :)) #8 2017.06.05
2.
# 自己紹介 松村 和輝(zuckey_17) -
株式会社ヤプリ - フロントエンド と サーバサイド - React + Reduxで現行の管理画面をリプレース - Laravel ( PHPのFW ) でAPI周りの実装 - Podcast しがないラジオ - 楽しくて仕方がないラジオ - https://shiganai.org - Twitter @shiganaiRadio #しがないラジオ
3.
4.
# What is
Angular ? - Google が OSS で開発している Webフロントエンドフレームワーク - https://angular.io - AngularJS → Angular - Angular2以降は”Angular”という呼称に変更 - ググる時は “Angular2” で検索すると良いらしい - 日本Angular ユーザー会 - https://ng-japan.slack.com/ - https://ngjapan.connpass.com/
5.
# 参加してきた
6.
# “Webフロントエンドのフレームワーク” - Reactは”UIライブラリ” -
それぞれが別のDOM構築やデータバインディングなどの機能を持つ - Reactは多くの他のライブラリと組み合わせて開発することが多い - 実装するために、設計をしっかりめにする必要がある - Angularはフレームワークに実装に必要な多くの機能を持っている - レールにのってコーディングすることができる
7.
# React
8.
# React
9.
面倒くさい
10.
# Angular
11.
# Angular に含まれるもの -
Angular本体 - routingやhttpクライアントなど様々な機能が包括される - RxJS - 内部的に使われているためデフォルトで入るが、使わなくても良い - TypeScript - 静的型付けの言語、JavaScriptにコンパイルされる - tslint
12.
# Angular CLI -
npm install -g @angular/cli
13.
# Angular CLI -
ng new 【project name】 - プロジェクトを作成 - ng serve - サーバーを立て、localhost:4200などでアクセス可能に - ng generate - 依存関係を崩さずに色々作ってくれる - interface - component - service - ng lint - tslintの実行
14.
# その他 - CSS -
コンポーネントのTS : CSS = 1 : 1 - コンポーネント単位でのスタイルが半強制的になっている - グローバルなスタイリングも可 - サービス - ジネスロジックはサービスにまとめる - DI(依存注入 : Dependency Injection)
15.
# その他 - テンプレート -
JSXで作られる仮想DOMのツリーじゃない - Lifecycle Hooks - Reactで言うLifecycle Method - いい感じのタイミングで発火
16.
デモ
17.
# まとめ - Angularは実現したいことに注力できる -
angular-cli で始めるの一択 - ユーザー会がすごく暖かい - 今後、RxJSも勉強したい
18.
# 参考 - 公式サイト -
https://angular.io/ - ReactとAngular2の選択で迷ったときに考えたいこと - http://qiita.com/kmszk/items/2e3d6d2a71ae774d080a - Tour of Heroes(Angular 公式チュートリアルの日本語版) - https://github.com/ng-japan/hands-on/tree/master/courses/tutorial - gemba.fm #0 React vs Angular - あるいは Functional JavaScript - https://genba.fm/react-vs-angular/
Notas do Editor
http://qiita.com/kmszk/items/2e3d6d2a71ae774d080a
http://qiita.com/kmszk/items/2e3d6d2a71ae774d080a
http://qiita.com/kmszk/items/2e3d6d2a71ae774d080a
http://qiita.com/kmszk/items/2e3d6d2a71ae774d080a
Baixar agora