2021-10-12のJS: npm 8.0.0(Node.js 16に同梱)、jQuery Mobileの非推奨化/jQuery UIはメンテナンスモードへ、ESLint 8

_i18n/ja/_posts/2021/2021-10-12-npm-8.0.0node.js-16-jquery-mobilejquery-ui-eslint-8.md

@@ -0,0 +1,237 @@
+---
+title: "2021-10-12のJS: npm 8.0.0(Node.js 16に同梱)、jQuery Mobileの非推奨化/jQuery UIはメンテナンスモードへ、ESLint 8"
+author: "azu"
+layout: post
+date : 2021-10-12T03:42:43.147Z
+category: JSer
+tags:
+- jQuery
+- security
+- TypeScript
+- Tools
+- npm
+
+---
+
+JSer.info #561 - npm 8.0.0がリリースされました。
+
+- [Release v8.0.0 · npm/cli](https://github.com/npm/cli/releases/tag/v8.0.0)
+
+Node.js 10のサポート終了、Node.jsモジュール(`require("npm")`)として利用する方法がサポート終了となっています。
+
+既に[Node v16.11.0](https://nodejs.org/en/blog/release/v16.11.0/)に含まれているため、2021-10-26にリリース予定のNode.js 16 LTSにnpm 8が含まれる予定です。
+
+- [deps: `npm@8` · Issue #40168 · nodejs/node](https://github.com/nodejs/node/issues/40168)
+
+---
+
+jQuery UI 1.13.0がリリースされました。
+
+- [jQuery UI 1.13.0 released | jQuery UI Blog](https://blog.jqueryui.com/2021/10/jquery-ui-1-13-0-released/)
+
+jQuery 1.7以下のサポートを終了し、1.8以降の最新のバージョンを含むjQueryに対応しています。
+
+このリリースをもって、jQuery UIはメンテナンスモードとなり、今後はバグ修正やセキュリティ修正などが中心となります。
+
+- [jQuery maintainers update and transition jQuery UI as part of overall modernization efforts | jQuery UI Blog](https://blog.jqueryui.com/2021/10/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/)
+
+また、同時にjQuery MobileはDeprecatedとなっています。
+
+- [jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile - OpenJS Foundation](https://openjsf.org/blog/2021/10/07/deprecation-of-jquery-mobile/)
+
+---
+
+ESLint 8.0.0がリリースされています。
+
+- [ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter](https://eslint.org/blog/2021/10/eslint-v8.0.0-released)
+
+破壊的な変更としてNode 10のサポート終了、`codeframe`と`table`のフォーマッターをコアから削除、`eslint:recommended`の更新などが行われています。
+また、`ESLint`クラスを追加し`CLIEngine`クラスを削除、`eslint/lib`のエントリーポイントの削除、プラグインでも一部変更が含まれています。
+そのため、一部ルールがESLint 8では動かなくなっている可能性はありそうです。
+
+機能追加としてES2020のサポート、使われていない`eslint-disable`コメントを削除できるようになようになっています。
+
+マイグレーションガイドは次のページに公開されています。
+
+- [Migrating to v8.0.0 - ESLint - Pluggable JavaScript linter](https://eslint.org/docs/user-guide/migrating-to-8.0.0)
+
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Release v8.0.0 · npm/cli
+[github.com/npm/cli/releases/tag/v8.0.0](https://github.com/npm/cli/releases/tag/v8.0.0 "Release v8.0.0 · npm/cli")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+npm 8.0.0リリース。
+Node.js 10のサポート終了、Node.jsモジュール(`require("npm")`)としてのサポートを終了など。
+2021-10-26にリリース予定のNode.js 16 LTSに含まれる
+
+- [deps: \`npm@8\` · Issue #40168 · nodejs/node](https://github.com/nodejs/node/issues/40168 "deps: \&#x60;npm@8\&#x60; · Issue #40168 · nodejs/node")
+
+----
+
+## Release v4.0.0 · immutable-js/immutable-js
+[github.com/immutable-js/immutable-js/releases/tag/v4.0.0](https://github.com/immutable-js/immutable-js/releases/tag/v4.0.0 "Release v4.0.0 · immutable-js/immutable-js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+immutable-js v4.0.0リリース。
+MITライセンスへ変更、TypeScriptとFlowの型を改善、ドキュメントの更新。
+破壊的な変更として、`merge`と`mergeDeep`の挙動変更、`Iterable`をCollectionにリネーム、APIの削除や追加などが含まれる。
+また、CollectionがECMAScriptのIterable protocolの実装となるように変更など
+
+
+----
+
+## Node v16.11.0 (Current) | Node.js
+[nodejs.org/en/blog/release/v16.11.0/](https://nodejs.org/en/blog/release/v16.11.0/ "Node v16.11.0 (Current) | Node.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v16.11.0リリース。
+npm 8.0.0を同梱するように。
+
+
+----
+
+## Lots to see in Firefox 93! - Mozilla Hacks - the Web developer blog
+[hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/](https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/ "Lots to see in Firefox 93! - Mozilla Hacks - the Web developer blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Firefox 93リリース。
+AVIFのサポート、ECMAScript Proposal Stage 4のStatic initialization blocksのサポート。
+`ElementInternals.shadowRoot`と `HTMLElement.attachInternals`のサポートなど
+
+- [Firefox 93 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/93 "Firefox 93 for developers - Mozilla | MDN")
+- [Firefox 93.0, See All New Features, Updates and Fixes](https://www.mozilla.org/en-US/firefox/93.0/releasenotes/ "Firefox 93.0, See All New Features, Updates and Fixes")
+
+----
+
+## jQuery UI 1.13.0 released | jQuery UI Blog
+[blog.jqueryui.com/2021/10/jquery-ui-1-13-0-released/](https://blog.jqueryui.com/2021/10/jquery-ui-1-13-0-released/ "jQuery UI 1.13.0 released | jQuery UI Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">GUI</span> <span class="jser-tag">library</span></p>
+
+jQuery UI 1.13.0リリース
+jQuery 1.7以下のサポートを終了し、1.8以降の最新のバージョンを含むjQueryに対応。
+このリリースをもってjQuery UIはメンテナンスモードとなり、今後はセキュリティやバグ修正のみとなる
+
+- [jQuery maintainers update and transition jQuery UI as part of overall modernization efforts | jQuery UI Blog](https://blog.jqueryui.com/2021/10/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/ "jQuery maintainers update and transition jQuery UI as part of overall modernization efforts | jQuery UI Blog")
+
+----
+
+## jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile - OpenJS Foundation
+[openjsf.org/blog/2021/10/07/deprecation-of-jquery-mobile/](https://openjsf.org/blog/2021/10/07/deprecation-of-jquery-mobile/ "jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile - OpenJS Foundation")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">mobile</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">library</span></p>
+
+jQuery Mobileは2021-10-07をもってDeprecatedとなった。
+同じくjQuery UIもメンテナンスモードとなった。
+
+
+----
+
+## Release v0.39.0 · nvm-sh/nvm
+[github.com/nvm-sh/nvm/releases/tag/v0.39.0](https://github.com/nvm-sh/nvm/releases/tag/v0.39.0 "Release v0.39.0 · nvm-sh/nvm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">Tools</span></p>
+
+Nodeバージョン管理ツールのnvm 0.39.0リリース。
+WSL/MSYS/Cygwin環境のWindowsをサポート
+
+
+----
+
+## ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter
+[eslint.org/blog/2021/10/eslint-v8.0.0-released](https://eslint.org/blog/2021/10/eslint-v8.0.0-released "ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>
+
+ESLint v8.0.0リリース。
+破壊的な変更としてNode 10のサポート終了
+、`codeframe`と`table`のフォーマッターをコアから削除、`eslint:recommended`の更新。
+また、`ESLint`クラスを追加し`CLIEngine`クラスを削除、`eslint/lib`のエントリーポイントの削除など。
+機能追加としてES2020のサポート、使われていない`eslint-disable`コメントを削除できるようになるなど
+
+- [Migrating to v8.0.0 - ESLint - Pluggable JavaScript linter](https://eslint.org/docs/user-guide/migrating-to-8.0.0 "Migrating to v8.0.0 - ESLint - Pluggable JavaScript linter")
+
+----
+
+## Release v5.0.0 · typescript-eslint/typescript-eslint
+[github.com/typescript-eslint/typescript-eslint/releases/tag/v5.0.0](https://github.com/typescript-eslint/typescript-eslint/releases/tag/v5.0.0 "Release v5.0.0 · typescript-eslint/typescript-eslint")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript ESLint 5.0.0リリース。
+ESLint 8へアップデート、Node 10のサポート終了。
+`eslint-recommended`のルールを更新、ルールの変更、ASTの更新など
+
+- [ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter](https://eslint.org/blog/2021/10/eslint-v8.0.0-released "ESLint v8.0.0 released - ESLint - Pluggable JavaScript linter")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Safe DOM manipulation with the Sanitizer API
+[web.dev/sanitizer/](https://web.dev/sanitizer/ "Safe DOM manipulation with the Sanitizer API")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebPlatformAPI</span> <span class="jser-tag">security</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+Sanitizer APIのProposalについて。
+HTML文字列をサニタイズするAPIと`Element#setHTML`での設定方法について。
+DomPurifyなどとは異なりサニタイズしたHTML文字列ではなく、HTMLElementを返すAPIを持つ
+
+
+----
+
+## Web Streams Everywhere (and Fetch for Node.js) | CSS-Tricks
+[css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/](https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/ "Web Streams Everywhere (and Fetch for Node.js) | CSS-Tricks")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">WHATWG</span> <span class="jser-tag">stream</span> <span class="jser-tag">article</span></p>
+
+Web Streams APIについて。
+基本的な使い方、Node 17から利用できるNode.js Streamからの変換について
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## Have Single-Page Apps Ruined the Web? | Transitional Apps with Rich Harris, NYTimes - YouTube
+[www.youtube.com/watch?v&#x3D;860d8usGC0o](https://www.youtube.com/watch?v=860d8usGC0o "Have Single-Page Apps Ruined the Web? | Transitional Apps with Rich Harris, NYTimes - YouTube")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">opinion</span> <span class="jser-tag">video</span></p>
+
+SPAとMPAについて。
+SPAにはパフォーマンスなどの欠点があるが、MPAにはナビゲーションやステートなどの欠点がある。
+アプリケーションはSPAとMPAで二分されるものではなく、Next.jsやSvelteKitなどは両方の長所をとるアプローチをしていて、それをTransitionalAppsと呼ぼう的な話
+
+- [Rich Harris on Twitter: &amp;quot;i recorded a talk for https://t.co/aMw9AtvdSC — https://t.co/GETYZ6JW47 — about whether you should build multi-page apps (MPAs) or single-page apps (SPAs). spoiler: the answer is &#039;neither&#039;. or &#039;both&#039;, depending on your definitions. here&#039;s the condensed tweet thread version:&amp;quot; / Twitter](https://twitter.com/Rich_Harris/status/1446601175197880325 "Rich Harris on Twitter: &amp;amp;quot;i recorded a talk for https://t.co/aMw9AtvdSC — https://t.co/GETYZ6JW47 — about whether you should build multi-page apps (MPAs) or single-page apps (SPAs). spoiler: the answer is &amp;#039;neither&amp;#039;. or &amp;#039;both&amp;#039;, depending on your definitions. here&amp;#039;s the condensed tweet thread version:&amp;amp;quot; / Twitter")
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## lukeed/tsm: TypeScript Module Loader
+[github.com/lukeed/tsm](https://github.com/lukeed/tsm "lukeed/tsm: TypeScript Module Loader")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">module</span> <span class="jser-tag">Tools</span></p>
+
+Node.jsの`--loader`や`--require`に対応したTypeScriptのloaderライブラリ。
+ts-nodeのように扱える。内部的にはesbuildを使っている
+
+----
+
+## Core:Manipulation: Add basic TrustedHTML support by mgol · Pull Request #4927 · jquery/jquery
+[github.com/jquery/jquery/pull/4927](https://github.com/jquery/jquery/pull/4927 "Core:Manipulation: Add basic TrustedHTML support by mgol · Pull Request #4927 · jquery/jquery")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">XSS</span> <span class="jser-tag">security</span> <span class="jser-tag">issue</span></p>
+
+jQueryにTrusted Typesのサポートが実装された。
+jQuery 4.0に含まれる予定
+
+- [Have Trusted Types API built directly into the jQuery Core Files · Issue #4409 · jquery/jquery](https://github.com/jquery/jquery/issues/4409 "Have Trusted Types API built directly into the jQuery Core Files · Issue #4409 · jquery/jquery")
+
+----
+
+## google/safevalues
+[github.com/google/safevalues](https://github.com/google/safevalues "google/safevalues")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">security</span> <span class="jser-tag">library</span> <span class="jser-tag">DOM</span></p>
+
+Trutsted TypesベースのHTML、JavaScript、URLの文字列処理をするヘルパーライブラリ
+