2023-09-15のJS: Bun v1.0、Node.js 16はEOL、State of CSS 2023

_i18n/ja/_posts/2023/2023-09-15-bun-v1.0-node.js-16eol-state-of-css-2023.md

@@ -0,0 +1,212 @@
+---
+title: "2023-09-15のJS: Bun v1.0、Node.js 16はEOL、State of CSS 2023"
+author: "azu"
+layout: post
+date : 2023-09-15T00:57:05.650Z
+category: JSer
+tags:
+- React
+- Bun
+- CSS
+- nodejs
+- Chrome
+
+---
+
+JSer.info #660 - Bun v1.0がリリースされました。
+
+- [Bun 1.0 | Bun Blog](https://bun.sh/blog/bun-v1.0)
+
+Node.js互換のruntimeとコアパッケージの実装、TypeScriptのTranspiler、Bundler、npmのパッケージマネージャー、`bun test`でのテストツールをもつツールキットです。
+
+- [Bun 1.0 is here - YouTube](https://www.youtube.com/watch?v=BsnCpESUEqM)
+
+v1.0リリースによって、VercelがパッケージマネージャーとしてのBunをサポートしたり(Runtimeとしては未サポート)、RailsがBunのサポートを追加したりしています。
+
+- [Bun install is now supported with zero configuration – Vercel](https://vercel.com/changelog/bun-install-is-now-supported-with-zero-configuration)
+- [Add Bun support by terracatta · Pull Request #49241 · rails/rails](https://github.com/rails/rails/pull/49241)
+
+----
+
+Node.js 16が2023年9月11日でEOL(End of Life)となりサポートが終了されました。
+
+- [doc: mark v16.x as End-of-Life by targos · Pull Request #908 · nodejs/Release](https://github.com/nodejs/Release/pull/908)
+
+Node.js 16のLTSは、OpenSSL 1.1.1のサポート期間にあわせて短くなっているため、EOLが早くなっています。
+
+- [Bringing forward the End-of-Life Date for Node.js 16 | Node.js](https://nodejs.org/en/blog/announcements/nodejs16-eol)
+
+---
+
+CSSについての開発者アンケートであるState of CSS 2023が公開されました。
+
+- [State of CSS 2023](https://2023.stateofcss.com/en-US)
+
+CSSの言語機能、フレームワーク、CSS in JS、ツールなどについてのアンケート結果が公開されています。
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Bun 1.0 | Bun Blog
+[bun.sh/blog/bun-v1.0](https://bun.sh/blog/bun-v1.0 "Bun 1.0 | 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リリース。
+Node.js互換のruntimeとコアパッケージの実装、TypeScriptのTranspiler、Bundler、npmのパッケージマネージャー、`bun test`でのテストツールを持つ。
+
+- [Bun 1.0 is here - YouTube](https://www.youtube.com/watch?v=BsnCpESUEqM "Bun 1.0 is here - YouTube")
+
+----
+
+## Release v29.7.0 · jestjs/jest
+[github.com/jestjs/jest/releases/tag/v29.7.0](https://github.com/jestjs/jest/releases/tag/v29.7.0 "Release v29.7.0 · jestjs/jest")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">jest</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">testing</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Jest v29.7.0リリース。
+`jest --init`に変わってセットアップができる`create-jest`パッケージの追加など
+
+
+----
+
+## doc: mark v16.x as End-of-Life by targos · Pull Request #908 · nodejs/Release
+[github.com/nodejs/Release/pull/908](https://github.com/nodejs/Release/pull/908 "doc: mark v16.x as End-of-Life by targos · Pull Request #908 · nodejs/Release")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">news</span></p>
+
+Node.js 16がEOLとなった
+
+- [Bringing forward the End-of-Life Date for Node.js 16 | Node.js](https://nodejs.org/en/blog/announcements/nodejs16-eol "Bringing forward the End-of-Life Date for Node.js 16 | Node.js")
+
+----
+
+## New in Chrome 117 - Chrome Developers
+[developer.chrome.com/en/blog/new-in-chrome-117/](https://developer.chrome.com/en/blog/new-in-chrome-117/ "New in Chrome 117 - Chrome Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Chrome 117リリース。
+CSSのアニメーションに関する機能の追加、
+CSS subgridの実装。
+ECMAScript Stage 3の`Object.groupBy`/`Map.groupBy`の実装、Iterator Helpersの実装など
+
+- [Chrome 117 beta - Chrome Developers](https://developer.chrome.com/en/blog/chrome-117-beta/ "Chrome 117 beta - Chrome Developers")
+
+----
+
+## Release v3.6.0 · honojs/hono
+[github.com/honojs/hono/releases/tag/v3.6.0](https://github.com/honojs/hono/releases/tag/v3.6.0 "Release v3.6.0 · honojs/hono")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">server</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Hono v3.6.0リリース。
+`c.render()`と`c.setRenderer()`の追加、`c.var`の追加。
+HMRに対応するViteプラグインとして`@hono/vite-dev-server`を公開など
+
+
+----
+
+## Chrome 118 beta - Chrome Developers
+[developer.chrome.com/en/blog/chrome-118-beta/](https://developer.chrome.com/en/blog/chrome-118-beta/ "Chrome 118 beta - Chrome Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Chrome 118 betaリリース。
+`@scope`でのScoped Styles、Media QueryでJavaScriptが有効かを判定する`scripting`の追加。
+`tabIndex`が`0`以上のscoll containerにフォーカスできるように、`beforeunload`で`event.returnValue`が空文字の場合はダイアログを表示しないように変更。
+
+
+----
+
+## Bootstrap 5.3.2 | Bootstrap Blog
+[blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/](https://blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/ "Bootstrap 5.3.2 | Bootstrap Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bootstrap 5.3.2リリース。
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Making Sense of React Server Components
+[www.joshwcomeau.com/react/server-components/](https://www.joshwcomeau.com/react/server-components/ "Making Sense of React Server Components")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p>
+
+React Server Componentsがどのように動くか、ClientとServerの境界線、利点についてなど
+
+
+----
+
+## How to Pass a Component as a Prop in React | Total TypeScript
+[www.totaltypescript.com/pass-component-as-prop-react](https://www.totaltypescript.com/pass-component-as-prop-react "How to Pass a Component as a Prop in React | Total TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p>
+
+ComponentをPropsとして渡す3つの方法について。
+JSXを渡す方法、Componentを渡す方法、`as`を使う方法について
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## State of CSS 2023
+[2023.stateofcss.com/](https://2023.stateofcss.com/ "State of CSS 2023")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">Survey</span></p>
+
+State of CSS 2023の結果が公開された。
+CSSの言語機能、フレームワーク、CSS in JS、ツールなどについてのアンケート結果が公開されている。
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## Next.Nav
+[www.next-nav.com/](https://www.next-nav.com/ "Next.Nav")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">VSCode</span> <span class="jser-tag">Extension</span></p>
+
+Next.jsのルーティング情報からアプリケーションがどのような構造になっているかを表示、ルーティングの編集ができるVSCode拡張
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## nebrelbug/npm-to-yarn: Convert npm CLI commands to yarn, and vice versa
+[github.com/nebrelbug/npm-to-yarn](https://github.com/nebrelbug/npm-to-yarn "nebrelbug/npm-to-yarn: Convert npm CLI commands to yarn, and vice versa")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">yarn</span> <span class="jser-tag">pnpm</span> <span class="jser-tag">Bun</span> <span class="jser-tag">library</span></p>
+
+npmのコマンドをyarn/pnpm/bunのコマンドに変換するライブラリ
+
+
+----
+
+## isaacs/tshy
+[github.com/isaacs/tshy](https://github.com/isaacs/tshy "isaacs/tshy")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">Tools</span></p>
+
+TypeScriptのソースコードからESMとCJSのdual packageを作成するツール
+
+
+----
+<h1 class="site-genre">書籍関係</h1>
+
+----
+
+## Efficient Node.js
+[learning.oreilly.com/library/view/efficient-node-js/9781098145187/](https://learning.oreilly.com/library/view/efficient-node-js/9781098145187/ "Efficient Node.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">book</span></p>
+
+2024年8月発売
+Node.jsでのアプリケーション開発についての書籍
+
+
+----