From 4412d8b3656118580ae3937486ced79c73c02487 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 31 Jan 2024 01:41:45 +0000 Subject: [PATCH 01/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-01-31-679draft.md | 28 +++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 _i18n/ja/_posts/2024/2024-01-31-679draft.md diff --git a/_i18n/ja/_posts/2024/2024-01-31-679draft.md b/_i18n/ja/_posts/2024/2024-01-31-679draft.md new file mode 100644 index 00000000000..43d6b81e409 --- /dev/null +++ b/_i18n/ja/_posts/2024/2024-01-31-679draft.md @@ -0,0 +1,28 @@ +--- +title: "2024-01-31のJS: " +author: "azu" +layout: post +date : 2024-01-31T01:41:45.467Z +category: JSer +tags: +- Vue + +--- + +JSer.info #679 + +---- + +

ヘッドライン

+ +---- + +## Release v3.10.0 · nuxt/nuxt +[github.com/nuxt/nuxt/releases/tag/v3.10.0](https://github.com/nuxt/nuxt/releases/tag/v3.10.0 "Release v3.10.0 · nuxt/nuxt") +

Vue library ReleaseNote

+ +Nuxt.js v3.10.0リリース。 +実験的なオプションとして`sharedPrerenderData`を追加、`useId()`がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など + + +---- From b5a9bde40006509272070b378917d161936d6041 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Feb 2024 13:05:48 +0000 Subject: [PATCH 02/16] Update 679 draft --- ...1-31-679draft.md => 2024-02-02-679draft.md} | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2024/{2024-01-31-679draft.md => 2024-02-02-679draft.md} (51%) diff --git a/_i18n/ja/_posts/2024/2024-01-31-679draft.md b/_i18n/ja/_posts/2024/2024-02-02-679draft.md similarity index 51% rename from _i18n/ja/_posts/2024/2024-01-31-679draft.md rename to _i18n/ja/_posts/2024/2024-02-02-679draft.md index 43d6b81e409..bdc66ee2973 100644 --- a/_i18n/ja/_posts/2024/2024-01-31-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-02-679draft.md @@ -1,11 +1,13 @@ --- -title: "2024-01-31のJS: " +title: "2024-02-02のJS: " author: "azu" layout: post -date : 2024-01-31T01:41:45.467Z +date : 2024-02-02T13:05:47.932Z category: JSer tags: - Vue +- editor +- React --- @@ -25,4 +27,16 @@ Nuxt.js v3.10.0リリース。 実験的なオプションとして`sharedPrerenderData`を追加、`useId()`がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など +---- +

アーティクル

+ +---- + +## CodeMirror v6によるZennのMarkdownエディタの作り方 +[zenn.dev/team\_zenn/articles/zenn-markdown-editor-by-cm6](https://zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6 "CodeMirror v6によるZennのMarkdownエディタの作り方") +

JavaScript editor article React

