#24 Monthly Angular 8月号 (2020-09-02)

[lacolaco]

ng-japan OnAir vol.24 "Monthly Angular 8月号" - YouTube

ng-japan OnAirって何？:thinking_face:

Angular日本ユーザー会が主催するYouTube Liveです！
過去のOnAirの配信アーカイブはこちらから視聴できます！

• 最新情報やプラクティスをキャッチアップする機会は多い方がいい
• 勉強会やミートアップは東京に集中してるし、予定が合わないと参加できない…
• オンライン開催なら誰でもどこでも参加できるしアーカイブが残る！ :party_popper:

内容

• Monthly Angular 8月号

8月のAngularの動きをまとめて振り返ります。

会場

https://www.youtube.com/channel/UCayXpiOPFQh9MWePLoEFLmg/live

🔔 YouTubeチャンネルを購読 しておくと、配信開始のお知らせを受け取ることができます！

💃 出演者紹介

lacolaco

Google Developers Expert / Angular日本ユーザー会 代表
https://twitter.com/laco2net

okunokentaro

Angular日本ユーザー会、ng-kyoto オーガナイザ
https://twitter.com/okunokentaro

しみきょん

エンジニア at DMM.com / Angular日本ユーザー会のスタッフしてます
https://twitter.com/shimikyonkyon

[lacolaco]

Monthly Angular 2020-08

• Updates
• ロードマップの話
• 記事紹介

Updates

latest: 10.0.14

• core
  • ViewのQueryに文字列トークンを指定できるように修正
    • https://blog.lacolaco.net/2020/07/angular-lightweight-injection-token-overview/
    • fix(core): queries not matching string injection tokens angular/angular#38321
• router
  • routerLinkの値が変わったときにrouterLinkActiveが再計算されるように修正
    • fix(router): ensure routerLinkActive updates when associated routerLinks change angular/angular#38511
  • ScrollRestorationが一部のブラウザで壊れていたのを修正

next: 10.1.0-rc.0

• core
  • async()関数を waitForAsync()にリネーム
    • feat(core): rename async to waitForAsync to avoid confusing angular/angular#37583
  • +/-を含む数値リテラル型のテンプレート型チェックを修正
    • feat(compiler): support unary operators for more accurate type checking angular/angular#37918
  • TypeScript v4.0.0対応
    • feat: add support for TypeScript 4.0 angular/angular#38076
• common
  • keyvaluePipeがReadonlyMap型を受け付けられるように修正
    • ReadonlyMap: https://www.typescriptlang.org/play?#code/MYewdgzgLgBAtgQwA4wLwzAUwO4wLLIAUAlANwBQ5oksATiASulroyTAhDAEqYIAm4ADYBPRgB4EYEQBoO0gHwVyAMwCuYYFACW4GNrhw1UBACMhmAGJhCiJAC4efQWFESps+SIXEYAb3IYIPhkADoITChCAHIEaLlY6LJyAF9KdU0dPSMTcysbO0d3aTkPH39A4LtwyJi4hLjktPIDHLMLa1tkZNbjdvzCekZktrzOuxG+sZsh7tIgA
• router
  • ワイルドカードrouteのlazy loadingがうまく遅延されていなかったのを修正
    • Defer lazy loading of wildcard module until other matches are exhausted angular/angular#38348
• elements
  • CustomElementsのイベントがNgZone内でキャプチャされるように修正
    • fix(elements): elements should run in correct zone (#24181) angular/angular#37814

CLI

latest: 10.0.8

next: 10.1.0-rc.0

• Solution Style tsconfigの削除
  • angular/angular-cli@8fb5259
• @angular-devkit/build-angular:ng-packagrビルダーの追加
  • @angular-devkit/build-ng-packagr からの移行
• strictモードにstrictInputAccessModifiersを追加
  • Template type-checker: enable strictInputAccessModifiers by default angular/angular#38400
  • Inputフィールドがpublicではないときにエラーになる
• extractCssオプションの廃止 (常に行うようにする)
  • angular/angular-cli@dd26018
  • まずデフォルトがtrueになる。v11でオプションが消える

Zone.js 0.11.0

• import "zone.js"でES Moduleとして読み込み可能に。
  • • import "zone.js/dist/zone"でも大丈夫

Components

latest: 10.1.1

next: 10.2.0-rc.0

• cdk-experimental
  • comboboxの追加
  • menuの追加

Angular Roadmap

https://angular.jp/guide/roadmap

Articles

• https://blog.angular.io/angular-cli-strict-mode-c94ba5965f63
  • ng new --strictについての記事
• https://blog.angular.io/how-i-contributed-to-angular-components-b3a8830ca268
  • どうやってAngular CDKにコントリビューションしたかの記事
• https://blog.angular.io/angularjs-lts-extended-in-response-to-covid-19-321b037212f5
  • AngularJSのLTSを延ばしたアナウンス
• https://blog.angular.io/ionic-angular-powering-the-app-store-and-the-web-4c4d420ca117
  • Ionicのシェアが大きいよという記事

周辺

• NgRx v10.0.0で @ngrx/component-store の追加
  • グローバルじゃないコンポーネントスコープでの状態管理用API
• TypeScript 4.0.0
  • 4.1.0も進行中