# ng-japan OnAir vol.39 "Monthly Angular 4月号" ``` ng-japan OnAirはAngular日本ユーザー会が主催するオンラインイベントです https://community.angular.jp connpass: https://connpass.com/event/211697 shownote: https://hackmd.io/@lacolaco/HJA7JHoSd youtube: https://youtu.be/GPXa3NmNaDE #Angular #ng_jp_onair ``` ## Monthly Angular 4月号 ### v11.2 - Core - [11.2.11](https://github.com/angular/angular/blob/master/CHANGELOG.md#11211-2021-04-21) - CLI: - [v11\.2\.10](https://github.com/angular/angular-cli/releases/tag/v11.2.10) - 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) **主なアップデート** - [fix\(compiler\-cli\): autocomplete literal types in templates · angular/angular@296f887](https://github.com/angular/angular/commit/296f8873832a369f3c512fcba3215a6fcdb71e66) - [fix\(@angular\-devkit/build\-angular\): set Tailwind CSS mode when using … · angular/angular\-cli@ff02842](https://github.com/angular/angular-cli/commit/ff02842a702d651b72de782df99ad34f2f4ff06d) - Tailwind CSS 2.1のJITモード対応 (ng serveでJIT有効) ### v12.0 RC - Core - [12\.0\.0\-rc\.0](https://github.com/angular/angular/blob/master/CHANGELOG.md#1200-rc0-2021-04-21) - CLI: - [12\.0\.0\-rc\.0](https://github.com/angular/angular-cli/releases/tag/v12.0.0-rc.0) - Components - [12\.0\.0\-rc\.0](https://github.com/angular/components/blob/master/CHANGELOG.md#1200-rc0-charcoal-pencil-2021-04-21) **主なアップデート** - [feat\(forms\): introduce min and max validators by sonukapoor · Pull Request \#39063 · angular/angular](https://github.com/angular/angular/pull/39063) - これまでAngular Formから無視されていたmin/max属性によるバリデータが反映される - [feat\(http\): export a list of http status codes by QuentinFchx · Pull Request \#23548 · angular/angular](https://github.com/angular/angular/pull/23548) - `const enum HttpStatusCode { OK = 200 }` - [feat\(forms\): add \`emitEvent\` option for AbstractControl\-based class methods by MikeJerred · Pull Request \#31031 · angular/angular](https://github.com/angular/angular/pull/31031) - FormGroupやFormArrayを継承したクラスで上書きしていたら衝突する可能性 - [feat\(core\): support APP\_INITIALIZER work with observable by vthinkxie · Pull Request \#33222 · angular/angular](https://github.com/angular/angular/pull/33222) - `APP_INITIALIZER`がPromiseだけでなくObservableも対応 - [feat\(core\): drop support for zone\.js 0\.10\.x by alan\-agius4 · Pull Request \#40823 · angular/angular](https://github.com/angular/angular/pull/40823) - [feat\(router\): Allow for custom router outlet implementations by atscott · Pull Request \#40827 · angular/angular](https://github.com/angular/angular/pull/40827) - `RouterOutlet`の独自実装が容易になる - [fix\(common\): allow number or boolean as http params by cexbrayat · Pull Request \#40663 · angular/angular](https://github.com/angular/angular/pull/40663) - HttpParamsがnumberとbooleanを自動で文字列に変換する - [feat\(animations\): add support for disabling animations through BrowserAnimationsModule\.withConfig by crisbeto · Pull Request \#40731 · angular/angular](https://github.com/angular/angular/pull/40731) - 第38回を参照 - [feat\(router\): Add more find\-tuned control in \`routerLinkActiveOptions\` by atscott · Pull Request \#40303 · angular/angular](https://github.com/angular/angular/pull/40303) - `isActive`の判定に使える情報が柔軟になる - formsのバンドルサイズ最適化 - [perf\(forms\): make \`FormBuilder\` and \`RadioControlRegistry\` tree\-shakable by AndrewKushnir · Pull Request \#41126 · angular/angular](https://github.com/angular/angular/pull/41126) - [perf\(forms\): make built\-in ControlValueAccessors more tree\-shakable by AndrewKushnir · Pull Request \#41146 · angular/angular](https://github.com/angular/angular/pull/41146) - [feat\(core\): support TypeScript 4\.2 by crisbeto · Pull Request \#41158 · angular/angular](https://github.com/angular/angular/pull/41158) - [feat\(common\): http client request metadata for use in interceptors by FDIM · Pull Request \#25751 · angular/angular](https://github.com/angular/angular/pull/25751) - HttpClientのリクエストからIntercepterへデータを渡せるコンテキストオブジェクト - [fix\(router\): fragment can be null by MatthiasKunnen · Pull Request \#37336 · angular/angular](https://github.com/angular/angular/pull/37336) - これまで`Observable<string>`なのにnullとundefinedも混じっていたのを修正 - ng-updateでマイグレーションされる - [feat\(common\): add historyGo method to Location service by aahmedayed · Pull Request \#38890 · angular/angular](https://github.com/angular/angular/pull/38890) - [feat\(compiler\-cli\): support transforming component style resources by clydin · Pull Request \#41307 · angular/angular](https://github.com/angular/angular/pull/41307) - インラインスタイルでもSCSSなど使えるようになる - [fix\(@schematics/angular\): set \`inlineStyleLanguage\` when application … · angular/angular\-cli@1bf976f](https://github.com/angular/angular-cli/commit/1bf976f663e938164eb3ff55540ea0b3934d3a00) - [feat\(core\): support \`forwardRef\` in \`providedIn\` of \`Injectable\` declaration by crisbeto · Pull Request \#41426 · angular/angular](https://github.com/angular/angular/pull/41426) - [build: \`ng\_package\` no longer generate minified UMDs by alan\-agius4 · Pull Request \#41425 · angular/angular](https://github.com/angular/angular/pull/41425) - UMD形式のパッケージの配布を終了 - [fix\(animations\): allow animations on elements in the shadow DOM by jeripeierSBB · Pull Request \#40134 · angular/angular](https://github.com/angular/angular/pull/40134) - ViewEncapsulation.ShadowDomのときAngular Animationsが使えなかったのを修正 - [fix\(@angular\-devkit/build\-angular\): show warning when using stylus · angular/angular\-cli@7a8686a](https://github.com/angular/angular-cli/commit/7a8686abe9d490f22ff25f6b02709c9e18d3c410) - Stylusサポート非推奨へ - [refactor\(@schematics/angular\): remove \`stylus\` from \`style\` options · angular/angular\-cli@fd729ac](https://github.com/angular/angular-cli/commit/fd729aca0e74c242797d4697786fbede06bc844b) - ng-build `production` by default - [feat\(@schematics/angular\): production builds by default · angular/angular\-cli@1de6d71](https://github.com/angular/angular-cli/commit/1de6d71edd899465a01c65790f6fb04159acc821) - [feat\(@angular\-devkit/architect\): add implementation for defaultConfig… · angular/angular\-cli@1da359a](https://github.com/angular/angular-cli/commit/1da359ac08d1a5503ab152db72ee6cee927391b8) - [fix\(@angular\-devkit/build\-angular\): change several builder options de… · angular/angular\-cli@656f8d7](https://github.com/angular/angular-cli/commit/656f8d75a3368a5affd1c55145841123dafdb007) - [feat\(@schematics/angular\): add production by default optional migration · angular/angular\-cli@c7e1266](https://github.com/angular/angular-cli/commit/c7e126609f4a0d86bd47a226717ab6430fd85cfd) - [feat\(@angular/cli\): deprecate \`\-\-prod\` command line argument · angular/angular\-cli@a5877bf](https://github.com/angular/angular-cli/commit/a5877bf91765af71c1368fd2fb61d29079931205) - `--prod`は非推奨。 `-c production` へ - [fix\(@angular\-devkit/build\-angular\): remove usage of deprecated View E… · angular/angular\-cli@677913f](https://github.com/angular/angular-cli/commit/677913fc389f0ffa20e3e1928d7244427c07ef35) - Ivyオプトアウトサポート終了 - [feat\(@schematics/angular\): remove tslint and codelyzer from new projects · angular/angular\-cli@226a8d2](https://github.com/angular/angular-cli/commit/226a8d274d27d191651926bc7970af11cfee2597) - ng-newからtslint削除 - [feat\(@angular\-devkit/build\-angular\): show warning during build when p… · angular/angular\-cli@71eab3d](https://github.com/angular/angular-cli/commit/71eab3ddb603cb70a98120012a174cb159d9b28d) - IE11サポート非推奨化 - [feat\(@angular\-devkit/build\-angular\): enable inlineCritical by default · angular/angular\-cli@aa3ea88](https://github.com/angular/angular-cli/commit/aa3ea885ed69cfde0914abae547e15d6d499a908) - クリティカルCSSのインライン化のデフォルト有効化 - [fix\(@angular/cli\): remove npm 7 incompatibility notification · angular/angular\-cli@065ac45](https://github.com/angular/angular-cli/commit/065ac4546fbb4928245609d52c1f6d81fdd48cb9) - npm7サポート - [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) - postcss stage 3サポート - `custom properties` :tada: - [feat\(@schematics/angular\): strict mode by default by alan\-agius4 · Pull Request \#20029 · angular/angular\-cli](https://github.com/angular/angular-cli/pull/20029) - `ng-new`の `--strict` デフォルト有効化 - [feat\(material/core\): expose new @use\-based Sass API by crisbeto · Pull Request \#22173 · angular/components](https://github.com/angular/components/pull/22173) - `@use`ベースの新しいSassモジュール - [components/theming\.md at master · angular/components](https://github.com/angular/components/blob/master/guides/theming.md) #### コミュニティ動向 - [RFC: Internet Explorer 11 support deprecation and removal · Issue \#41840 · angular/angular](https://github.com/angular/angular/issues/41840) - IE11のサポート終了までのタイムライン - [Future of Angular E2E & Plans for Protractor · Issue \#5502 · angular/protractor](https://github.com/angular/protractor/issues/5502) - Protractorのサポート終了 - 公式ブログ - [Nishu Goel: The journey to GDE\. \#WomenAreExperts is a series that… \| by Emma Twersky \| Mar, 2021 \| Angular Blog](https://blog.angular.io/nishu-goel-the-journey-to-gde-d23d7cdb6289) - Angular GDEへのインタビュー記事 - [Upcoming improvements to Angular library distribution \| by Minko Gechev \| Apr, 2021 \| Angular Blog](https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4) - ライブラリビルドはデフォルトでenableIvy - v12以降作られるアプリケーションはすべてIvy - ng-conf 2021 - Keynote - [NG Conf 2021 Thursday Keynote \- YouTube](https://www.youtube.com/watch?v=Ns8HrYLHzxo) - v12 Update - [NG Conf 2021 Friday Keynote \- YouTube](https://www.youtube.com/watch?v=8ZZmkJnfb54) - RxJS v7 - NgRx - RxJS Live! Asia - [【4/30開催】RxJS Live\! Asia 優待チケットの案内 \- イベント情報 \- Discourse \| Angular Japan User Group](https://angular-japan.discourse.group/t/topic/301) - [ng\-sake vol\.19 \- connpass](https://ng-sake.connpass.com/event/211713/) - 4/30 20時〜 ``` $ npx @angular/cli@next new hogehoge ``` ###### tags: `ng_jp_onair`