<commit_before>---
title: "2022-09-21のJS:  Redwood 3.0.0、npmの新しい機能、Wasmtime 1.0"
author: "azu"
layout: post
date : 2022-09-21T13:55:37.678Z
category: JSer
tags:
- Tools
- TypeScript
- node.js
- testing
- React

---

JSer.info #610 - フルスタックウェブフレームワークの[Redwood](https://redwoodjs.com/) 3.0がリリースされました。

- [Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community](https://community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989)

Node.js 12のサポート終了、プリレンダリングの対応、TypeScriptのStrict Modeに対応、Fastify v4/Jest 29/Prisma v4へのアップデートなどが含まれています。

また、既存のパスワード認証に加えて、WebAuthnでのログイン/サインアップのサポートなども含まれています。

- [Self-hosted Authentication (dbAuth) | RedwoodJS Docs](https://redwoodjs.com/docs/auth/dbauth#webauthn)

----

次のスライドでは、Software Supply Chainとnpmで実装/策定中のセキュリティに関する機能の紹介がされています。

- [Infobip - Shift Conference (2022) - Google スライド](https://docs.google.com/presentation/d/1r3cen2_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide=id.g15408d936a2_0_3766)

実装済みのものとまだ[RFC](https://github.com/npm/rfcs)段階のものが混ざっていますが、
指定日以前のバージョンをインストールできる`--before`、Package Distributions、`npm query`コマンド。
また、バリデーションの強化として`npm audit signatures`、sigstoreの対応、Audit policiesについてなどについても紹介されています。

npmのロードマップは、次のページでも公開されています。

- [GitHub public roadmap](https://github.com/orgs/github/projects/4247/views/1?filterQuery=npm)
- [Issues · npm/statusboard](https://github.com/npm/statusboard/labels/initiative)

----

WebAssemblyのruntimeであるWasmtime 1.0がリリースされました。

- [Bytecode Alliance](https://bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready)

1.0でproduction readyの安定版となり、今後は毎月アップデートを公開していく予定となっています。

----

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

----

## Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community
[community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989](https://community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989 "Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>

Redwood v3.0.0リリース。
Node.js 12のサポート終了、プリレンダリングの対応、TypeScriptのStrict Modeに対応、Fastify v4/Jest 29/Prisma v4へのアップデート。
また、WebAuthでのログイン/サインアップのサポートなど。


----

## Release v9.4.0 · TypeStrong/ts-loader
[github.com/TypeStrong/ts-loader/releases/tag/v9.4.0](https://github.com/TypeStrong/ts-loader/releases/tag/v9.4.0 "Release v9.4.0 · TypeStrong/ts-loader")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p>

ts-loader v9.4.0リリース。
`.cjs`, `.mjs`, `.cts`, `.mts`のサポートなど


----

## Qwik and Qwik City have reached beta! 🎉
[www.builder.io/blog/qwik-and-qwik-city-have-reached-beta](https://www.builder.io/blog/qwik-and-qwik-city-have-reached-beta "Qwik and Qwik City have reached beta! 🎉")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

QwikとQwikを使ったメタフレームワークのQwik Cityが1.0 betaとなった。


----

## React Router 6.4 Release | Remix
[remix.run/blog/react-router-v6.4](https://remix.run/blog/react-router-v6.4 "React Router 6.4 Release | Remix")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

React Router 6.4リリース。


----

## Bytecode Alliance
[bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready](https://bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready "Bytecode Alliance")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">ReleaseNote</span></p>

WebAssemblyのruntimeであるWasmtime 1.0リリース


----

## Release v1.26.0 · microsoft/playwright
[github.com/microsoft/playwright/releases/tag/v1.26.0](https://github.com/microsoft/playwright/releases/tag/v1.26.0 "Release v1.26.0 · microsoft/playwright")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">playwright</span> <span class="jser-tag">ReleaseNote</span></p>

playwright v1.26.0リリース。
Assertionへのオプションの追加、`--pass-with-no-tests`フラグ、`--ignore-snapshots`フラグの追加など。
また、`waitUntil: domcontentloaded`のiframeに対する挙動が変更されている


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

----

## Announcing the Official TypeScript Types Public Preview
[blog.emberjs.com/announcing-official-typescript-types-public-preview/](https://blog.emberjs.com/announcing-official-typescript-types-public-preview/ "Announcing the Official TypeScript Types Public Preview")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Ember</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span></p>

Ember 4.8.0 Beta 2以降ではTypeScriptの型定義が同梱される。
プレビュー期間では`import 'ember-source/types';`で読み込み、安定したら完全に切り替え、semverポリシーに則って公開される


----

## The Basics of Remix | CSS-Tricks - CSS-Tricks
[css-tricks.com/the-basics-of-remix/](https://css-tricks.com/the-basics-of-remix/ "The Basics of Remix | CSS-Tricks - CSS-Tricks")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">article</span></p>

Remixについての紹介記事


----
<h1 class="site-genre">スライド、動画関係</h1>

----

## Infobip - Shift Conference (2022) - Google スライド
[docs.google.com/presentation/d/1r3cen2\_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide&#x3D;id.g15408d936a2\_0\_3766](https://docs.google.com/presentation/d/1r3cen2_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide=id.g15408d936a2_0_3766 "Infobip - Shift Conference (2022) - Google スライド")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">security</span> <span class="jser-tag">slide</span></p>

最近実装やRFCが出ているnpm関係のセキュリティ機能とソフトウェアサプライチェーンについてスライド。
`--before`での指定日以前のバージョンのインストール、Package Distributions、`npm query`コマンド。
また、バリデーションの強化として`npm audit signatures`、sigstoreの対応、Audit policiesについてなど


----
<h1 class="site-genre">サイト、サービス、ドキュメント</h1>

----

## lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle &amp; other frontend libraries.
[github.com/lost-pixel/lost-pixel](https://github.com/lost-pixel/lost-pixel "lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle &amp; other frontend libraries.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">testing</span> <span class="jser-tag">Tools</span> <span class="jser-tag">Github</span> <span class="jser-tag">Actions</span></p>

Storybookなどに対応したビジュアルリグレッションテストツール。
GitHub Actionsを使ってスナップショットの更新できる


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

----

## ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.
[github.com/ts-safeql/safeql](https://github.com/ts-safeql/safeql "ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">SQL</span> <span class="jser-tag">ESLint</span> <span class="jser-tag">Tools</span> <span class="jser-tag">library</span> <span class="jser-tag">TypeScript</span></p>

TypeScriptで書いたSQL文に対して実際のデータベースと接続したLintするESLintプラグイン。
PostgreSQL, Prisma, Sequelize, pg, postgresなどの対応している。


----
<commit_msg>fix: 送り仮名の追加 (#1010)<commit_after>---
title: "2022-09-21のJS:  Redwood 3.0.0、npmの新しい機能、Wasmtime 1.0"
author: "azu"
layout: post
date : 2022-09-21T13:55:37.678Z
category: JSer
tags:
- Tools
- TypeScript
- node.js
- testing
- React

---

JSer.info #610 - フルスタックウェブフレームワークの[Redwood](https://redwoodjs.com/) 3.0がリリースされました。

- [Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community](https://community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989)

Node.js 12のサポート終了、プリレンダリングの対応、TypeScriptのStrict Modeに対応、Fastify v4/Jest 29/Prisma v4へのアップデートなどが含まれています。

また、既存のパスワード認証に加えて、WebAuthnでのログイン/サインアップのサポートなども含まれています。

- [Self-hosted Authentication (dbAuth) | RedwoodJS Docs](https://redwoodjs.com/docs/auth/dbauth#webauthn)

----

次のスライドでは、Software Supply Chainとnpmで実装/策定中のセキュリティに関する機能の紹介がされています。

- [Infobip - Shift Conference (2022) - Google スライド](https://docs.google.com/presentation/d/1r3cen2_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide=id.g15408d936a2_0_3766)

実装済みのものとまだ[RFC](https://github.com/npm/rfcs)段階のものが混ざっていますが、
指定日以前のバージョンをインストールできる`--before`、Package Distributions、`npm query`コマンド。
また、バリデーションの強化として`npm audit signatures`、sigstoreの対応、Audit policiesについてなどについても紹介されています。

npmのロードマップは、次のページでも公開されています。

- [GitHub public roadmap](https://github.com/orgs/github/projects/4247/views/1?filterQuery=npm)
- [Issues · npm/statusboard](https://github.com/npm/statusboard/labels/initiative)

----

WebAssemblyのruntimeであるWasmtime 1.0がリリースされました。

- [Bytecode Alliance](https://bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready)

1.0でproduction readyの安定版となり、今後は毎月アップデートを公開していく予定となっています。

----

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

----

## Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community
[community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989](https://community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989 "Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>

Redwood v3.0.0リリース。
Node.js 12のサポート終了、プリレンダリングの対応、TypeScriptのStrict Modeに対応、Fastify v4/Jest 29/Prisma v4へのアップデート。
また、WebAuthでのログイン/サインアップのサポートなど。


----

## Release v9.4.0 · TypeStrong/ts-loader
[github.com/TypeStrong/ts-loader/releases/tag/v9.4.0](https://github.com/TypeStrong/ts-loader/releases/tag/v9.4.0 "Release v9.4.0 · TypeStrong/ts-loader")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p>

ts-loader v9.4.0リリース。
`.cjs`, `.mjs`, `.cts`, `.mts`のサポートなど


----

## Qwik and Qwik City have reached beta! 🎉
[www.builder.io/blog/qwik-and-qwik-city-have-reached-beta](https://www.builder.io/blog/qwik-and-qwik-city-have-reached-beta "Qwik and Qwik City have reached beta! 🎉")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

QwikとQwikを使ったメタフレームワークのQwik Cityが1.0 betaとなった。


----

## React Router 6.4 Release | Remix
[remix.run/blog/react-router-v6.4](https://remix.run/blog/react-router-v6.4 "React Router 6.4 Release | Remix")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

React Router 6.4リリース。


----

## Bytecode Alliance
[bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready](https://bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready "Bytecode Alliance")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">ReleaseNote</span></p>

WebAssemblyのruntimeであるWasmtime 1.0リリース


----

## Release v1.26.0 · microsoft/playwright
[github.com/microsoft/playwright/releases/tag/v1.26.0](https://github.com/microsoft/playwright/releases/tag/v1.26.0 "Release v1.26.0 · microsoft/playwright")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">playwright</span> <span class="jser-tag">ReleaseNote</span></p>

playwright v1.26.0リリース。
Assertionへのオプションの追加、`--pass-with-no-tests`フラグ、`--ignore-snapshots`フラグの追加など。
また、`waitUntil: domcontentloaded`のiframeに対する挙動が変更されている


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

----

## Announcing the Official TypeScript Types Public Preview
[blog.emberjs.com/announcing-official-typescript-types-public-preview/](https://blog.emberjs.com/announcing-official-typescript-types-public-preview/ "Announcing the Official TypeScript Types Public Preview")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Ember</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span></p>

Ember 4.8.0 Beta 2以降ではTypeScriptの型定義が同梱される。
プレビュー期間では`import 'ember-source/types';`で読み込み、安定したら完全に切り替え、semverポリシーに則って公開される


----

## The Basics of Remix | CSS-Tricks - CSS-Tricks
[css-tricks.com/the-basics-of-remix/](https://css-tricks.com/the-basics-of-remix/ "The Basics of Remix | CSS-Tricks - CSS-Tricks")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">article</span></p>

Remixについての紹介記事


----
<h1 class="site-genre">スライド、動画関係</h1>

----

## Infobip - Shift Conference (2022) - Google スライド
[docs.google.com/presentation/d/1r3cen2\_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide&#x3D;id.g15408d936a2\_0\_3766](https://docs.google.com/presentation/d/1r3cen2_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide=id.g15408d936a2_0_3766 "Infobip - Shift Conference (2022) - Google スライド")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">security</span> <span class="jser-tag">slide</span></p>

最近実装やRFCが出ているnpm関係のセキュリティ機能とソフトウェアサプライチェーンについてスライド。
`--before`での指定日以前のバージョンのインストール、Package Distributions、`npm query`コマンド。
また、バリデーションの強化として`npm audit signatures`、sigstoreの対応、Audit policiesについてなど


----
<h1 class="site-genre">サイト、サービス、ドキュメント</h1>

----

## lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle &amp; other frontend libraries.
[github.com/lost-pixel/lost-pixel](https://github.com/lost-pixel/lost-pixel "lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle &amp; other frontend libraries.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">testing</span> <span class="jser-tag">Tools</span> <span class="jser-tag">Github</span> <span class="jser-tag">Actions</span></p>

Storybookなどに対応したビジュアルリグレッションテストツール。
GitHub Actionsを使ってスナップショットの更新ができる。


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

----

## ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.
[github.com/ts-safeql/safeql](https://github.com/ts-safeql/safeql "ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">SQL</span> <span class="jser-tag">ESLint</span> <span class="jser-tag">Tools</span> <span class="jser-tag">library</span> <span class="jser-tag">TypeScript</span></p>

TypeScriptで書いたSQL文に対して実際のデータベースと接続したLintするESLintプラグイン。
PostgreSQL, Prisma, Sequelize, pg, postgresなどの対応している。


----

{'fraction_non_alphanumeric': 0.16731775144011124, 'fraction_numerical': 0.0304575249950341, 'mean_word_length': 5.575533304309969, 'pattern_counts': {'":': 0, '<': 211, '<?xml version=': 0, '>': 211, 'https://': 38, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2276092', 'n_tokens_mistral': 7069, 'n_tokens_neox': 6611, 'n_words': 836}