Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「What's new in Angular」について
Search
puku0x
June 19, 2019
Technology
1
180
「What's new in Angular」について
https://mentaico-js.connpass.com/event/132416/
puku0x
June 19, 2019
Tweet
Share
More Decks by puku0x
See All by puku0x
ファインディにおけるフロントエンド技術選定の歴史
puku0x
1
140
ファインディでのGitHub Actions活用事例
puku0x
9
2.6k
Findyの開発生産性向上への取り組み ~Findyフロントエンドの場合~
puku0x
0
400
Findyの開発生産性を上げるためにやったこと
puku0x
1
530
Angularコーディングスタイルガイドはいいぞ
puku0x
1
230
Nx CloudでCIを爆速にした話
puku0x
0
700
Findyのフロントエンド設計刷新を通して得られた技術的負債との向き合い方
puku0x
1
1.7k
最高の開発体験を目指して 〜Findyのフロントエンド設計刷新〜
puku0x
0
760
VSCode GraphQL + GraphQL Code Generator による快適なフロントエンド開発
puku0x
0
2.4k
Other Decks in Technology
See All in Technology
The Role of Developer Relations in AI Product Success.
giftojabu1
0
120
Amazon Personalizeのレコメンドシステム構築、実際何するの?〜大体10分で具体的なイメージをつかむ〜
kniino
1
100
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理
kitsuya0828
3
380
隣接領域をBeyondするFinatextのエンジニア組織設計 / beyond-engineering-areas
stajima
1
270
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
150
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
社内で最大の技術的負債のリファクタリングに取り組んだお話し
kidooonn
1
550
iOS/Androidで同じUI体験をネ イティブで作成する際に気をつ けたい落とし穴
fumiyasac0921
1
110
オープンソースAIとは何か? --「オープンソースAIの定義 v1.0」詳細解説
shujisado
7
810
第1回 国土交通省 データコンペ参加者向け勉強会③- Snowflake x estie編 -
estie
0
130
Featured
See All Featured
Designing for Performance
lara
604
68k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
120
Making the Leap to Tech Lead
cromwellryan
133
8.9k
A Philosophy of Restraint
colly
203
16k
Producing Creativity
orderedlist
PRO
341
39k
Visualization
eitanlees
145
15k
Documentation Writing (for coders)
carmenintech
65
4.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Practical Orchestrator
shlominoach
186
10k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Statistics for Hackers
jakevdp
796
220k
Teambox: Starting and Learning
jrom
133
8.8k
Transcript
「What’s new in Angular」について Google I/O '19のWebをまとめる会
Noriyuki Shinpuku ng-fukuoka organizer VEGA corporation Co., Ltd. @puku0x
Angular最新情報
None
前半: Angularとコミュニティ ・Angularの成長 ・Angularとコミュニティ ・Angularが選ばれる理由 ・Angularの今後の展望
愛されるフレームワーク
選ばれる理由
None
150万ユーザー突破
やったね!
None
機能追加&自動設定
バージョンアップの劇的な改善
モダンブラウザ最適化
CLIぱねえ
他は?
@angular/material-experiments
@angular/material が Web Componentsベースになる
Web Componentsの時代ktkr
後半: 次世代レンダラー「Ivy」 ・Ivyとは ・Ivyで何が出来る? ・Ivy後のAngular
Ivyで出来ること
バンドルの軽量化 • Tree Shakingを念頭にレンダラーを再設計 • 必要なコードのみ含める
コード分割
Progressive Hydration対応 • クリック時に必要なコード読み込み等 • SSR時のTTI(操作可能時間)を短縮
None
None
Ivyぱねえ
$ ng new my-app --enable-ivy
https://angular.io
Thank you! @puku0x Noriyuki Shinpuku