Fork me on GitHub

2022-09-21のJS: Redwood 3.0.0、npmの新しい機能、Wasmtime 1.0

Edit on GitHub 編集履歴を見る

JSer.info #610 - フルスタックウェブフレームワークのRedwood 3.0がリリースされました。

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

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


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

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

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


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

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


ヘッドライン


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

JavaScript node.js ReleaseNote

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

TypeScript webpack ReleaseNote

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

JavaScript library ReleaseNote

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


React Router 6.4 Release | Remix

remix.run/blog/react-router-v6.4

React JavaScript library ReleaseNote

React Router 6.4リリース。


Bytecode Alliance

bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready

WebAssembly ReleaseNote

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


Release v1.26.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.26.0

playwright ReleaseNote

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


アーティクル


Announcing the Official TypeScript Types Public Preview

blog.emberjs.com/announcing-official-typescript-types-public-preview/

Ember TypeScript article

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/

JavaScript React article

Remixについての紹介記事


スライド、動画関係


Infobip - Shift Conference (2022) - Google スライド

docs.google.com/presentation/d/1r3cen2_8CyJX8xBLGxfgPQzkyrBcHTKOujfNHbWexig/edit#slide=id.g15408d936a2_0_3766

npm security slide

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


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


lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle & other frontend libraries.

github.com/lost-pixel/lost-pixel

JavaScript testing Tools Github Actions

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


ソフトウェア、ツール、ライブラリ関係


ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.

github.com/ts-safeql/safeql

SQL ESLint Tools library TypeScript

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


tinylibs/tinybench: 🔎 A simple, tiny and lightweight benchmarking library!

github.com/tinylibs/tinybench

JavaScript benchmark library

ベンチマークライブラリ。
コールバック関数内で指定した処理の実行時間を比較できる。


anonrig/fast-querystring: A faster alternative to legacy node:querystring module

github.com/anonrig/fast-querystring

JavaScript node.js library

querystringと同様のAPIをもつクエリストリングを扱うライブラリ


tokencss/tokencss

github.com/tokencss/tokencss

CSS Tools Design PostCSS

Design Tokensの定義とそれCSSから利用するためのプリプロセッサを提供するツール。


skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest 👾

github.com/skovhus/jest-codemods

jest JavaScript testing Tools

Jestへの移行を補助するcodemod集。
Ava,Chai,expect.js,jasmine,mocha.should.js,tape,sinon.js からの移行ツールが用意されている。


parcel-bundler/lightningcss: An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.

github.com/parcel-bundler/lightningcss

Rust CSS library

Parcelで利用されているCSSのParser, Transformer, Minifier。
Rustで書かれている


この記事へ修正リクエストをする
JSer.info Slackに参加する