【Bun 入門】「今度こそ、何も足さなくていいわね」TypeScript をそのまま動かす Bun【VOICEVOX解説】
Jam Balaya
0:00 / 0:00
【Bun 入門】「今度こそ、何も足さなくていいわね」TypeScript をそのまま動かす Bun【VOICEVOX解説】
15 просмотров · 7 дн. назад
Jam Balaya
14 подписчиков
15 просмотров · 7 дн. назад
Node.js 26 なら TypeScript をそのまま動かせる……はずが、enum を書いたとたんに SyntaxError。
JavaScript と TypeScript の道具をひとまとめにした Bun を、日記のブログを作りながら、実際の画面で打って確かめます。
■ この動画でやること
・Node.js 26 は型の注釈を消して読むだけ。enum のように JavaScript への変換が要る書き方は「not supported in strip-only mode」で止まる
・ランタイム・パッケージ管理(npm / pnpm / yarn など)・コマンドの一度きりの実行(npx など)・テスト(Jest / Vitest など)・TypeScript の実行(tsx / ts-node など)の仕事を、Bun は bun という 1 つのコマンドで引き受ける
・mise use -g bun で入れて、bun init -y でプロジェクトにする(入る typescript はエディター用)
・bun diary.ts で、ビルドも設定も無しに動く。Node.js が断った enum も動く
・bun add と bun add -d で依存を足す。package.json の dependencies と devDependencies に分かれ、bun pm ls では 4 つでも node_modules には 35 個
・bun.lock は文字で読める。sha512 の値は中身の指紋。ほかの OS 向けのパッケージまで書いてあり、package.json と一緒にリポジトリに入れる
・bunx で、依存に足さずに一度だけ動かす。入っているコマンドなら、それを使う。外すのは bun remove
・依存の postinstall は、既定では止まる(npm は動かす)。bun pm untrusted で中身を見て、bun pm trust で許すと trustedDependencies に書かれる
・bun test は Jest と同じ書き方。Expected と Received を並べて、どこが違うかを見せる
※ 収録は Docker の中の Debian で、Bun 1.4.2 と Node.js 26.11.1 を mise で入れています。
■ チャプター
0:00 オープニング(Node.js 26 で TypeScript を動かしたら、enum で止まった)
1:33 Bun とは
1:58 Bun が引き受ける仕事
2:51 Bun を入れて、bun init -y
4:17 TypeScript をそのまま動かす
5:19 bun add で依存を足す
6:53 bun.lock は、文字で読める
8:06 bunx で、一度だけ動かす
9:23 依存のスクリプト(postinstall)は、既定では止まる
11:12 bun test
12:46 今日使った bun のコマンド
13:16 おわりに
■ 関連リンク
uv 入門(activate を忘れても、もう動く): • 【uv 入門】「冷蔵庫の材料を、戸棚で探していたのだ」activate を忘れても、...
mise 入門: • 【mise 入門】バージョン管理はこれ1本でいい。nvm / pyenv が消える【...
Bun(公式ドキュメント): https://bun.com/docs
元にした記事:
https://kokohore56562wanwan.site/ja/b...
■ 動画で打ったコマンド
cat diary.ts
node diary.ts
node mood.ts
mise use -g bun
bun --version
bun init -y
cat tsconfig.json
bun diary.ts
bun mood.ts
bun add zod
bun add -d @biomejs/biome
bun pm ls
head -n 20 bun.lock
bunx cowsay Good afternoon
bunx biome --version
bun add cowsay
bun remove cowsay
bun add core-js
bun pm untrusted
bun pm trust core-js
bun test
bunx cowsay 2 pass
■ クレジット
【音声】VOICEVOX:ずんだもん / VOICEVOX:四国めたん
【立ち絵】坂本アヒル
【音楽】DOVA-SYNDROME(GT-K / KK / もっぴーさうんど / しゃろう / yuki)/ 甘茶の音楽工房
【効果音】効果音ラボ
#Bun #TypeScript #JavaScript #プログラミング初心者 #ずんだもん #四国めたん #VOICEVOX