# ng-japan OnAir #48 "Angular v13リリース!" ``` ng-japan OnAirはAngular日本ユーザー会が主催するオンラインイベントです https://community.angular.jp connpass: https://connpass.com/event/230152 shownote: https://hackmd.io/@lacolaco/SJtQ6DZPK #Angular #ng_jp_onair ``` ## アジェンダ ## v13の変更点 [Angular v13 is now Available\. We’re back with the brand new release… \| by Mark Thompson \(@marktechson\) \| Nov, 2021 \| Angular Blog](https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296) [Angular \- Changes and deprecations in version 13](https://angular.io/guide/update-to-latest-version) ### 廃止・非推奨 - IE11サポートの廃止 - ViewEngineサポート(`enableIvy: false`)の廃止 - TypeScript v4.4.2未満サポートの廃止 - Node.js v12.20未満サポートの廃止 - UMD形式のライブラリ配布の廃止 - CommonJS形式のライブラリ配布の廃止 - 文字列形式の`Route#loadChildren`の廃止 - `node-sass` サポートの廃止 - `@angular-devkit/build-angular:tslint`の廃止 - [feat\(@angular\-devkit/build\-angular\): remove differential loading support · angular/angular\-cli@701214d](https://github.com/angular/angular-cli/commit/701214d174586fe7373b6155024c9b6e97b26377) - [ComponentFactoryResolver](https://angular.io/api/core/ComponentFactoryResolver)の非推奨 - [PlatformRef.bootstrapModuleFactory()](https://angular.io/api/core/PlatformRef#bootstrapModuleFactory)の非推奨 - [feat\(@angular\-devkit/build\-angular\): deprecate deployUrl · angular/angular\-cli@e95ecb8](https://github.com/angular/angular-cli/commit/e95ecb8ab0382eb803741619c446d6cc7b215ba0) ### 新機能 #### `ViewContainerRef.createComponent` w/o factory ```typescript= @Directive({ … }) export class MyDirective { constructor(private viewContainerRef: ViewContainerRef) {} createMyComponent() { this.viewContainerRef.createComponent(MyComponent); } } ``` #### 永続ビルドキャッシュのデフォルト化 [Angular \- Persistent disk cache](https://angular.io/cli/cache) ```shell ng config cli.cache.enabled true ``` #### `$localize` API [Angular \- \$localize](https://angular.io/api/localize/init/$localize) ![image alt](https://pbs.twimg.com/media/FDNF3-KXsBUKZGl?format=jpg&name=medium) #### TestBedの自動teardown [Improving Angular tests by enabling Angular testing module teardown \- DEV Community](https://dev.to/this-is-angular/improving-angular-tests-by-enabling-angular-testing-module-teardown-38kh) ```typescript= getTestBed().initTestEnvironment( BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: true } }, // 👈 ); ``` #### 組み込みバリデータの動的enable/disable [feat\(forms\): allow minLength/maxLength validator to be bound to \`null\` by iRealNirmal · Pull Request \#42565 · angular/angular](https://github.com/angular/angular/pull/42565) ```htmlembedded= <input type=”number” [ngModel]=”model” [min]=”minValue” // set `null` to disable [max]=”maxValue”> ``` #### ナビゲーションキャンセル時の履歴復元 [refactor\(router\): compute correct history restoration when navigation is cancelled by aahmedayed · Pull Request \#38884 · angular/angular](https://github.com/angular/angular/pull/38884) [feat\(router\): Option to correctly restore history on failed navigation by atscott · Pull Request \#43289 · angular/angular](https://github.com/angular/angular/pull/43289) ```typescript= RouterModule.forRoot( routes, {canceledNavigationResolution: ‘computed’}, ); ``` ### その他の変更 - [feat\(forms\): Give form statuses a more specific type by dylhunn · Pull Request \#42952 · angular/angular](https://github.com/angular/angular/pull/42952) - [feat\(common\): add injection token for default date pipe timezone by crisbeto · Pull Request \#43611 · angular/angular](https://github.com/angular/angular/pull/43611) - [feat\(@angular/cli\): officially support Node\.js v16 · angular/angular\-cli@9fe5575](https://github.com/angular/angular-cli/commit/9fe55752db8bb50cad5a1ddfe670dce06528e23e) - [feat\(@schematics/angular\): add \`noImplicitOverride\` and \`noPropertyAc… · angular/angular\-cli@3ba13f4](https://github.com/angular/angular-cli/commit/3ba13f467c12f4ad0c314cc92a2d94fb63f640ec) - [feat\(@schematics/angular\): create new projects with rxjs 7 · angular/angular\-cli@7bdcd7d](https://github.com/angular/angular-cli/commit/7bdcd7da1ff3a31f4958d90d856beb297e99b187) - [feat\(@schematics/angular\): drop polyfills required only for Internet … · angular/angular\-cli@eac18ae](https://github.com/angular/angular-cli/commit/eac18aed78da55efb840a3ef6f5e90718946504c) - [perf\(@angular\-devkit/build\-angular\): use esbuild/terser combination t… · angular/angular\-cli@8e82263](https://github.com/angular/angular-cli/commit/8e82263c5e7da6ca25bdd4e2ce9ad2c775d623b7) - [fix\(@angular\-devkit/build\-angular\): set browserslist defaults · angular/angular\-cli@76d6d88](https://github.com/angular/angular-cli/commit/76d6d8826f9968f84edf219f67b84673d70bbe95) - [feat\(router\): new output that would notify when link is activated \(\#4… · angular/angular@faf9f5a](https://github.com/angular/angular/commit/faf9f5a3bc444bb6cbf75916c8022f60e0742bca) ###### tags: `ng_jp_onair`