diff --git a/_i18n/ja/_posts/2021/2021-02-16-typescript-4.2-rc-webdriverio-v7-nuxt.js-2.15.0.md b/_i18n/ja/_posts/2021/2021-02-16-typescript-4.2-rc-webdriverio-v7-nuxt.js-2.15.0.md new file mode 100644 index 00000000000..d207c54e923 --- /dev/null +++ b/_i18n/ja/_posts/2021/2021-02-16-typescript-4.2-rc-webdriverio-v7-nuxt.js-2.15.0.md @@ -0,0 +1,245 @@ +--- +title: "2021-02-16のJS: TypeScript 4.2 RC、WebdriverIO v7、Nuxt.js 2.15.0" +author: "azu" +layout: post +date : 2021-02-16T03:07:05.874Z +category: JSer +tags: +- TypeScript +- Vue +- HTML +- node.js +- Fetch + +--- + +JSer.info #527 - TypeScript 4.2 RCがリリースされています。 + +- [Announcing TypeScript 4.2 RC | TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-rc/) + +Tuple TypesでRest Elementをサポート、Type Aliasの型追跡の仕組みを改善して表示される型が分かりやすくなるように。 +また、オブジェクトではないオペランドに対して`in`演算子を利用した場合に、コンパイルエラーとなるように変更。 +その他には、`noPropertyAccessFromIndexSignature`オプションの追加、`abstract new`のサポート、`--explainFiles`フラグが追加されています。 + +[TypeScript 4.2 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-beta/)の時点では、Template Literal式をデフォルトでTemplate Literal Typeとして扱うように変更されていました。 +しかし、この挙動は[望ましくないケース](https://github.com/microsoft/TypeScript/issues/42589)もあることがわかり、revertしてデフォルトでは`string`として扱うようになっています。 +4.2 RCでは、Template Literal式に `as const` をつけた場合のみ、Template Literal Typeとして扱うようになっています。 + +```ts +declare const yourName: string; + +// 'bar' has type '`hello ${string}`'. +const bar = `hello ${yourName}` as const; +// ^^^^^^^^ + +// 'baz' has type 'string'. +const baz = `hello ${yourName}`; +``` + +--- + +WebdriverIO v7がリリースされました。 + +- [WebdriverIO v7 Released | WebdriverIO](https://webdriver.io/blog/2021/02/09/webdriverio-v7-released/) + + +Node.js 10のサポート終了、TypeScriptでの書き直し、Cucumber v7へアップデート、Lightouse連携の改善が含まれています。 +`browser.checkPWA()`の追加、`@babel/register`や`ts-node`がインストールされている場合に自動的にコンパイルする[`autoCompileOpts`](https://webdriver.io/docs/configurationfile)オプションの追加などが含まれています。 + +--- + +Nuxt.js 2.15.0がリリースされています。 + +- [Release v2.15.0 · nuxt/nuxt.js](https://github.com/nuxt/nuxt.js/releases/tag/v2.15.0) +- [nuxt/components: Scan and auto import components for Nuxt.js 2.13+](https://github.com/nuxt/components#migration-guide) +- [nuxt-contrib/jiti: Runtime Typescript and ESM support for Node.js](https://github.com/nuxt-contrib/jiti) + +破壊的な変更としてNode.js 10のサポート終了、`@nuxt/components` v2へのアップデートが含まれています。 +`@nuxt/components` v2へのアップデートするマイグレーションガイドも公開されています。 + +- [nuxt/components: Scan and auto import components for Nuxt.js 2.13+](https://github.com/nuxt/components#migration-guide "nuxt/components: Scan and auto import components for Nuxt.js 2.13+") + +その他にはYarnのPlug'n'Playのサポート、PostCSS 8をopt-inでサポートしています。 + +---- + +

ヘッドライン

+ +---- + +## Release v4.0.0 · lerna/lerna +[github.com/lerna/lerna/releases/tag/v4.0.0](https://github.com/lerna/lerna/releases/tag/v4.0.0 "Release v4.0.0 · lerna/lerna") +

JavaScript monorepo ReleaseNote

+ +lerna 4.0.0リリース。 +Node.js 10未満のサポート終了、依存のアップデートなど + + +---- + +## Announcing TypeScript 4.2 RC | TypeScript +[devblogs.microsoft.com/typescript/announcing-typescript-4-2-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-rc/ "Announcing TypeScript 4.2 RC | TypeScript") +

TypeScript ReleaseNote

+ +TypeScript 4.2 RCリリース。 +Tuple TypesでRest Elementをサポート、Type Aliasの型追跡の改善、オブジェクトではないオペランドに対する`in`演算子のチェックを追加。`noPropertyAccessFromIndexSignature`オプションの追加、`abstract new`のサポート、`--explainFiles`フラグの追加など + + +---- + +## Release v2.0.0 · markedjs/marked +[github.com/markedjs/marked/releases/tag/v2.0.0](https://github.com/markedjs/marked/releases/tag/v2.0.0 "Release v2.0.0 · markedjs/marked") +

