# ng-japan OnAir vol.34

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

https://community.angular.jp
connpass: https://connpass.com/event/203441/
shownote: https://hackmd.io/@lacolaco/HkLMOACyO

#Angular #ng_jp_onair

## アジェンダ

- Monthly Angular 2月号

## Monthly Angular

### v11.1リリース

- Core
- [11\.1\.0 \(2021\-01\-20\)](https://github.com/angular/angular/blob/master/CHANGELOG.md#1110-2021-01-20)
- CLI:
- [Release v11\.1\.0 · angular/angular\-cli](https://github.com/angular/angular-cli/releases/tag/v11.1.0)
- Components
- [11\.0\.0 "nitrite\-trilobite" \(2020\-11\-11\)](https://github.com/angular/components/blob/master/CHANGELOG.md#1100-nitrite-trilobite-2020-11-11)
- [11\.1\.0 "protoplasm\-phantasm" \(2021\-01\-20\)](https://github.com/angular/components/blob/master/CHANGELOG.md#1110-protoplasm-phantasm-2021-01-20)

**主なアップデート**

- TypeScript 4.1サポート
- [feat\(@angular\-devkit/build\-angular\): support using TypeScript 4\.1 · angular/angular\-cli@8d92a7c](https://github.com/angular/angular-cli/commit/8d92a7cbf0651912308ad7a6df8f2ca609cef843)
- Error Message Improvement
- [refactor\(core\): add top 10 runtime error codes \(\#39188\) · angular/angular@e6ca3d3](https://github.com/angular/angular/commit/e6ca3d3841bc044eb30e6b891d459e3002da6d88)
- クリティカルCSSのインライン化
- [feat\(@angular\-devkit/build\-angular\): enable inlining of critical CSS … · angular/angular\-cli@eb30a92](https://github.com/angular/angular-cli/commit/eb30a92e8ad4bf27461010b1917d1fcffd10ff31)
- i18nロケールファイルのjsonサポート
- [feat\(@angular\-devkit/build\-angular\): support extracting with json file · angular/angular\-cli@dc97667](https://github.com/angular/angular-cli/commit/dc9766738dcb7ad1d4eeb79a25c14ef8fdf7941f)
- Ivy-native Library (experimental)
- [feat\(@angular\-devkit/build\-angular\): integrate Angular compiler linker by clydin · Pull Request \#19641 · angular/angular\-cli](https://github.com/angular/angular-cli/pull/19641)
- [RFC: Ivy Library Distribution · Issue \#38366 · angular/angular](https://github.com/angular/angular/issues/38366)
- Language Service Ivyサポート (experimental)
- [Angular Language Service with Ivy\! \| \#ngUpdate \- YouTube](https://www.youtube.com/watch?v=doVYC32hjIw&feature=youtu.be)
- Trusted Typesサポート
- [Angular \- Security](https://angular.io/guide/security#enforcing-trusted-types)
- [fix\(@angular\-devkit/build\-angular\): allow default Webpack 5 caching · angular/angular\-cli@f8b9fec](https://github.com/angular/angular-cli/commit/f8b9fecf8883f277c34a130f6324816b2af41fe1)
- [feat\(@angular\-devkit/build\-angular\): support following symlinked asse… · angular/angular\-cli@cc723d8](https://github.com/angular/angular-cli/commit/cc723d8d74986005c2455ca212cb4b41a5cdf56f)
- [fix\(@angular/cli\): temporarily limit npm to version 6 · angular/angular\-cli@755b679](https://github.com/angular/angular-cli/commit/755b6795f4bd643d0d61af813880d5300282e39d)
- [\`npm install\` fails with NPM 7 · Issue \#19957 · angular/angular\-cli](https://github.com/angular/angular-cli/issues/19957)
- [feat\(cdk/testing\): support modifiers for clicking on a TestElement \(\#… · angular/components@e70e5dd](https://github.com/angular/components/commit/e70e5dd307f586f7c95377e00dc158c2e4dfde61)
- [feat\(material/core\): add date format for month label \(\#21044\) · angular/components@042b8fc](https://github.com/angular/components/commit/042b8fc113f80e1539fa9058a3db1352151c6371)
- https://material.angular.io/components/datepicker/overview#internationalization
- [feat\(cdk/testing\): allow disabling & batching of change detection by mmalerba · Pull Request \#20464 · angular/components](https://github.com/angular/components/pull/20464)

### v11.2-RC

- Core
- [11\.2\.0\-rc\.0 \(2021\-02\-03\)](https://github.com/angular/angular/blob/master/CHANGELOG.md#1120-rc0-2021-02-03)
- CLI
- [v11\.2\.0\-next\.0](https://github.com/angular/angular-cli/releases/tag/v11.2.0-next.0)
- Components
- [11\.2\.0\-rc\.0 "sandstone\-pyramid" \(2021\-02\-03\)](https://github.com/angular/components/blob/master/CHANGELOG.md#1120-rc0-sandstone-pyramid-2021-02-03)

**主なアップデート**

- [feat\(@angular\-devkit/build\-angular\): support targeting ES2017 with Zo… · angular/angular\-cli@e2e8d57](https://github.com/angular/angular-cli/commit/e2e8d57b38546a001327cdd6fc0353a44e90712e)
- [feat\(@angular\-devkit/build\-angular\): support karma version 6\.x · angular/angular\-cli@2ce5445](https://github.com/angular/angular-cli/commit/2ce5445ed3c0065a4f667542f952e19927c17ccf)
- Karma [6\.0\.0 \(2021\-01\-13\)](https://github.com/karma-runner/karma/blob/master/CHANGELOG.md#600-2021-01-13)
- [feat\(@angular\-devkit/build\-angular\): detect and use tailwindcss in pr… · angular/angular\-cli@73b4098](https://github.com/angular/angular-cli/commit/73b409881f71a8235769a345356dcde3c568d0c3)
- Survey https://twitter.com/angular/status/1347301953618014211
- 結果を受けてのコメント [Specify custom PostCSS plugins · Issue \#8427 · angular/angular\-cli](https://github.com/angular/angular-cli/issues/8427#issuecomment-773557085)

**マージ見込み**

- [feat\(core\): support global fakeAsync functionality across multiple test cases\. by JiaLiPassion · Pull Request \#40611 · angular/angular](https://github.com/angular/angular/pull/40611)
- `beginFakeAsync()`/`endFakeAsync()`
- [feat\(animations\): add support for disabling animations through BrowserAnimationsModule\.forRoot by crisbeto · Pull Request \#40731 · angular/angular](https://github.com/angular/angular/pull/40731)
- 実行時にアニメーションを無効にできるフラグ
- [feat\(@angular\-devkit/build\-angular\): add \`postcss\-preset\-env\` with stage 3 features by alan\-agius4 · Pull Request \#19980 · angular/angular\-cli](https://github.com/angular/angular-cli/pull/19980)
- 事実上のCustom Propertyサポート
- [feat\(forms\): introduce min and max validators \(\#39063\) · angular/angular@8fb83ea](https://github.com/angular/angular/commit/8fb83ea1b524663bd804908308d528c338450270)
- 破壊的変更なのでv12まで待ちかも

### Contents

- [Angular 日本語ドキュメンテーション \- エラーリスト](https://angular.jp/errors/)
- YouTube: https://www.youtube.com/c/Angular
- [\#ngUpdate \- YouTube](https://www.youtube.com/playlist?list=PL1w1q3fL4pmjt6fSdbGrjfWUauIT2-O00)
- [Optimizing Apps with Resource Inlining \| \#ngUpdate](https://www.youtube.com/watch?v=yOpy9UMQG-Y)
- [\[Debugging\] Angular Error Messages \- YouTube](https://www.youtube.com/playlist?list=PL1w1q3fL4pmi8SydlCdMdm7kCbHi-7wpS)
- [Intro to HMR in Angular](https://www.youtube.com/watch?v=nlEma7rUJAk)

###### tags: `ng_jp_onair`