「What's new in Angular」について - Speaker Deck

「What's new in Angular」について

Speaker Deck

Share

Embed

Start on current slide

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