Enviar pesquisa
Carregar
ngJapan報告会
•
11 gostaram
•
2,503 visualizações
Fumio SAGAWA
Seguir
angular
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 32
Baixar agora
Baixar para ler offline
Recomendados
HTML5最前線
HTML5最前線
Fumio SAGAWA
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
Async flow controll basic and practice
Async flow controll basic and practice
Masakazu Muraoka
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
Recomendados
HTML5最前線
HTML5最前線
Fumio SAGAWA
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
Async flow controll basic and practice
Async flow controll basic and practice
Masakazu Muraoka
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
Angular2
Angular2
Kenichi Kanai
Angular 4がやってくる!? 新機能ダイジェスト
Angular 4がやってくる!? 新機能ダイジェスト
Masahiko Asai
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Kazunari Hara
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Angular1&2
Angular1&2
Kenichi Kanai
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
dcubeio
React.js + Flux
React.js + Flux
dsuke Takaoka
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかた
Kazunari Hara
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性
Yasunobu Ikeda
AMD basic and practice
AMD basic and practice
Masakazu Muraoka
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
pinmarch_t Tada
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
pinmarch_t Tada
Mais conteúdo relacionado
Mais procurados
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
Angular2
Angular2
Kenichi Kanai
Angular 4がやってくる!? 新機能ダイジェスト
Angular 4がやってくる!? 新機能ダイジェスト
Masahiko Asai
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Kazunari Hara
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
Angular1&2
Angular1&2
Kenichi Kanai
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
dcubeio
React.js + Flux
React.js + Flux
dsuke Takaoka
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかた
Kazunari Hara
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性
Yasunobu Ikeda
AMD basic and practice
AMD basic and practice
Masakazu Muraoka
Mais procurados
(20)
React を導入したフロントエンド開発
React を導入したフロントエンド開発
俺とAngular JS 2
俺とAngular JS 2
Flux react現状確認会
Flux react現状確認会
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Angular#Kanazawa
Angular#Kanazawa
AngularJSの高速化
AngularJSの高速化
Angular2
Angular2
Angular 4がやってくる!? 新機能ダイジェスト
Angular 4がやってくる!? 新機能ダイジェスト
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Angular1&2
Angular1&2
React NativeでTwitterクライアントを作ってみよう
React NativeでTwitterクライアントを作ってみよう
React.js + Flux
React.js + Flux
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかた
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性
AMD basic and practice
AMD basic and practice
Destaque
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
pinmarch_t Tada
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
pinmarch_t Tada
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
Yosuke Onoue
どういったフレームワークを選ぶべきか
どういったフレームワークを選ぶべきか
Fumio SAGAWA
Start angular2
Start angular2
Fumio SAGAWA
イマドキのフロントエンド開発
イマドキのフロントエンド開発
Fumio SAGAWA
Google Prediction APIを使う前に知っておきたい統計のはなし
Google Prediction APIを使う前に知っておきたい統計のはなし
pinmarch_t Tada
NativeScript with angular2
NativeScript with angular2
Fumio SAGAWA
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
Shumpei Shiraishi
Single-page application
Single-page application
Fumio SAGAWA
Destaque
(10)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
どういったフレームワークを選ぶべきか
どういったフレームワークを選ぶべきか
Start angular2
Start angular2
イマドキのフロントエンド開発
イマドキのフロントエンド開発
Google Prediction APIを使う前に知っておきたい統計のはなし
Google Prediction APIを使う前に知っておきたい統計のはなし
NativeScript with angular2
NativeScript with angular2
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
Single-page application
Single-page application
Semelhante a ngJapan報告会
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
kazuki matsumura
Angular jsの継続的なバージョンアップ
Angular jsの継続的なバージョンアップ
Kazuyoshi Tsuchiya
Our Track to Modern Angular
Our Track to Modern Angular
Yuta Shimizu
Angularおじさんの1年
Angularおじさんの1年
Hayashi Yuichi
Alt01-LT
Alt01-LT
Yuta Hiroto
Agile Japan 2013 サテライト<長野>事例研究講演資料
Agile Japan 2013 サテライト<長野>事例研究講演資料
株式会社ガリレオ(開発グループ)
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
App engine admin apiを利用したgae%2 f go環境へのデプロイとgcp東京リージョンの性能評価
App engine admin apiを利用したgae%2 f go環境へのデプロイとgcp東京リージョンの性能評価
Kumano Ryo
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
Swagger jjug ccc 2018 spring
Swagger jjug ccc 2018 spring
kounan13
LIGでのDocker活用
LIGでのDocker活用
Hayashi Yuichi
デブサミ2011 LT大会【17-E-7】appengine ja night
デブサミ2011 LT大会【17-E-7】appengine ja night
bluerabbit777jp
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
Yuki Okamoto
Front-end package managers
Front-end package managers
Hayashi Yuichi
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
S14 t3 yosuke_yamashita
S14 t3 yosuke_yamashita
Takeshi Akutsu
Goji とレイヤ化アーキテクチャ
Goji とレイヤ化アーキテクチャ
Shiroyagi Corporation
Semelhante a ngJapan報告会
(20)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
Angular jsの継続的なバージョンアップ
Angular jsの継続的なバージョンアップ
Our Track to Modern Angular
Our Track to Modern Angular
Angularおじさんの1年
Angularおじさんの1年
Alt01-LT
Alt01-LT
Agile Japan 2013 サテライト<長野>事例研究講演資料
Agile Japan 2013 サテライト<長野>事例研究講演資料
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
App engine admin apiを利用したgae%2 f go環境へのデプロイとgcp東京リージョンの性能評価
App engine admin apiを利用したgae%2 f go環境へのデプロイとgcp東京リージョンの性能評価
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Swagger jjug ccc 2018 spring
Swagger jjug ccc 2018 spring
LIGでのDocker活用
LIGでのDocker活用
デブサミ2011 LT大会【17-E-7】appengine ja night
デブサミ2011 LT大会【17-E-7】appengine ja night
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
Front-end package managers
Front-end package managers
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Html5 and Graphics
Html5 and Graphics
S14 t3 yosuke_yamashita
S14 t3 yosuke_yamashita
Goji とレイヤ化アーキテクチャ
Goji とレイヤ化アーキテクチャ
Último
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Último
(10)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介: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
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
ngJapan報告会
1.
Angularが好き? ∼ ngJapan総まとめ ∼ @albatrosary http://albatrosary.hateblo.jp/ http://html5experts.jp/albatrosary/
2.
佐川 夫美雄 HTML5 Experts.jp
エキスパート html5j(スタッフ) AngularJS Japan User Group(スタッフ)(Fumio SAGAWA)
3.
http://kagoshima.html5j.org/html5conference.2015/
4.
http://ngjapan.org/
5.
http://ngjapan.org/
6.
New Router Pluralization and
Gender support ng-animate update ng-message update ng-cookies update
7.
リリースサイクル
8.
Angularコミュニティ 10万人 1600ほどの新しいissueやPR 新しい200ほどのコントリビュータが新しいPRやissueを立てていたり、 ドキュメントを修正するということを行っています (二週間の間に)
9.
HTML5ハイブリットアプリ用のUIフレームワーク Angularをベースにしている iOS, Androidをサポートしている 高速な動作
10.
11.
Angularのルーティング コンポーネントに対してマッピング
12.
$routeConfig angular.model('example', [ 'example.goobye', 'example.welcame', 'ngAnimate', 'ngNewRouter' ]) .controller('AppController', ['$router',
AppController]); AppController.$routeConfig = [ { path: '/', redirectTo: '/welcome' }, { path: '/welcame', component: 'welcome' }, { path: '/goodbye', component: 'goodbye' } ]; function AppController($router) { this.greeting = Hello'; }
13.
ng-link <body ng-app="example" ng-strict-di ng-controller="AppController as
app"> <nav> <ul> <li><a ng-link="welcame">welcame</a></li> <li><a ng-link="goodbye">goodbye</a></li> </ul> </nav> <ng-viewport></ng-viewport> </body>
14.
ngViewport プレスフォルダに対しアクセス プレスフォルダの中はコンテンツに基づいて管理
15.
Sibling Routes AppController.$routeConfig =
[ { path: '/', redirectTo: '/users/posts' }, { path: '/users/posts', components: { left: 'users', right: 'posts' } }, { path: '/posts/users', components: { left: 'posts', right: 'users' } } ]; <nav> <a href="./users/posts">users then posts</a> <a href="./posts/users">posts then users</a> </nav> <div class="container"> <div ng-viewport="left"></div> <div ng-viewport="right"></div> </div>
16.
マイグレーション - NewRouterは、Angular 1からAngular
2へのマイグレーションを簡単にする Angular 1とAngular 2とで同じコンフィグレーションを使っ ていく 新しいRouterを使っていくことで一部はAngular 1で他の一 部Angular 2で動く
17.
18.
ECMAScriptとは JavaScriptの元となる仕様のこと DOMの仕様は入っていない 最近のブラウザはECMAScript 5をサポート そろそろ6の仕様が確定(現在RC2)
19.
AtScriptとは AtScript=ES6+A (A=Annotiosion, AnnotationはES6に含まれない) Super
set of TypeScript
20.
TypeScriptとは TypeScriptはJavaScriptを拡張した言語 静的型付け ECMAScript6規格の文法を取り込み中 読みやすい変換後JavaScript Java, C#とかにやさしい言語仕様
21.
Angular 2とTypeScript TypeScriptに必要な機能が入る Angularチームが作りたいのはAtScriptではなく Angular本体 TypeScriptのスーパーセットを作るのが困難
22.
なぜAngular 2を作ることにしたのか Angular 2はどういうものにあるのか いつ出てくるか
23.
のくらい使われてる?
24.
Angular 2 -
機能 Viewports New languages Web Components New template syntax Unidirectional data flow Ultra-fast change detection
25.
Angular 2 生産性向上 パフォーマンス向上
26.
パフォーマンス
27.
https://angular.io/
28.
29.
https://angular.github.io/router/
30.
vs React ReactとAngular 2はゴールが一緒でアプローチが違うだけ AngularのチームとReactのチームはコミュニケーションを とっている
31.
32.
<ng-thanks>
Baixar agora