diff --git a/_i18n/ja/_posts/2023/2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md b/_i18n/ja/_posts/2023/2023-11-26-vite-5-node.js-20.10.0esm-state-of-js.md new file mode 100644 index 00000000000..c4e31ea6dd8 --- /dev/null +++ b/_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 %} + +---- + +

ヘッドライン

+ +---- + +## Vite 5.0 is out! | Vite +[vitejs.dev/blog/announcing-vite5](https://vitejs.dev/blog/announcing-vite5 "Vite 5.0 is out! | Vite") +

vite ReleaseNote

+ +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") +

Bun ReleaseNote

+ +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") +

JavaScript Next.js library ReleaseNote

+ +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") +

TypeScript ReleaseNote

+ +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") +

Firefox ReleaseNote

+ +Firefox 120リリース。 +``の`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") +

nodejs ReleaseNote

+ +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") +

JavaScript monorepo Tools ReleaseNote

+ +lerna-lite v3.0.0リリース。 +Node.js 16のサポート終了、`lerna run --use-nx`の削除など + + +---- +

アーティクル

+ +---- + +## 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") +

CSS article

+ +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") +

JavaScript Survey

+ +JavaScriptの開発者アンケートであるState of JavaScript 2023の受付が開始されている + + +---- +

スライド、動画関係

+ +---- + +## フロントエンドカンファレンス沖縄 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アカウントリンクまとめ") +

HTML JavaScript CSS Conference video slide

+ +フロントエンドカンファレンス沖縄の動画とスライドのまとめ + +- [フロントエンドカンファレンス沖縄2023](https://frontend-conf.okinawa.jp/ "フロントエンドカンファレンス沖縄2023") + +---- + +## Intlの今までとこれから - Speaker Deck +[speakerdeck.com/sajikix/intlnojin-madetokorekara](https://speakerdeck.com/sajikix/intlnojin-madetokorekara "Intlの今までとこれから - Speaker Deck") +

i18n JavaScript ECMAScript slide

+ +ECMA-402のIntlオブジェクトについてのスライド。 +Intl APIの紹介、仕様バージョンごとの追加された機能、国際化や地域化を扱うためUnicodeなどの外部仕様に依存している点、Temporalとの組み合わせなどについて + + +---- +

サイト、サービス、ドキュメント

+ +---- + +## Downloads by Major +[majors.nullvoxpopuli.com/](https://majors.nullvoxpopuli.com/ "Downloads by Major") +

npm webservice Tools

+ +npmのパッケージのダウンロード数をメジャーバージョン単位で比較できるサービス。 +メジャーアップデートへの移行がどれぐらい進んでいるかを確認できる + + +---- + +## The Valley of Code +[thevalleyofcode.com/](https://thevalleyofcode.com/ "The Valley of Code") +

JavaScript CSS HTTP tutorial HTML

+ +ウェブ開発に関するチュートリアルサイト。 +HTTP/HTML/CSS/JavaScriptなどのウェブ開発に関するチュートリアルやGitHub/VSCodeなどの開発に関するガイドを扱う + + +----