Skip to content

Commit

Permalink
2024-09-16のJS: Biome v1.9、ESLint 8.xのEOL、TypeScript 5.6、ES5の現状 (#1223)
Browse files Browse the repository at this point in the history
* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update 707 draft

* Update _i18n/ja/_posts/2024/2024-09-16-biome-v1.9-eslint-8.xeol-typescript-5.6-es5.md

* Delete _i18n/ja/_posts/2024/2024-09-16-707draft.md

* Update _i18n/ja/_posts/2024/2024-09-16-biome-v1.9-eslint-8.xeol-typescript-5.6-es5.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
  • Loading branch information
azu and github-actions[bot] authored Sep 16, 2024
1 parent 800c382 commit b069278
Showing 1 changed file with 185 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,185 @@
---
title: "2024-09-16のJS: Biome v1.9、ESLint 8.xのEOL、TypeScript 5.6、ES5の現状"
author: "azu"
layout: post
date: 2024-09-16T03:04:06.569Z
category: JSer
tags:
- nodejs
- UI
- Rust
- Tools
- TypeScript

---

JSer.info #707 - Biome v1.9リリースされました

- [Biome v1.9 Anniversary Release | Biome](https://biomejs.dev/blog/biome-v1-9/)

CSSのFormatter/LinterがStableに、GraphQLのFormatter/Linterを追加されています。
[GritQL](https://grit.io/)を使った`biome search`コマンドを追加、`.editorconfig`をサポートなども追加されています。

----

ESLint v8.xのサポートが2024年10月5日に終了することが発表されました。

- [Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter](https://eslint.org/blog/2024/09/eslint-v8-eol-version-support/)

ESLintの現在の最新バージョンはv9.xです。
マイグレーションガイドは次のページに公開されています。

- [Configuration Migration Guide - ESLint - Pluggable JavaScript Linter](https://eslint.org/docs/latest/use/configure/migration-guide)

----

TypeScript 5.6がリリースされました。

- [Announcing TypeScript 5.6 - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/)

ESLintの`no-constant-binary-expression`と似た常にtrue/nullishとなる間違った書き方をエラーにする変更、Iterator Helperのサポートが追加されています。
ES2022のArbitrary module namespace identifier namesをサポート、`--noUncheckedSideEffectImports`フラグが追加されています。
また、型チェックせずにファイルを出力できる`--noCheck`フラグの追加、`--stopOnBuildErrors`フラグの追加なども追加されています。

---

[The State of ES5 on the Web — Philip Walton](https://philipwalton.com/articles/the-state-of-es5-on-the-web/)という記事では、ビルドツール/著名なライブラリ/ウェブサイトのES5対応の現状についてまとめられています。

- ビルドツールでは、BabelとTypeScriptはデフォルトでES5として出力しているが、それ以外のビルドツールはES2015+を出力している
- ライブラリでは、多くのライブラリはES2015+以降のコードを含んでいる
- Top 10,000のうち89%のサイトはES2015+の構文を含むコードを配信している

このことから、現状ではES5のコードを配信する意味はあまりないと考えられることについて書かれています。


----

{% include inline-support.html %}

----

<h1 class="site-genre">ヘッドライン</h1>

----

## Biome v1.9 Anniversary Release | Biome
[biomejs.dev/blog/biome-v1-9/](https://biomejs.dev/blog/biome-v1-9/ "Biome v1.9 Anniversary Release | Biome")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Rust</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>

Biome v1.9リリース。
CSSのFormatter/LinterがStableに、GraphQLのFormatter/Linterを追加。
GritQLを使った`biome search`コマンドを追加、`.editorconfig`をサポートなど


----

## Announcing TypeScript 5.6 - TypeScript
[devblogs.microsoft.com/typescript/announcing-typescript-5-6/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/ "Announcing TypeScript 5.6 - TypeScript")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>

TypeScript 5.6 リリース。
ESLintの`no-constant-binary-expression`と似た常にtrue/nullishとなる間違った書き方をエラーにする変更、Iterator Helperのサポート。
ES2022のArbitrary module namespace identifier namesをサポート、`--noUncheckedSideEffectImports`フラグの追加。
型チェックせずにファイルを出力できる`--noCheck`フラグの追加、`--stopOnBuildErrors`フラグの追加など


----

## Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter
[eslint.org/blog/2024/09/eslint-v8-eol-version-support/](https://eslint.org/blog/2024/09/eslint-v8-eol-version-support/ "Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">news</span></p>

ESLint v8のサポートは2024年10月5日に終了し、End Of Life(EOL)となる予定


----

## Release 5.0.0 · expressjs/express
[github.com/expressjs/express/releases/tag/v5.0.0](https://github.com/expressjs/express/releases/tag/v5.0.0 "Release 5.0.0 · expressjs/express")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">express</span> <span class="jser-tag">ReleaseNote</span></p>

express v5.0.0のpreリリース。
マイグレーションガイドやTypeScriptの型の更新などがまだ残っている

- [Express v4 -&gt; v5 Migration · Issue #5944 · expressjs/express](https://github.com/expressjs/express/issues/5944 "Express v4 -&amp;gt; v5 Migration · Issue #5944 · expressjs/express")

----

## Release v1.0.2 · jimp-dev/jimp
[github.com/jimp-dev/jimp/releases/tag/v1.0.2](https://github.com/jimp-dev/jimp/releases/tag/v1.0.2 "Release v1.0.2 · jimp-dev/jimp")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">Image</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Jimp v1リリース。
ネイティブアドオンに依存していないNode.jsでの画像処理ライブラリ


----

## storybook/CHANGELOG.md at next · storybookjs/storybook
[github.com/storybookjs/storybook/blob/next/CHANGELOG.md#830](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md#830 "storybook/CHANGELOG.md at next · storybookjs/storybook")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">UI</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

Storybook 8.3リリース。
Vitestを使ったComponent Testのサポート、バンドルサイズの改善など

- [Component testing in Storybook](https://storybook.js.org/blog/component-testing/ "Component testing in Storybook")
- [Storybook 8.3 で導入された Vitest 対応を React と Next.js で試す](https://zenn.dev/yumemi_inc/articles/storybook-8-3-vitest "Storybook 8.3 で導入された Vitest 対応を React と Next.js で試す")

----
<h1 class="site-genre">アーティクル</h1>

----

## The Undeniable Utility Of CSS :has • Josh W. Comeau
[www.joshwcomeau.com/css/has/](https://www.joshwcomeau.com/css/has/ "The Undeniable Utility Of CSS :has • Josh W. Comeau")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">css </span> <span class="jser-tag">article</span></p>

`:has`のユースケースについて。
`:focus-visible`との組み合わせ、document scroll lock、兄弟/親子要素の選択などについて


----

## More NPM packages on Cloudflare Workers: Combining polyfills and native code to support Node.js APIs
[blog.cloudflare.com/more-npm-packages-on-cloudflare-workers-combining-polyfills-and-native-code/](https://blog.cloudflare.com/more-npm-packages-on-cloudflare-workers-combining-polyfills-and-native-code/ "More NPM packages on Cloudflare Workers: Combining polyfills and native code to support Node.js APIs")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">cloudflare</span> <span class="jser-tag">article</span> <span class="jser-tag">nodejs</span></p>

Cloudflare WorkerのNode.js互換性のアップデートについて。
`node:` prefixのサポート、Node.jsの標準モジュールのサポート改善などが含まれる。
`nodejs_compat_v2`が設定されている場合に有効となる。


----

## The State of ES5 on the Web — Philip Walton
[philipwalton.com/articles/the-state-of-es5-on-the-web/](https://philipwalton.com/articles/the-state-of-es5-on-the-web/ "The State of ES5 on the Web — Philip Walton")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>

ビルドツール/著名なライブラリ/ウェブサイトのES5対応の現状についてまとめた記事。
BabelとTypeScriptはデフォルトでES5として出力している。
多くのライブラリはES2015+以降のコードを含んでいる。
89%のサイトはES2015+の構文を含むコードを配信している。


----

## Brand New Performance Features in Chrome DevTools | DebugBear
[www.debugbear.com/blog/fix-web-performance-devtools](https://www.debugbear.com/blog/fix-web-performance-devtools "Brand New Performance Features in Chrome DevTools | DebugBear")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>

Chrome DevToolの新しいPerformanceパネルについて


----
<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>

----

## govuk-vue/govuk-vue: A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design System
[github.com/govuk-vue/govuk-vue](https://github.com/govuk-vue/govuk-vue "govuk-vue/govuk-vue: A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design System")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">Design</span> <span class="jser-tag">UI</span> <span class="jser-tag">library</span></p>

GOV.UK Design SystemのUIコンポーネントのVue実装


----

0 comments on commit b069278

Please sign in to comment.