-
-
Notifications
You must be signed in to change notification settings - Fork 70
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2023-09-15のJS: Bun v1.0、Node.js 16はEOL、State of CSS 2023 (#1117)
* Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update 660 draft * Update _i18n/ja/_posts/2023/2023-09-15-bun-v1.0-node.js-16eol-state-of-css-2023.md * Delete _i18n/ja/_posts/2023/2023-09-15-660draft.md * Update _i18n/ja/_posts/2023/2023-09-15-bun-v1.0-node.js-16eol-state-of-css-2023.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
- Loading branch information
1 parent
06bdbd8
commit 1dc8e72
Showing
1 changed file
with
212 additions
and
0 deletions.
There are no files selected for viewing
212 changes: 212 additions & 0 deletions
212
_i18n/ja/_posts/2023/2023-09-15-bun-v1.0-node.js-16eol-state-of-css-2023.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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でのアプリケーション開発についての書籍 | ||
|
|
||
|
|
||
| ---- |