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の安定版となり、今後は毎月アップデートを公開していく予定となっています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
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
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
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
QwikとQwikを使ったメタフレームワークのQwik Cityが1.0 betaとなった。
React Router 6.4 Release | Remix
remix.run/blog/react-router-v6.4
React Router 6.4リリース。
Bytecode Alliance
bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready
WebAssemblyのruntimeであるWasmtime 1.0リリース
Release v1.26.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.26.0
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 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/
Remixについての紹介記事
スライド、動画関係
Infobip - Shift Conference (2022) - Google スライド
最近実装や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
Storybookなどに対応したビジュアルリグレッションテストツール。
GitHub Actionsを使ってスナップショットの更新ができる。
ソフトウェア、ツール、ライブラリ関係
ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.
TypeScriptで書いたSQL文に対して実際のデータベースと接続したLintするESLintプラグイン。
PostgreSQL, Prisma, Sequelize, pg, postgresなどの対応している。
tinylibs/tinybench: 🔎 A simple, tiny and lightweight benchmarking library!
ベンチマークライブラリ。
コールバック関数内で指定した処理の実行時間を比較できる。
anonrig/fast-querystring: A faster alternative to legacy node:querystring module
github.com/anonrig/fast-querystring
querystringと同様のAPIをもつクエリストリングを扱うライブラリ
tokencss/tokencss
Design Tokensの定義とそれCSSから利用するためのプリプロセッサを提供するツール。
skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest 👾
github.com/skovhus/jest-codemods
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
Parcelで利用されているCSSのParser, Transformer, Minifier。
Rustで書かれている
