Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

puku0x
June 19, 2019

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

puku0x

June 19, 2019
Tweet

More Decks by puku0x

Other Decks in Technology

Transcript

  1. 「What’s new in Angular」について
    Google I/O '19のWebをまとめる会

    View full-size slide

  2. Noriyuki
    Shinpuku
    ng-fukuoka organizer
    VEGA corporation Co., Ltd.
    @puku0x

    View full-size slide

  3. Angular最新情報

    View full-size slide

  4. 前半: Angularとコミュニティ
    ・Angularの成長
    ・Angularとコミュニティ
    ・Angularが選ばれる理由
    ・Angularの今後の展望

    View full-size slide

  5. 愛されるフレームワーク

    View full-size slide

  6. 選ばれる理由

    View full-size slide

  7. 150万ユーザー突破

    View full-size slide

  8. やったね!

    View full-size slide

  9. 機能追加&自動設定

    View full-size slide

  10. バージョンアップの劇的な改善

    View full-size slide

  11. モダンブラウザ最適化

    View full-size slide

  12. CLIぱねえ

    View full-size slide

  13. @angular/material-experiments

    View full-size slide

  14. @angular/material が
    Web Componentsベースになる

    View full-size slide

  15. Web Componentsの時代ktkr

    View full-size slide

  16. 後半: 次世代レンダラー「Ivy」
    ・Ivyとは
    ・Ivyで何が出来る?
    ・Ivy後のAngular

    View full-size slide

  17. Ivyで出来ること

    View full-size slide

  18. バンドルの軽量化
    ● Tree Shakingを念頭にレンダラーを再設計
    ● 必要なコードのみ含める

    View full-size slide

  19. コード分割

    View full-size slide

  20. Progressive Hydration対応
    ● クリック時に必要なコード読み込み等
    ● SSR時のTTI(操作可能時間)を短縮

    View full-size slide

  21. Ivyぱねえ

    View full-size slide

  22. $ ng new my-app --enable-ivy

    View full-size slide

  23. https://angular.io

    View full-size slide

  24. Thank you!
    @puku0x
    Noriyuki Shinpuku

    View full-size slide