Slide 1
Slide 1 text
「What’s new in Angular」について
Google I/O '19のWebをまとめる会
Slide 2
Slide 2 text
Noriyuki
Shinpuku
ng-fukuoka organizer
VEGA corporation Co., Ltd.
@puku0x
Slide 3
Slide 3 text
Angular最新情報
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
前半: Angularとコミュニティ
・Angularの成長
・Angularとコミュニティ
・Angularが選ばれる理由
・Angularの今後の展望
Slide 6
Slide 6 text
愛されるフレームワーク
Slide 7
Slide 7 text
選ばれる理由
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
150万ユーザー突破
Slide 10
Slide 10 text
やったね！
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
機能追加＆自動設定
Slide 13
Slide 13 text
バージョンアップの劇的な改善
Slide 14
Slide 14 text
モダンブラウザ最適化
Slide 15
Slide 15 text
CLIぱねえ
Slide 16
Slide 16 text
他は？
Slide 17
Slide 17 text
@angular/material-experiments
Slide 18
Slide 18 text
@angular/material が
Web Componentsベースになる
Slide 19
Slide 19 text
Web Componentsの時代ktkr
Slide 20
Slide 20 text
後半: 次世代レンダラー「Ivy」
・Ivyとは
・Ivyで何が出来る？
・Ivy後のAngular
Slide 21
Slide 21 text
Ivyで出来ること
Slide 22
Slide 22 text
バンドルの軽量化
● Tree Shakingを念頭にレンダラーを再設計
● 必要なコードのみ含める
Slide 23
Slide 23 text
コード分割
Slide 24
Slide 24 text
Progressive Hydration対応
● クリック時に必要なコード読み込み等
● SSR時のTTI（操作可能時間）を短縮
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
Ivyぱねえ
Slide 28
Slide 28 text
$ ng new my-app --enable-ivy
Slide 29
Slide 29 text
https://angular.io
Slide 30
Slide 30 text
Thank you!
@puku0x
Noriyuki Shinpuku