# ng-japan OnAir vol.42 "Monthly Angular 2021-06"

ng-japan OnAirはAngular日本ユーザー会が主催するオンラインイベントです

https://community.angular.jp
connpass: https://connpass.com/event/218346
shownote: https://hackmd.io/@lacolaco/ByEiOwth_

#Angular #ng_jp_onair

## アジェンダ

- Monthly Angular 2021-06

## Monthly Angular 2021-06

### Angular v12.1

- [feat\(core\): add opt\-in test module teardown configuration by crisbeto](https://github.com/angular/angular/pull/42566)
- TestBed環境ではテストケースごとにDOM要素が破棄されていない問題が解決する
- まだopt-inなので明示的に有効にする
- [feat\(compiler\): add support for shorthand property declarations in templates by crisbeto](https://github.com/angular/angular/pull/42421)
- オブジェクトテラルの `{ foo: foo }` の省略記法 `{ foo }` をテンプレート式でサポート
- [feat\(service\-worker\): add \`openWindow\` and \`lastFocusedOrOpen\` to not… by codingnuclei](https://github.com/angular/angular/pull/42520)
- ngswの定義済み通知アクションを追加
- 通知をクリックしたときに新規ウィンドウを開くか、既存ウィンドウを利用するかを選択可能
- [fix\(compiler\-cli\): autocomplete literal types in templates by zarend](https://github.com/angular/angular/pull/41645)
- リテラル型（true|falseなど）がテンプレート中で補完候補に出るように修正
- [Fix AsyncPipe types for RxJS 6 and 7 by benlesh](https://github.com/angular/angular/pull/41590)
- RxJS v7互換のための修正
- 型定義の修正だけなので挙動に変化はなし
- [feat\(language\-service\): Provide ability to rename pipes by atscott](https://github.com/angular/angular/pull/40523)
- パイプの名前のリネームに対応
- 動画: https://twitter.com/laco2net/status/1412694438158082050
- [feat\(compiler\): support safe keyed read expressions by crisbeto](https://github.com/angular/angular/pull/41911)
- `a?.[0]`のサポート
- [feat\(core\): support TypeScript 4\.3 by devversion](https://github.com/angular/angular/pull/42022)
- [TypeScript: Documentation \- TypeScript 4\.3](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-3.html)
- `override` サポート
- getter/setterの型分離サポート
- [feat\(forms\): add \`ng\-submitted\` class to forms that have been submitted\. by dylhunn](https://github.com/angular/angular/pull/42132)
- `ng-submitted`クラスがsubmit時に自動付与される
- [fix\(migrations\): add migration to replace \`/deep/\` with \`::ng\-deep\` by alan\-agius4](https://github.com/angular/angular/pull/42214)
- ng updateで `/deep/` から `::ng-deep` に自動置換
- [feat\(common\): add URLSearchParams to request body by ajitsinghkaler](https://github.com/angular/angular/pull/37852)
- リクエストボディとして `URLSearchParams` をサポート
- [fix\(common\): add body as an optional property on the options parameter of HttpClient\.delete request \(\#19438\) by gopal\-jayaraman](https://github.com/angular/angular/pull/41723)
- `HttpClient.delete` のオプションに `body` をサポート
- [feat\(compiler\): support directive selectors with attributes containing `$` by iRealNirmal](https://github.com/angular/angular/pull/41567)
- `$`を含む属性セレクタを許可
- [feat\(@angular\-devkit/build\-angular\): enable webpack Trusted Types sup… ](https://github.com/angular/angular-cli/commit/c146e9c086025e49dd207e039dc738a143e5672e)
- webpackのTrusted Typesサポートに対応
- `angular#bundler` ポリシーを利用可能
- [feat\(@angular\-devkit/build\-angular\): deprecate protractor builder](https://github.com/angular/angular-cli/commit/fb21c4a968c8b4d8a3d17237d0864b795fffba49)
- protractorビルダーの非推奨化
- [perf\(@angular\-devkit/build\-angular\): enable opt\-in usage of file syst…](https://github.com/angular/angular-cli/commit/f90a8324b46bd96e87a7b889a74aab432a391015)
- webpack 5の永続キャッシュ機能をオプトインサポート
- `NG_PERSISTENT_BUILD_CACHE=1 ng serve`
- [feat\(@schematics/angular\): add migration to replace deprecated \`\-\-prod\`](https://github.com/angular/angular-cli/commit/c9f531d70398babba1b1eb96a38dea1068c10f0a)
- package.json内の `--prod` を `--configuration production` へ置換
- [fix\(@angular\-devkit/build\-angular\): add experimental web\-assembly by alan\-agius4](https://github.com/angular/angular-cli/commit/7df9d19297d1160e6b8614f1763e11b307aeef8b)
- Angular v12でエラーになっていたweb-assembly読み込みを修正
- [feat\(@nguniversal/builders\): spawn static server for build artifacts](https://github.com/angular/universal/commit/89821991bd16923f251534744c7dfb3ebd3e40e7)
- [Project clover](https://scrapbox.io/lacolaco-engineering/Angular_Universal_%22Project_Clover%22)
- 静的サイトビルド時に `outputPath` でローカルサーバーを起動する

### Project clover

https://twitter.com/angular/status/1409979945586237446

- `ng add @nguniversal/common`
- prerenderとSSRの自動セットアップ
- `npm run prerender` で静的サイトビルド


### RFC: MatDatepicker Adapter

- [RFC: New date adapters distribution](https://github.com/angular/components/issues/22975)
- ネイティブ / Moment.js以外のアダプターの実装をどうするか
- [feat\(datepicker\): Add additional date adapter implementations](https://github.com/angular/components/issues/20599)

###### tags: `ng_jp_onair`