Markdown library ReleaseNote

+ +marked 2.0.0リリース + + +---- + +## eBay Launches Marko 5 +[tech.ebayinc.com/engineering/ebay-launches-marko-5/](https://tech.ebayinc.com/engineering/ebay-launches-marko-5/ "eBay Launches Marko 5") +

JavaScript library template ReleaseNote

+ +Marko 5リリース。 +コンパイラにBabelを使うように、webpackとRollupでのbundleに対応、`@marko/testing-library`の追加、VScodeなどのエディタ拡張のサポートなど。 + +- [Upgrading to Marko 5](https://markojs.com/docs/marko-5-upgrade/ "Upgrading to Marko 5") + +---- + +## WebdriverIO v7 Released | WebdriverIO +[webdriver.io/blog/2021/02/09/webdriverio-v7-released/](https://webdriver.io/blog/2021/02/09/webdriverio-v7-released/ "WebdriverIO v7 Released | WebdriverIO") +

webdriver JavaScript library ReleaseNote

+ +WebdriverIO v7リリース。 +Node.js 10のサポート終了、TypeScriptでの書き直し、Cucumber v7へアップデート、Lightouse連携の改善。 +`browser.checkPWA()`の追加、`@babel/register`や`ts-node`がインストールされている場合に自動的にコンパイルする`autoCompileOpts`の追加など + + +---- + +## Release v2.15.0 · nuxt/nuxt.js +[github.com/nuxt/nuxt.js/releases/tag/v2.15.0](https://github.com/nuxt/nuxt.js/releases/tag/v2.15.0 "Release v2.15.0 · nuxt/nuxt.js") +

Vue library ReleaseNote

+ +Nuxtjs 2.15.0リリース。 +Node.js 10のサポート終了、YarnのPlug'n'Playのサポート、`@nuxt/components` v2へのアップデートなど + +- [nuxt/components: Scan and auto import components for Nuxt.js 2.13+](https://github.com/nuxt/components#migration-guide "nuxt/components: Scan and auto import components for Nuxt.js 2.13+") +- [nuxt-contrib/jiti: Runtime Typescript and ESM support for Node.js](https://github.com/nuxt-contrib/jiti "nuxt-contrib/jiti: Runtime Typescript and ESM support for Node.js") + +---- +

アーティクル

+ +---- + +## Dynamic Static Typing In TypeScript — Smashing Magazine +[www.smashingmagazine.com/2021/01/dynamic-static-typing-typescript/](https://www.smashingmagazine.com/2021/01/dynamic-static-typing-typescript/ "Dynamic Static Typing In TypeScript — Smashing Magazine") +

TypeScript article express

+ +expressのルーティングの型を書きながら、TypeScriptの高度な型について見ていくチュートリアル + + +---- + +## Generators in Javascript: How to use them - DEV Community 👩‍💻👨‍💻 +[dev.to/karimelghamry/generators-in-javascript-how-to-use-them-372d](https://dev.to/karimelghamry/generators-in-javascript-how-to-use-them-372d "Generators in Javascript: How to use them - DEV Community 👩‍💻👨‍💻") +

JavaScript article

+ +generator関数の使い方とユースケースについて + + +---- + +## Lazy Load Routes in Vue with webpack Dynamic Comments | CSS-Tricks +[css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/](https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/ "Lazy Load Routes in Vue with webpack Dynamic Comments | CSS-Tricks") +

Vue article

+ +Vue Routerを使った遅延ロードについての解説記事。 +webpackでのchunkの分離、`webpackChunkName`でのchunkのファイル名の指定についてなど + + +---- + +## Just(js): On Javascript Performance +[just.billywhizz.io/blog/on-javascript-performance-01/](https://just.billywhizz.io/blog/on-javascript-performance-01/ "Just(js): On Javascript Performance") +

JavaScript benchmark performance article C++

+ +Just(js)はどのような最適化をしてTechempowerのベンチマークのスコアをあげていったかについての記事 + +- [Introduction - TechEmpower Framework Benchmarks](https://www.techempower.com/benchmarks/#section=intro "Introduction - TechEmpower Framework Benchmarks") + +---- +

スライド、動画関係

+ +---- + +## Write videos in React | Remotion +[www.remotion.dev/](https://www.remotion.dev/ "Write videos in React | Remotion") +

React video library

+ +Reactを使って動画を作るための開発環境とライブラリ + + +---- +

ソフトウェア、ツール、ライブラリ関係

+ +---- + +## tildeio/simple-html-tokenizer: A lightweight JavaScript library for tokenizing non-\`