Fork me on GitHub

2023-05-26のJS: wrangler v3.0.0、playwright v1.34.0、TypeScript 5.2の予定(変換プラグイン)

Edit on GitHub 編集履歴を見る

JSer.info #645 - wrangler 3.0.0リリースされました

wrangler publishwrangler deployにリネームされています。
また、wrangler 2.0でMiniflareを同梱していましたが、
3.0ではwrangler devでMiniflareとworkerd runtimeを使ったローカル環境での開発をデフォルトに変更しています。


playwright v1.34.0リリースがリリースされました。

Node.js 14のサポート終了、playwright@playwright/testを両方インストールしてる場合にnpx playwright testが動かなくなるように変更されています。
また、UIモードでテストのステップを表示できるように、testProject.teardownプロパティのサポート、locator.and()の追加など行われています。


TypeScript 5.2で取り組む予定のIssueが公開されています。

ECMAScript ProposalのDecorator Metadataやusingの対応、
明示的に型を定義せずに推論させるpartial type argument inferenceを扱う_の追加、tscコマンドで変換プラグインを扱う仕組みの追加などが検討されています。

TypeScriptの出力に変換を加えるような仕組みはttypescriptTS Patchなどがtscをラップする形で行っていました。tscのプラグインとして同様のケースができないかを検討しているようです。

また、並列解析でのパフォーマンス改善などに取り組む予定となっています。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


ESLint v8.41.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2023/05/eslint-v8.41.0-released/

ESLint ReleaseNote

ESLint v8.41.0リリース。
shouldUseFlatConfig()を追加、indentルールのパフォーマンス改善など


WebKit Features in Safari 16.5 | WebKit

webkit.org/blog/14154/webkit-features-in-safari-16-5/

safari ReleaseNote

Safari 16.5リリース。
CSS Nestingのサポート、:user-valid:user-invalidの擬似クラスをサポート。
LockdownモードでWebCodecs APIを無効化など


TypeScript 5.2 Iteration Plan · Issue #54298 · microsoft/TypeScript

github.com/microsoft/TypeScript/issues/54298

TypeScript issue

TypeScript 5.2で取り組む予定のIssue。
ECMAScript ProposalのDecorator Metadata、usingの対応。
明示的に型を定義せずに推論させるpartial type argument inferenceを扱う_の追加、tscコマンドで変換プラグインを扱う仕組みの追加。
並列解析でのパフォーマンス改善などに取り組む予定となっている


Improved local development with wrangler and workerd

blog.cloudflare.com/wrangler3/

cloudflare console Tools ReleaseNote

wrangler 3.0.0リリース。
wrangler publishwrangler deployにリネーム、wrangler devでMiniflareとworked runtimeを使ったローカル環境での開発をデフォルトに変更


Announcing TypeScript 5.1 RC - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-1-rc/

TypeScript ReleaseNote

TypeScript 5.1 RCリリース。
undefinedreturnする関数の型の扱いを改善、getterとsetter間でそれぞれ異なる型を指定できるように、JSXの改善。
Node.js 14.17未満のサポート終了、typeRootsの上向きのパッケージ解決を無効化など


Release v1.34.0 · microsoft/playwright

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

browser JavaScript testing ReleaseNote

playwright v1.34.0リリース。
Node.js 14のサポート終了、playwright@playwright/testを両方インストールしてる場合にnpx playwright testが動かなくなるように変更。
UIモードでテストのステップを表示できるように、testProject.teardownプロパティのサポート、locator.and()の追加など。


Release v0.1.12 · web-infra-dev/rspack

github.com/web-infra-dev/rspack/releases/tag/v0.1.12

webpack bundler ReleaseNote JavaScript

rspack v0.1.12リリース。
resolve.exportsFieldsをサポート、Data URIのimportをサポートなど


Release v3.2.0 · honojs/hono

github.com/honojs/hono/releases/tag/v3.2.0

JavaScript server library ReleaseNote

Hono 3.2.0リリース
LinearRouterPatternRouterの追加。実行環境に合わせたプリセットの追加、app.mount() APIの追加、cookie middlewareの追加など


アーティクル


Introducing the popover API - Chrome Developers

developer.chrome.com/en/blog/introducing-popover-api/

browser HTML article

popover属性について


Regular expressions in JavaScript - Honeybadger Developer Blog

www.honeybadger.io/blog/javascript-regular-expressions/

JavaScript RegExp article

JavaScriptにおける正規表現の解説とユースケースについて


Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*

blog.hog.as/entry/2023/05/11/181952

Chrome article debug

Chrome DevToolsでHTTPヘッダを書き換えられるようになった話


Using the Web Vitals extension to debug Core Web Vitals issues

web.dev/debug-cwvs-with-web-vitals-extension/

performance browser Chrome Extension article

Web Vitals extensionを使いWeb Vitalsに関する問題をデバッグする方法について


スライド、動画関係


OpenJS Collab Summit 2023 - YouTube

www.youtube.com/playlist?list=PLyspMSh4XhLO15jJD9Sj069fN18j12AbQ

JavaScript Conference video

OpenJS Collab Summit 2023 の動画一覧


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


microsoft/devicescript: TypeScript for Tiny IoT Devices

github.com/microsoft/devicescript

TypeScript Tools

Raspberry Pi PicoなどのIoTデバイス向けの処理をTypeScriptで書けるツールキット


webpro/knip: ✂️ Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it!

github.com/webpro/knip

JavaScript TypeScript Tools

未使用のファイル、未使用の依存関係、未使用のエクスポートなどを検出や削除できるツール。
さまざまなツールのプラグインとして対応している。


vanjs-org/van: 🍦VanJS (Vanilla JavaScript): World's smallest reactive UI framework

github.com/vanjs-org/van

JavaScript library GUI

ファイルサイズが小さなReactive UIフレームワーク


mizchi/lizod

github.com/mizchi/lizod

TypeScript library

zodライクなTypeScriptの型として利用できるバリデーションライブラリ。
zodからメソッドチェーンや複雑なバリデーションを取り除いたAPIを作ることで、ファイルサイズが小さくなることを目的にしている


書籍関係


JavaScript Primer 改訂2版 迷わないための入門書 | azu, Suguru Inatomi |本 | 通販 | Amazon

www.amazon.co.jp/dp/4048931105/

JavaScript book

2023年6月9日発売
JavaScriptの入門書


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