Frontend Weekly 2023-04-30

Stable Test Runner#

内蔵されているテストランナーnode:testが Stable になりました。node:testは Jest などとほぼ同じインターフェイスを持っており、また内蔵されているため別途インストールなどは必要ありません。describe、beforeEach、mock.fn など主要なものは Node.js v18 からサポートされており、カバレッジレポートなども experimental フラグは必要なものの既に利用できます。

1
import assert from "node:assert";
2
import { mock, test, beforeEach, describe } from "node:test";
3

4
describe("tests", async () => {
5
  const sum = mock.fn((a, b) => {
6
    return a + b;
7
  });
8
  beforeEach(() => console.log("about to run a test"));
9
  it("is a subtest", () => {
10
    assert.ok("some relevant assertion here");
11
  });
12
});

https://nodejs.org/api/test.html

New ECMAScript Features#

Node.js v20 で V8 のバージョンが 11.3 に上がったため、新しい ECMAScript の機能が利用できるようになっています。

1
const array = [2, 6, 3];
2
array.toReversed(); // [3, 6, 2]
3
array.toSorted(); // [2, 3, 6]
4
array.with(1, 2); // [2, 2, 3]

パフォーマンスの大幅改善#

Vite 4.3 では、パフォーマンスが大きく改善されています。Vite 4.2 と比較して、Cold スタートが 70%、HMR は 40%程度改善したそうです。

今後もパフォーマンスの改善に取り組んでいくということで、Vite チームのやる気を感じます。どのようなパフォーマンスの改善をしたかは下記記事で紹介されています。面白いので、おすすめです。

https://sun0day.github.io/blog/vite/why-vite4_3-is-faster.html

またvite-plugin-inspect にアプリケーションのボトルネックになっているプラグインやミドルウェアを特定するのに役立つパフォーマンス関連の機能が追加されました。見慣れないかもしれませんが vite-plugin-inspect は、Vite のプラグインを作る際に公式が利用を推奨しているプラグインです。

Deno 2 is coming#

Deno は年内のメジャーリリースを目指しており、Deno 1.33 を含め今後のリリースでは、Deno 2 に向けてパフォーマンスや開発者体験、セキュリティ、Node/npm 互換性を高めていくとのことです。Deno 2 に興味があれば、Node Congress 2023 で行われた「Forced Optimization」も参照してください。

ビルトイン KV データベース#

Deno KV は、ライブラリのインポートやセットアップなしで扱え、Deno Deploy（現在は Closed Beta）にデプロイすれば、グローバルにレプリケートされた低遅延のデータストアを導入できます。

1
const kv = await Deno.openKv();
2

3
const key = ["users", crypto.randomUUID()];
4
const value = { name: "Alice" };
5
await kv.set(key, value);
6

7
const result = await kv.get(key);
8
result.value; // { name: "Alice" }

ローカルでの開発時は SQLite が使われます。