🥖

【Bun】新しいJavaScriptランタイムについてふわっとまとめた

2022/07/12に公開

JavaScriptランタイムと言えばnode。
nodeの代替としてdenoがありますが、新たにbunというものを知ったのでふわっとまとめてみました。次のリンクは、Bunを知るきっかけとなったものです。

トップのコメントを一部抜粋(DeepL翻訳)

私が興奮していることのひとつは、bun install です。

Linuxでは、シンプルなNext.jsアプリの依存関係を、現在利用できる他のnpmクライアントよりも20倍ほど速くインストールします。

Bunとは

「速くて All in One な Javascript ランタイム」
https://bun.sh/
内容を見ていく前に、Bunへの注目度がわかるグラフをご覧ください。

7月6日からほぼ垂直にStarを獲得しており、7月11日までの五日間で約20倍になっています。すごい。
ここからは私が気になった内容をピックアップして紹介していきます。

All in One

BunはAll in Oneなツールです。
バンドル、トランスパイラ、パッケージマネージャなどが最初からbunに含まれています。
nodeで言うところの、webpackやnpmがbun一つで完結しているということです。
また、bunのパッケージマネージャはnpm互換なのでnpmを使うようにbunを使うことができます。

bun	npm
bun install	npm install
bun remove react	npm uninstall react
bun add preact	npm install preact
bun run clean	npm run clean

その他にもWeb開発で必要になることが多い機能が含まれています。

fetch,WebSocket,ReadableStream
.envから環境変数を自動で読み込みます。(require("dotenv").load()が不要)
SQLite3クライアント
多くのNode.jsのネイティブモジュール(fs,path,processなど)

Speed

Twitterや公式サイトにもこんだけ早い！と紹介がありますが、自分でもコードを書いて速さを比べてみました。
私の環境は、こちらです。

まずは、作者のツイートにもあったベンチマークを実践。
非常に単純なJavaScriptファイルです。

// hello.js
console.log("Hi!")

bunの方がnodeの4.00倍高速
bunの方がdenoの1.69倍高速

作者のツイートと似たような結果になりました！

エラトステネスの篩を使った素数判定もしてみました。
素数 6,700,417 が素数かどうか判定してもらいます。

ソースコード

const N = 6700417;    
let arr = Array(N);    
let prime_flags = Array(N+1).fill(true);    
prime_flags[0] = false;    
prime_flags[1] = false;    
    
for(let i = 0; i < N+1; i++){    
  if(!prime_flags[i])    
    continue;    
  for(let j = i*i; j < N+1; j+=i)    
    prime_flags[j] = false;    
}    
    
console.log(prime_flags[N]);

denoの方がnodeの1.48倍高速
denoの方がbunの1.11倍高速

あれ、denoが最速（とはいえ、1.11倍）
どこが原因なのか軽く調べてみました。

const N = 6700417;
let arr = Array(N);

node	deno	bun
31.3ms	14.0ms	11.6ms

bunの方がnodeの2.70倍高速
bunの方がdenoの1.21倍高速

const N = 6700417;
let arr = Array(N);
arr.fill(true);

node	deno	bun
37.6ms	20.4ms	21.2ms

denoの方がnodeの1.85倍高速
denoの方がbunの1.04倍高速

arr.fill(true)を加えたら最速がdenoになりました。
単純に引き算をしてfillメソッドにかかった時間を調べてみると。

node	deno	bun
6.3ms	6.4ms	9.6ms

nodeの方がdenoの1.02倍高速
denoの方がbunの1.52倍高速

nodeが最速！？
色々と検証すると面白そうですが、沼りそうなので手を引きます。
nodeが一番早い理由が分かる人はコメントいただけると嬉しいです。（ベンチマーク方法がおかしい？）

私の検証では、他のランタイムの方が早いという驚きの結果が出てしまいましたが、基本的にはbunの方が速そうです。それにbunはまだバージョン0.1.2、これからまた変わっていくかもしれません。

JavaScriptCore

Bun.jsはJavaScriptCoreと呼ばれるJavaScriptエンジンを使っています。
一般的に有名なJavaScriptエンジンはChromeやNode.js,Denoなどで使われているV8だと思いますが、JavaScriptCoreはV8より早い傾向があるようです。
ちなみに、JavaScriptCoreはiOSやmacOSアプリのSDKに標準装載されています。

Zig

BunはZigと呼ばれるプログラミング言語で書かれています。
Zigは低レイヤーが得意なプログラミング言語で競合する言語は、C/C++やRustなどです。
RustとZigのどっちがいいかとかはググるとたくさん出てきました。
公式からの回答もあります。

使ってみる

インストール

curl https://bun.sh/install | bash

プロジェクトの作成

Reactプロジェクトを作ります。

bun create react my-app

npx create-react-app my-appだと10秒以上かかるのに、1秒もかからない。早い。

実行

cd my-app
bun dev

感想

Web界隈はどんどん新しいモノが出てきますね...
denoもbunのどちらもnodeの代替となりそうですが毛色がだいぶ違います。
それぞれ住み分けすることになるのか、どちらか１強となるのか、はたまたnodeがこのままシェアを維持するのか気になるところです。
Bunはnpmクライアントをbuilt-inしているので、DenoよりはNodeからの移行はしやすそうです。(まだbetaなので使いにくいですが...)
とにかくbun installはめちゃくちゃ早いので是非試してみてください！

正式リリースされる頃にはもっと使いやすくなっていそうで楽しみです。
また、私のような素人ではなくWebエンジニアさんの知見からbunやdenoを比較した記事も読んでみたいなと思いました。できれば日本語で。

Bunの記事を書いといてなんですが、個人的にはBunよりZig言語の方が気になったのでこちらも少し勉強してみようと思います。
ここまで読んでいただきありがとうございました。