# ng-japan OnAir vol.17 Show Note

https://hackmd.io/@lacolaco/SJNPmCvs8
https://ngjapan.connpass.com/event/177492/

###### tags: `ng_jp_onair`

---

## Monthly Angular 2020-05

### v9.1.9

https://github.com/angular/angular/blob/master/CHANGELOG.md#919-2020-05-20

- core
- Angular Elementsのバグ修正

### v10.0.0-rc

https://github.com/angular/angular/blob/master/CHANGELOG.md#1000-rc0-2020-05-21

#### core

- Feature
- ! TypeScript 3.9アップデート
- 3.8以下は非互換
- ! ClosureCompiler向けのjsdoc出力の停止
- platform-server上でのHTTPリクエストの絶対URL化
- https://github.com/angular/angular/issues/37071
- language-serverのIvy対応 (strictTemplates)
- https://github.com/angular/angular/pull/36922
- `CanLoad` が `UrlTree`を返せるようになった
- https://github.com/angular/angular/pull/36610
- `CanActivate`と同じになった
- `tslib` が direct dependencyに
- https://github.com/angular/angular/pull/37198
- 9.0でpeerに変わったが、10.0でもとに戻すことに
- Bugfix
- ! `ModuleWithProviders<T>`のジェネリック必須化
- `ng update`で自動変更
- ! `input[type=number]`が2度valueChangesイベントを発火するバグを修正
- https://github.com/angular/angular/pull/36087
- バグの上に成り立っていた処理が壊れる可能性があるため注意
- ! length系の組み込みバリデータがnumberに対して常にvalidとなるように修正
- https://github.com/angular/angular/pull/36157
- ! unknown property/elementエラーがconsole.errorで出力されるように修正
- https://github.com/angular/angular/pull/36399
- ! Resolverが返すObservableがnextせずにcompleteしたときにナビゲーションをキャンセルするように修正
- https://github.com/angular/angular/pull/24621
- ! AsyncPipeがWrappedValueを使わず値をそのまま返すように修正
- https://github.com/angular/angular/pull/36633
- これまで検出できなかった変更検知エラーが検出できるようになる
- ! DatePipeの DayPeriod が日付をまたぐときの出力を修正
- https://github.com/angular/angular/pull/36611
- フォーマットに `b` や `B` を使っている人は注意
#### CLI

- feat: tsconfigのSolution Style対応
- https://github.com/angular/angular-cli/pull/17586
- tsファイルがどのコンフィグに属するのかをエディタが探しやすくなる
- ng updateで移行 / ng newでデフォルト
- feat: Yarn PnP 対応 (Yarn v2)
- feat: CommonJSのimportに警告を出す（オプトアウト）
- 参考: https://web.dev/commonjs-larger-bundles/
- feat: `ng new`の新規アプリのサポートブラウザがevergreenのみになった
- https://github.com/angular/angular-cli/pull/17361
- IE11はデフォルトで含まれないため `.browserslistrc` でオプトイン
- `--legacy-browsers`オプションも追加
- feat: `--strict`オプションの効果範囲の拡大
- https://github.com/angular/angular-cli/pull/17372
- bundle budget: initial 5MB -> 1MB
- `strictTemplates` 有効
- `ng new`時にプロンプトでy/N選択
- feat: ワークスペースのtsconfigのデフォルトtarget/moduleを変更
- https://github.com/angular/angular-cli/pull/17637
- `module` は `esnext` => `es2020`
- E2Eプロジェクトの`target` は `es5` => `es2018`
- feat!: `ng get/set`コマンドの削除
- https://github.com/angular/angular-cli/pull/17658
- feat!: `es5BrowserSupport` オプションの削除
- https://github.com/angular/angular-cli/pull/17484`
- すでに非推奨。 `.browserslistrc`を使う
- feat: `browserslist` から `.browserslistrc`へ変更
- https://github.com/angular/angular-cli/pull/17367
- feat: 新規UniversalアプリでLazy Loadingをデフォルト有効に変更
- https://github.com/angular/angular-cli/pull/17352
- fix: 新規ライブラリはtslibがdependenciesに入るように修正
- https://github.com/angular/angular-cli/pull/17761
- fix: `ng deploy` が `--configuration` を受け付けるように修正
- https://github.com/angular/angular-cli/pull/17615
- v9にも入ってる

#### Others

- material
- https://github.com/angular/components/blob/master/CHANGELOG.md#1000-next2-wool-wind-2020-05-26
- feat: DateRangePicker追加
- Doc: https://next.material.angular.io/components/datepicker/overview#date-range-selection
- Demo: https://stackblitz.com/edit/angular-wudjzd?file=src%2Fapp%2Fapp.component.html
- feat!: HammerJS系のAPIの削除
- Angular Packaging Format (APF) 10.0
- https://g.co/ng/apf
- esm5 and fesm5 Removal (esm2015 / fesm2015は残る）
- umd Removal plan
- このままだとv11で消すけど使ってる話知ってる？っていう話がされてる
- `<script>` でのユースケースがどれくらいあるか