+ +CodeMirrot v6でのMarkdownエディタの実装方法について + + ---- From 69c313625c3373557357df948232b24538af8f5b Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Feb 2024 13:17:57 +0000 Subject: [PATCH 03/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-02-679draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2024/2024-02-02-679draft.md b/_i18n/ja/_posts/2024/2024-02-02-679draft.md index bdc66ee2973..7f0b9efacb4 100644 --- a/_i18n/ja/_posts/2024/2024-02-02-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-02-679draft.md @@ -2,12 +2,14 @@ title: "2024-02-02のJS: " author: "azu" layout: post -date : 2024-02-02T13:05:47.932Z +date : 2024-02-02T13:17:36.938Z category: JSer tags: - Vue - editor - React +- HTTP +- browser --- @@ -39,4 +41,14 @@ Nuxt.js v3.10.0リリース。 CodeMirrot v6でのMarkdownエディタの実装方法について +---- + +## SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog +[blog.flatt.tech/entry/samesite\_csrf\_hsts](https://blog.flatt.tech/entry/samesite_csrf_hsts "SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog") +

HTTP browser security article

+ +Cookieの属性について。 +Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。 + + ---- From 772ee186c0d9f9b1818933ff32f3656d4d8eb83e Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Feb 2024 13:42:43 +0000 Subject: [PATCH 04/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-02-679draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2024/2024-02-02-679draft.md b/_i18n/ja/_posts/2024/2024-02-02-679draft.md index 7f0b9efacb4..6cf22df494d 100644 --- a/_i18n/ja/_posts/2024/2024-02-02-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-02-679draft.md @@ -2,7 +2,7 @@ title: "2024-02-02のJS: " author: "azu" layout: post -date : 2024-02-02T13:17:36.938Z +date : 2024-02-02T13:42:22.768Z category: JSer tags: - Vue @@ -51,4 +51,14 @@ Cookieの属性について。 Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。 +---- + +## Learn Testing  |  web.dev +[web.dev/learn/testing](https://web.dev/learn/testing "Learn Testing  |  web.dev") +

testing tutorial

+ +自動テストについて学ぶチュートリアル。 +ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて + + ---- From 4d6147b43ab28617b39ff04c5fc31e38fae27345 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Feb 2024 13:44:43 +0000 Subject: [PATCH 05/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-02-679draft.md | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/_i18n/ja/_posts/2024/2024-02-02-679draft.md b/_i18n/ja/_posts/2024/2024-02-02-679draft.md index 6cf22df494d..ee5b50b9a22 100644 --- a/_i18n/ja/_posts/2024/2024-02-02-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-02-679draft.md @@ -2,14 +2,14 @@ title: "2024-02-02のJS: " author: "azu" layout: post -date : 2024-02-02T13:42:22.768Z +date : 2024-02-02T13:44:42.870Z category: JSer tags: +- browser +- tutorial - Vue - editor - React -- HTTP -- browser --- @@ -61,4 +61,17 @@ Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、Same ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて +---- +

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

+ +---- + +## Learn Performance  |  web.dev +[web.dev/learn/performance?hl=en](https://web.dev/learn/performance?hl=en "Learn Performance  |  web.dev") +

performance tutorial browser

+ +ブラウザのパフォーマンスについてのチュートリアル。 +リソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど + + ---- From 8bbc5189099ae9126a33fc597ba83b0e79dcfb84 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Feb 2024 13:58:24 +0000 Subject: [PATCH 06/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-02-679draft.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2024/2024-02-02-679draft.md b/_i18n/ja/_posts/2024/2024-02-02-679draft.md index ee5b50b9a22..974370e2812 100644 --- a/_i18n/ja/_posts/2024/2024-02-02-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-02-679draft.md @@ -2,7 +2,7 @@ title: "2024-02-02のJS: " author: "azu" layout: post -date : 2024-02-02T13:44:42.870Z +date : 2024-02-02T13:58:24.602Z category: JSer tags: - browser @@ -29,6 +29,19 @@ Nuxt.js v3.10.0リリース。 実験的なオプションとして`sharedPrerenderData`を追加、`useId()`がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など +---- + +## Announcing TypeScript 5.4 Beta - TypeScript +[devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/ "Announcing TypeScript 5.4 Beta - TypeScript") +

TypeScript ReleaseNote

+ +TypeScript 5.4 Betaリリース。 +クロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeの追加。 +ES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポート。 +`target: "ES3"`や`out`オプションなどを非推奨化など + +- [Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/51909 "Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript") + ----

アーティクル

From 9957cac6788906b2d76dccf96c7d33c1b2b5b107 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Feb 2024 14:05:36 +0000 Subject: [PATCH 07/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-02-679draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2024/2024-02-02-679draft.md b/_i18n/ja/_posts/2024/2024-02-02-679draft.md index 974370e2812..950330611f8 100644 --- a/_i18n/ja/_posts/2024/2024-02-02-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-02-679draft.md @@ -2,7 +2,7 @@ title: "2024-02-02のJS: " author: "azu" layout: post -date : 2024-02-02T13:58:24.602Z +date : 2024-02-02T14:05:16.125Z category: JSer tags: - browser @@ -74,6 +74,15 @@ Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、Same ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて +---- + +## Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス +[www.mitsue.co.jp/knowledge/blog/frontend/202402/02\_1152.html](https://www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html "Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス") +

browser WebPlatformAPI article

+ +ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。 + + ----

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

From 0752ec2d12aa5552ef96a0ab559007b2b5af034c Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 4 Feb 2024 05:32:09 +0000 Subject: [PATCH 08/16] Update 679 draft --- ...24-02-02-679draft.md => 2024-02-04-679draft.md} | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2024/{2024-02-02-679draft.md => 2024-02-04-679draft.md} (86%) diff --git a/_i18n/ja/_posts/2024/2024-02-02-679draft.md b/_i18n/ja/_posts/2024/2024-02-04-679draft.md similarity index 86% rename from _i18n/ja/_posts/2024/2024-02-02-679draft.md rename to _i18n/ja/_posts/2024/2024-02-04-679draft.md index 950330611f8..5392588598b 100644 --- a/_i18n/ja/_posts/2024/2024-02-02-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-04-679draft.md @@ -1,8 +1,8 @@ --- -title: "2024-02-02のJS: " +title: "2024-02-04のJS: " author: "azu" layout: post -date : 2024-02-02T14:05:16.125Z +date : 2024-02-04T05:32:09.529Z category: JSer tags: - browser @@ -83,6 +83,16 @@ Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、Same ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。 +---- + +## Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch +[efcl.info/2024/02/04/emitwarning/](https://efcl.info/2024/02/04/emitwarning/ "Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch") +

npm nodejs article

+ +npmやNode.jsで非推奨のメッセージを通知する方法について。 +パッケージの非推奨化コードレベルの非推奨化、実行時の非推奨化について + + ----

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

From 369a67052dfb1fb6106e4611ed4d84b56e036f68 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Feb 2024 01:22:06 +0000 Subject: [PATCH 09/16] Update 679 draft --- ...4-02-04-679draft.md => 2024-02-05-679draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2024/{2024-02-04-679draft.md => 2024-02-05-679draft.md} (84%) diff --git a/_i18n/ja/_posts/2024/2024-02-04-679draft.md b/_i18n/ja/_posts/2024/2024-02-05-679draft.md similarity index 84% rename from _i18n/ja/_posts/2024/2024-02-04-679draft.md rename to _i18n/ja/_posts/2024/2024-02-05-679draft.md index 5392588598b..6211b380d5d 100644 --- a/_i18n/ja/_posts/2024/2024-02-04-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-05-679draft.md @@ -1,8 +1,8 @@ --- -title: "2024-02-04のJS: " +title: "2024-02-05のJS: " author: "azu" layout: post -date : 2024-02-04T05:32:09.529Z +date : 2024-02-05T01:21:46.041Z category: JSer tags: - browser @@ -106,4 +106,15 @@ npmやNode.jsで非推奨のメッセージを通知する方法について。 リソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど +---- + +## Tappy - Yahoo!デベロッパーネットワーク +[tappy.yahoo.co.jp/](https://tappy.yahoo.co.jp/ "Tappy - Yahoo!デベロッパーネットワーク") +

webservice Tools mobile accessibility

+ +ウェブサイトのボタンなどのタップ成功率を計算して表示してくれるツール。 +タップミスが起きやすいボタンなのかの調査に利用できる。 + +- [スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog](https://techblog.yahoo.co.jp/entry/2021120930233778/ "スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog") + ---- From 07b972ad2a4118f59c67bb60771302ee6d96d43f Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Feb 2024 01:45:38 +0000 Subject: [PATCH 10/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-05-679draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2024/2024-02-05-679draft.md b/_i18n/ja/_posts/2024/2024-02-05-679draft.md index 6211b380d5d..2baf4b581da 100644 --- a/_i18n/ja/_posts/2024/2024-02-05-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-05-679draft.md @@ -2,7 +2,7 @@ title: "2024-02-05のJS: " author: "azu" layout: post -date : 2024-02-05T01:21:46.041Z +date : 2024-02-05T01:45:18.043Z category: JSer tags: - browser @@ -93,6 +93,16 @@ npmやNode.jsで非推奨のメッセージを通知する方法について。 パッケージの非推奨化コードレベルの非推奨化、実行時の非推奨化について +---- + +## Import attributes · V8 +[v8.dev/features/import-attributes](https://v8.dev/features/import-attributes "Import attributes · V8") +

ECMAScript article

+ +ECMAScript Proposal Stage 3のImport attributesについて。 +`import ... from .... assert { type } `はセマンティクス的に問題があったため、`import ... from .... with { type }`へと変更された。 + + ----

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

From f255fac8b67584ec69cec40dcd174d50eec2a525 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Feb 2024 06:40:29 +0000 Subject: [PATCH 11/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-05-679draft.md | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2024/2024-02-05-679draft.md b/_i18n/ja/_posts/2024/2024-02-05-679draft.md index 2baf4b581da..341b868120e 100644 --- a/_i18n/ja/_posts/2024/2024-02-05-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-05-679draft.md @@ -2,14 +2,14 @@ title: "2024-02-05のJS: " author: "azu" layout: post -date : 2024-02-05T01:45:18.043Z +date : 2024-02-05T06:40:08.591Z category: JSer tags: - browser - tutorial +- Tools - Vue - editor -- React --- @@ -42,6 +42,16 @@ ES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサ - [Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/51909 "Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript") +---- + +## Release v9.0.1 · typicode/husky +[github.com/typicode/husky/releases/tag/v9.0.1](https://github.com/typicode/husky/releases/tag/v9.0.1 "Release v9.0.1 · typicode/husky") +

GIt JavaScript Tools ReleaseNote

+ +husky v9.0.1リリース。 +`husk init`でセットアップを簡略化、git hookの書き方を単純化など + + ----

アーティクル

From 0c5c9fca550a779b82631b1f67445a21fdc93bc9 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Feb 2024 06:52:36 +0000 Subject: [PATCH 12/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-05-679draft.md | 24 ++++++++++----------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/_i18n/ja/_posts/2024/2024-02-05-679draft.md b/_i18n/ja/_posts/2024/2024-02-05-679draft.md index 341b868120e..fb53e232a50 100644 --- a/_i18n/ja/_posts/2024/2024-02-05-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-05-679draft.md @@ -2,14 +2,14 @@ title: "2024-02-05のJS: " author: "azu" layout: post -date : 2024-02-05T06:40:08.591Z +date : 2024-02-05T06:52:35.946Z category: JSer tags: - browser - tutorial +- nodejs - Tools - Vue -- editor --- @@ -74,16 +74,6 @@ Cookieの属性について。 Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。 ----- - -## Learn Testing  |  web.dev -[web.dev/learn/testing](https://web.dev/learn/testing "Learn Testing  |  web.dev") -

testing tutorial

- -自動テストについて学ぶチュートリアル。 -ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて - - ---- ## Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス @@ -113,6 +103,16 @@ ECMAScript Proposal Stage 3のImport attributesについて。 `import ... from .... assert { type } `はセマンティクス的に問題があったため、`import ... from .... with { type }`へと変更された。 +---- + +## Learn Testing  |  web.dev +[web.dev/learn/testing](https://web.dev/learn/testing "Learn Testing  |  web.dev") +

testing tutorial browser nodejs

+ +自動テストについて学ぶチュートリアル。 +ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて + + ----

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

From c683862d947699b255e3c3b7a62522e7328d135c Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Feb 2024 06:58:54 +0000 Subject: [PATCH 13/16] Update 679 draft --- _i18n/ja/_posts/2024/2024-02-05-679draft.md | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2024/2024-02-05-679draft.md b/_i18n/ja/_posts/2024/2024-02-05-679draft.md index fb53e232a50..f0221b4ebd2 100644 --- a/_i18n/ja/_posts/2024/2024-02-05-679draft.md +++ b/_i18n/ja/_posts/2024/2024-02-05-679draft.md @@ -2,14 +2,14 @@ title: "2024-02-05のJS: " author: "azu" layout: post -date : 2024-02-05T06:52:35.946Z +date : 2024-02-05T06:58:54.580Z category: JSer tags: - browser - tutorial +- WebPlatformAPI - nodejs - Tools -- Vue --- @@ -137,4 +137,13 @@ ECMAScript Proposal Stage 3のImport attributesについて。 - [スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog](https://techblog.yahoo.co.jp/entry/2021120930233778/ "スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog") +---- + +## Compression Streams are now supported on all browsers  |  Blog  |  web.dev +[web.dev/blog/compressionstreams?hl=en](https://web.dev/blog/compressionstreams?hl=en "Compression Streams are now supported on all browsers  |  Blog  |  web.dev") +

JavaScript browser WebPlatformAPI

+ +gzipの圧縮/解凍するCompressionStreamが全てのブラウザで利用できるようになった。 + + ---- From f93306a574fe439b0691ff67c3be82a318c0a65f Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 5 Feb 2024 07:00:09 +0000 Subject: [PATCH 14/16] Update _i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md --- ...a-learn-testingperformance-interop-2024.md | 170 ++++++++++++++++++ 1 file changed, 170 insertions(+) create mode 100644 _i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md diff --git a/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md b/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md new file mode 100644 index 00000000000..2b42834557b --- /dev/null +++ b/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md @@ -0,0 +1,170 @@ +--- +title: "2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024" +author: "azu" +layout: post +date: 2024-02-05T07:00:08.915Z +category: JSer +tags: +- browser +- tutorial +- WebPlatformAPI +- nodejs +- Tools + +--- + +JSer.info #679 - - [Announcing TypeScript 5.4 Beta - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/) +- [Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/51909) + +--- + +- [Learn Testing  |  web.dev](https://web.dev/learn/testing) +- [Learn Performance  |  web.dev](https://web.dev/learn/performance?hl=en) + +--- + +- [Interop 2024  |  Blog  |  web.dev](https://web.dev/blog/interop-2024?hl=en) +- [The web just gets better with Interop 2024 | WebKit](https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/) +- [Interop 2024 Launch - Bocoup](https://bocoup.com/blog/interop-2024) +- [Interop 2024 Launches | Igalia](https://www.igalia.com/2024/interop-2024-launches.html) +- [Microsoft Edge and Interop 2024 - Microsoft Edge Blog](https://blogs.windows.com/msedgedev/2024/02/01/microsoft-edge-and-interop-2024/) +- [Announcing Interop 2024 - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2024/02/announcing-interop-2024/) +- [Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス](https://www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html) + + +---- + +{% include inline-support.html %} + +---- + +

ヘッドライン

+ +---- + +## Release v3.10.0 · nuxt/nuxt +[github.com/nuxt/nuxt/releases/tag/v3.10.0](https://github.com/nuxt/nuxt/releases/tag/v3.10.0 "Release v3.10.0 · nuxt/nuxt") +

Vue library ReleaseNote

+ +Nuxt.js v3.10.0リリース。 +実験的なオプションとして`sharedPrerenderData`を追加、`useId()`がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など + + +---- + +## Announcing TypeScript 5.4 Beta - TypeScript +[devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/ "Announcing TypeScript 5.4 Beta - TypeScript") +

TypeScript ReleaseNote

+ +TypeScript 5.4 Betaリリース。 +クロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeの追加。 +ES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポート。 +`target: "ES3"`や`out`オプションなどを非推奨化など + +- [Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/51909 "Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript") + +---- + +## Release v9.0.1 · typicode/husky +[github.com/typicode/husky/releases/tag/v9.0.1](https://github.com/typicode/husky/releases/tag/v9.0.1 "Release v9.0.1 · typicode/husky") +

GIt JavaScript Tools ReleaseNote

+ +husky v9.0.1リリース。 +`husk init`でセットアップを簡略化、git hookの書き方を単純化など + + +---- +

アーティクル

+ +---- + +## CodeMirror v6によるZennのMarkdownエディタの作り方 +[zenn.dev/team\_zenn/articles/zenn-markdown-editor-by-cm6](https://zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6 "CodeMirror v6によるZennのMarkdownエディタの作り方") +

JavaScript editor article React

+ +CodeMirrot v6でのMarkdownエディタの実装方法について + + +---- + +## SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog +[blog.flatt.tech/entry/samesite\_csrf\_hsts](https://blog.flatt.tech/entry/samesite_csrf_hsts "SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog") +

HTTP browser security article

+ +Cookieの属性について。 +Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。 + + +---- + +## Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス +[www.mitsue.co.jp/knowledge/blog/frontend/202402/02\_1152.html](https://www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html "Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス") +

browser WebPlatformAPI article

+ +ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。 + + +---- + +## Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch +[efcl.info/2024/02/04/emitwarning/](https://efcl.info/2024/02/04/emitwarning/ "Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch") +

npm nodejs article

+ +npmやNode.jsで非推奨のメッセージを通知する方法について。 +パッケージの非推奨化コードレベルの非推奨化、実行時の非推奨化について + + +---- + +## Import attributes · V8 +[v8.dev/features/import-attributes](https://v8.dev/features/import-attributes "Import attributes · V8") +

ECMAScript article

+ +ECMAScript Proposal Stage 3のImport attributesについて。 +`import ... from .... assert { type } `はセマンティクス的に問題があったため、`import ... from .... with { type }`へと変更された。 + + +---- + +## Learn Testing  |  web.dev +[web.dev/learn/testing](https://web.dev/learn/testing "Learn Testing  |  web.dev") +

testing tutorial browser nodejs

+ +自動テストについて学ぶチュートリアル。 +ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて + + +---- +

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

+ +---- + +## Learn Performance  |  web.dev +[web.dev/learn/performance?hl=en](https://web.dev/learn/performance?hl=en "Learn Performance  |  web.dev") +

performance tutorial browser

+ +ブラウザのパフォーマンスについてのチュートリアル。 +リソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど + + +---- + +## Tappy - Yahoo!デベロッパーネットワーク +[tappy.yahoo.co.jp/](https://tappy.yahoo.co.jp/ "Tappy - Yahoo!デベロッパーネットワーク") +

webservice Tools mobile accessibility

+ +ウェブサイトのボタンなどのタップ成功率を計算して表示してくれるツール。 +タップミスが起きやすいボタンなのかの調査に利用できる。 + +- [スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog](https://techblog.yahoo.co.jp/entry/2021120930233778/ "スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog") + +---- + +## Compression Streams are now supported on all browsers  |  Blog  |  web.dev +[web.dev/blog/compressionstreams?hl=en](https://web.dev/blog/compressionstreams?hl=en "Compression Streams are now supported on all browsers  |  Blog  |  web.dev") +

JavaScript browser WebPlatformAPI

+ +gzipの圧縮/解凍するCompressionStreamが全てのブラウザで利用できるようになった。 + + +---- From b43c30f2efdaae594f959f649b706e3b0620cff3 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 5 Feb 2024 07:00:10 +0000 Subject: [PATCH 15/16] Delete _i18n/ja/_posts/2024/2024-02-05-679draft.md --- _i18n/ja/_posts/2024/2024-02-05-679draft.md | 149 -------------------- 1 file changed, 149 deletions(-) delete mode 100644 _i18n/ja/_posts/2024/2024-02-05-679draft.md diff --git a/_i18n/ja/_posts/2024/2024-02-05-679draft.md b/_i18n/ja/_posts/2024/2024-02-05-679draft.md deleted file mode 100644 index f0221b4ebd2..00000000000 --- a/_i18n/ja/_posts/2024/2024-02-05-679draft.md +++ /dev/null @@ -1,149 +0,0 @@ ---- -title: "2024-02-05のJS: " -author: "azu" -layout: post -date : 2024-02-05T06:58:54.580Z -category: JSer -tags: -- browser -- tutorial -- WebPlatformAPI -- nodejs -- Tools - ---- - -JSer.info #679 - ----- - -

ヘッドライン

- ----- - -## Release v3.10.0 · nuxt/nuxt -[github.com/nuxt/nuxt/releases/tag/v3.10.0](https://github.com/nuxt/nuxt/releases/tag/v3.10.0 "Release v3.10.0 · nuxt/nuxt") -

Vue library ReleaseNote

- -Nuxt.js v3.10.0リリース。 -実験的なオプションとして`sharedPrerenderData`を追加、`useId()`がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など - - ----- - -## Announcing TypeScript 5.4 Beta - TypeScript -[devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/ "Announcing TypeScript 5.4 Beta - TypeScript") -

TypeScript ReleaseNote

- -TypeScript 5.4 Betaリリース。 -クロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeの追加。 -ES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポート。 -`target: "ES3"`や`out`オプションなどを非推奨化など - -- [Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/51909 "Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript") - ----- - -## Release v9.0.1 · typicode/husky -[github.com/typicode/husky/releases/tag/v9.0.1](https://github.com/typicode/husky/releases/tag/v9.0.1 "Release v9.0.1 · typicode/husky") -

GIt JavaScript Tools ReleaseNote

- -husky v9.0.1リリース。 -`husk init`でセットアップを簡略化、git hookの書き方を単純化など - - ----- -

アーティクル

- ----- - -## CodeMirror v6によるZennのMarkdownエディタの作り方 -[zenn.dev/team\_zenn/articles/zenn-markdown-editor-by-cm6](https://zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6 "CodeMirror v6によるZennのMarkdownエディタの作り方") -

JavaScript editor article React

- -CodeMirrot v6でのMarkdownエディタの実装方法について - - ----- - -## SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog -[blog.flatt.tech/entry/samesite\_csrf\_hsts](https://blog.flatt.tech/entry/samesite_csrf_hsts "SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog") -

HTTP browser security article

- -Cookieの属性について。 -Secure/HttpOnly/Domain/Path/SameSite属性、`__Secure-`/`__Host-` prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。 - - ----- - -## Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス -[www.mitsue.co.jp/knowledge/blog/frontend/202402/02\_1152.html](https://www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html "Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス") -

browser WebPlatformAPI article

- -ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。 - - ----- - -## Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch -[efcl.info/2024/02/04/emitwarning/](https://efcl.info/2024/02/04/emitwarning/ "Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch") -

npm nodejs article

- -npmやNode.jsで非推奨のメッセージを通知する方法について。 -パッケージの非推奨化コードレベルの非推奨化、実行時の非推奨化について - - ----- - -## Import attributes · V8 -[v8.dev/features/import-attributes](https://v8.dev/features/import-attributes "Import attributes · V8") -

ECMAScript article

- -ECMAScript Proposal Stage 3のImport attributesについて。 -`import ... from .... assert { type } `はセマンティクス的に問題があったため、`import ... from .... with { type }`へと変更された。 - - ----- - -## Learn Testing  |  web.dev -[web.dev/learn/testing](https://web.dev/learn/testing "Learn Testing  |  web.dev") -

testing tutorial browser nodejs

- -自動テストについて学ぶチュートリアル。 -ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて - - ----- -

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

- ----- - -## Learn Performance  |  web.dev -[web.dev/learn/performance?hl=en](https://web.dev/learn/performance?hl=en "Learn Performance  |  web.dev") -

performance tutorial browser

- -ブラウザのパフォーマンスについてのチュートリアル。 -リソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど - - ----- - -## Tappy - Yahoo!デベロッパーネットワーク -[tappy.yahoo.co.jp/](https://tappy.yahoo.co.jp/ "Tappy - Yahoo!デベロッパーネットワーク") -

webservice Tools mobile accessibility

- -ウェブサイトのボタンなどのタップ成功率を計算して表示してくれるツール。 -タップミスが起きやすいボタンなのかの調査に利用できる。 - -- [スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog](https://techblog.yahoo.co.jp/entry/2021120930233778/ "スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定 - Yahoo! JAPAN Tech Blog") - ----- - -## Compression Streams are now supported on all browsers  |  Blog  |  web.dev -[web.dev/blog/compressionstreams?hl=en](https://web.dev/blog/compressionstreams?hl=en "Compression Streams are now supported on all browsers  |  Blog  |  web.dev") -

JavaScript browser WebPlatformAPI

- -gzipの圧縮/解凍するCompressionStreamが全てのブラウザで利用できるようになった。 - - ----- From 9ac25a1f2f5ac9d6cd824e984dbd77d8802c0e71 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 5 Feb 2024 07:09:36 +0000 Subject: [PATCH 16/16] Update _i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md --- ...a-learn-testingperformance-interop-2024.md | 24 +++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md b/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md index 2b42834557b..285ed1d719f 100644 --- a/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md +++ b/_i18n/ja/_posts/2024/2024-02-05-typescript-5.4-beta-learn-testingperformance-interop-2024.md @@ -2,7 +2,7 @@ title: "2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024" author: "azu" layout: post -date: 2024-02-05T07:00:08.915Z +date: 2024-02-05T07:09:35.304Z category: JSer tags: - browser @@ -13,22 +13,38 @@ tags: --- -JSer.info #679 - - [Announcing TypeScript 5.4 Beta - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/) +JSer.info #679 - TypeScript 5.4 Betaがリリースされました。 + +- [Announcing TypeScript 5.4 Beta - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/) + +クロージャーにおけるNarrowing結果の改善、`NoInfer` Utility Typeが追加されています。 +また、ES2024の`Object.groupBy`/`Map.groupBy`をサポート、Import Attributesのサポートが追加されています。 +そのほかには、`target: "ES3"`や`out`オプションなどを非推奨として、次のTypeScript 5.5で削除されることがアナウンスされています。TypeScript 5.5で削除されるオプションは、次のIssueにまとめられています。 + - [Feedback: 5.0 deprecations · Issue #51909 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/51909) --- +web.dev にテストとパフォーマンスに関する新しいコンテンツが追加されました。 + - [Learn Testing  |  web.dev](https://web.dev/learn/testing) -- [Learn Performance  |  web.dev](https://web.dev/learn/performance?hl=en) +- [Learn Performance  |  web.dev](https://web.dev/learn/performance) + +それぞれテストとパフォーマンスに関する一連の記事をまとめたページとなっています。 --- -- [Interop 2024  |  Blog  |  web.dev](https://web.dev/blog/interop-2024?hl=en) +ブラウザベンダーや関係者が協力して、ウェブプラットフォーム間の相互運用性に取り組む[Interop 2024](https://wpt.fyi/interop-2024)の開始がアナウンスされました。 + +- [Interop 2024  |  Blog  |  web.dev](https://web.dev/blog/interop-2024) - [The web just gets better with Interop 2024 | WebKit](https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/) - [Interop 2024 Launch - Bocoup](https://bocoup.com/blog/interop-2024) - [Interop 2024 Launches | Igalia](https://www.igalia.com/2024/interop-2024-launches.html) - [Microsoft Edge and Interop 2024 - Microsoft Edge Blog](https://blogs.windows.com/msedgedev/2024/02/01/microsoft-edge-and-interop-2024/) - [Announcing Interop 2024 - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2024/02/announcing-interop-2024/) + +毎年取り組む重点分野が決められていており、今年追加されたものとしてはアクセシビリティ、CSS Nesting、HTTP(S) URLs for WebSocketなどが取り上げられています。 + - [Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス](https://www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html)