2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中 (#…

…1139)

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update 670 draft

* Update _i18n/ja/_posts/2023/2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md

* Delete _i18n/ja/_posts/2023/2023-11-26-670draft.md

* Update _i18n/ja/_posts/2023/2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md

* Update 2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md

* Update _i18n/ja/_posts/2023/2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

_i18n/ja/_posts/2023/2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md

@@ -0,0 +1,209 @@
+---
+title: "2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中"
+author: "azu"
+layout: post
+date: 2023-11-26T06:42:21.444Z
+category: JSer
+tags:
+- CSS
+- HTML
+- slide
+- Tools
+- vite
+
+---
+
+JSer.info #670 - Vite 5.0がリリースされました。
+
+- [Vite 5.0 is out! | Vite](https://vitejs.dev/blog/announcing-vite5)
+
+Node.js 14/16のサポート終了、Rollup 4へアップデート、CommonJS Node API(`require("vite")`)を非推奨化しています。
+また、`define`の置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除なども含まれています。
+
+マイグレーションガイドも合わせて公開されています。
+
+- [Migration from v4 | Vite](https://vitejs.dev/guide/migration#deprecate-cjs-node-api)
+
+---
+
+Node.js 20.10.0がリリースされました。
+
+- [Node v20.10.0 (LTS) | Node.js](https://nodejs.org/en/blog/release/v20.10.0)
+
+主に開発版のNode.js 21.xからのバックポートが中心となっています。
+
+ESMのデフォルト化に関する`--experimental-default-type`と`--experimental-detect-module`のフラグを追加されています。
+
+- [Deep Dive: Node.jsのESMデフォルト化への道 - JSer.info](https://jser.info/2023/10/18/node.js-roadmap-esm-by-default/)
+
+`fs.writeFile`に`flush`オプションを追加、`WebSocket`をグローバルに追加する`--experimental-websocket`フラグを追加。
+また、Jestでメモリリークの原因となっていたVMScriptとDynamic Importに関する問題を修正なども含まれています。
+
+---
+
+JavaScriptの開発者アンケートであるState of JavaScript 2023の受付が開始されています。
+
+- [State of JavaScript 2023](https://survey.devographics.com/survey/state-of-js/2023)
+
+JavaScriptの新しい機能に対する理解度やフレームワークなどの利用についてのアンケートです。
+このアンケートの結果は色々なところで参照されるため、時間があるひとは回答すると良さそうです。
+
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Vite 5.0 is out! | Vite
+[vitejs.dev/blog/announcing-vite5](https://vitejs.dev/blog/announcing-vite5 "Vite 5.0 is out! | Vite")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vite 5.0リリース。
+Node.js 14/16のサポート終了、Rollup 4へアップデート、CJS Node APIを非推奨化。
+`define`の置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除など
+
+- [Migration from v4 | Vite](https://vitejs.dev/guide/migration#deprecate-cjs-node-api "Migration from v4 | Vite")
+
+----
+
+## Bun v1.0.13 | Bun Blog
+[bun.sh/blog/bun-v1.0.13](https://bun.sh/blog/bun-v1.0.13 "Bun v1.0.13 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.0.13リリース。
+`node:http2`のサポートを改善し`@grpc/grpc-js`が動くように修正、`process.report.getReport()`をサポートしVite 5/Rollup 4が動くように修正。
+`with`ステートメントを含むファイルの変換をサポート、`Bun.spawn`のエラーを改善など
+
+
+----
+
+## Release 8.0.0 · vvo/iron-session
+[github.com/vvo/iron-session/releases/tag/v8.0.0](https://github.com/vvo/iron-session/releases/tag/v8.0.0 "Release 8.0.0 · vvo/iron-session")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Next.js</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+iron-session 8.0.0リリース。
+Next.js App Routerに対応し、APIも合わせて変更。
+
+
+----
+
+## Announcing TypeScript 5.3 - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-3/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-3/ "Announcing TypeScript 5.3 - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.3リリース。
+Stage 3のImport Attributesをサポート、`resolution-mode`を`///`コメントで指定できるように。
+`switch(true)`でのNarrowingをサポート、`[Symbol.hasInstance]`と`insteanceof`を使ったNarrowingをサポート。
+パッケージ内のbundleファイルの重複を避けることで、パッケージサイズの改善など。
+
+
+----
+
+## Firefox 120.0, See All New Features, Updates and Fixes
+[www.mozilla.org/en-US/firefox/120.0/releasenotes/](https://www.mozilla.org/en-US/firefox/120.0/releasenotes/ "Firefox 120.0, See All New Features, Updates and Fixes")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Firefox 120リリース。
+`<source>`の`media`属性を再導入、`Date.parse()`でパースできる日付フォーマットの追加、HTTP 103 Early Hintsをサポート。
+その他には、Global Privacy Controlのサポート、CSSの`-moz-image-rect()`を削除など
+
+- [Firefox 120 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/120 "Firefox 120 for developers - Mozilla | MDN")
+
+----
+
+## Node v20.10.0 (LTS) | Node.js
+[nodejs.org/en/blog/release/v20.10.0](https://nodejs.org/en/blog/release/v20.10.0 "Node v20.10.0 (LTS) | Node.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v20.10.0リリース。
+ESMのデフォルト化に関する`--experimental-default-type`と`--experimental-detect-module`のフラグを追加。
+`fs.writeFile`に`flush`オプションを追加、`WebSocket`をグローバルに追加する`--experimental-websocket`フラグを追加。
+Jestでメモリリークの原因となっていたVMScriptとDynamic Importに関する問題を修正など
+
+
+----
+
+## Release v3.0.0 · lerna-lite/lerna-lite
+[github.com/lerna-lite/lerna-lite/releases/tag/v3.0.0](https://github.com/lerna-lite/lerna-lite/releases/tag/v3.0.0 "Release v3.0.0 · lerna-lite/lerna-lite")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">monorepo</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+lerna-lite v3.0.0リリース。
+Node.js 16のサポート終了、`lerna run --use-nx`の削除など
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Getting started with CSS container queries | MDN Blog
+[developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/](https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ "Getting started with CSS container queries | MDN Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+CSSのContainer queryの紹介記事。
+親要素に対して`@container`のMedia Queryで条件を指定し、子要素に対してスタイルを設定できる。
+基本的な使い方、Container units(`cq*`)、Style queryについてなど
+
+
+----
+
+## State of JavaScript 2023
+[survey.devographics.com/en-US/survey/state-of-js/2023](https://survey.devographics.com/en-US/survey/state-of-js/2023 "State of JavaScript 2023")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Survey</span></p>
+
+JavaScriptの開発者アンケートであるState of JavaScript 2023の受付が開始されている
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## フロントエンドカンファレンス沖縄 2023 公開資料・Xアカウントリンクまとめ
+[zenn.dev/yumemi\_inc/articles/2023-11-18-frontend-conf-okinawa-2023](https://zenn.dev/yumemi_inc/articles/2023-11-18-frontend-conf-okinawa-2023 "フロントエンドカンファレンス沖縄 2023 公開資料・Xアカウントリンクまとめ")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">CSS</span> <span class="jser-tag">Conference</span> <span class="jser-tag">video</span> <span class="jser-tag">slide</span></p>
+
+フロントエンドカンファレンス沖縄の動画とスライドのまとめ
+
+- [フロントエンドカンファレンス沖縄2023](https://frontend-conf.okinawa.jp/ "フロントエンドカンファレンス沖縄2023")
+
+----
+
+## Intlの今までとこれから - Speaker Deck
+[speakerdeck.com/sajikix/intlnojin-madetokorekara](https://speakerdeck.com/sajikix/intlnojin-madetokorekara "Intlの今までとこれから - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">i18n</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">slide</span></p>
+
+ECMA-402のIntlオブジェクトについてのスライド。
+Intl APIの紹介、仕様バージョンごとの追加された機能、国際化や地域化を扱うためUnicodeなどの外部仕様に依存している点、Temporalとの組み合わせなどについて
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## Downloads by Major
+[majors.nullvoxpopuli.com/](https://majors.nullvoxpopuli.com/ "Downloads by Major")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">webservice</span> <span class="jser-tag">Tools</span></p>
+
+npmのパッケージのダウンロード数をメジャーバージョン単位で比較できるサービス。
+メジャーアップデートへの移行がどれぐらい進んでいるかを確認できる
+
+
+----
+
+## The Valley of Code
+[thevalleyofcode.com/](https://thevalleyofcode.com/ "The Valley of Code")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">CSS</span> <span class="jser-tag">HTTP</span> <span class="jser-tag">tutorial</span> <span class="jser-tag">HTML</span></p>
+
+ウェブ開発に関するチュートリアルサイト。
+HTTP/HTML/CSS/JavaScriptなどのウェブ開発に関するチュートリアルやGitHub/VSCodeなどの開発に関するガイドを扱う
+
+
+----