Biomeの個人スポンサーになった

Dev

Biome の個人スポンサーになりました。月 5 ドルの tier で支援しています。

Biome と私

Biome は、Rust で開発されている JavaScript プロジェクト向けのツールチェインを提供するプロジェクトです。自分は 2023 年 12 月ごろから触り始めていました。以下の Zenn スクラップはその時のメモです。

biomeを触ってみる

zenn.dev のサムネイル画像

いくつかのプロジェクトで使ってみており、その速度にすぐさま虜になりました。このブログでも Linter, Analyzer, Formatter として使っています。以下は設定ファイルです。

mysite/biome.json at fc6246786be0f678c52b366334a76a3fc2991190 · MH4GF/mysite

mysite. Contribute to MH4GF/mysite development by creating an account on GitHub.

github.com のサムネイル画像

pnpm format で自動修正できるようにしていますが、今適当に試してみると 93 ファイルを 15ms で修正できています。あまりにも速いので、個人的には好みではなかった lint-staged を設定しても良いかも、とも思い始めています。

$ pnpm format
 
> mysite@ format /Users/mh4gf/ghq/github.com/MH4GF/mysite
> run-p -c format:*
 
 
> mysite@ format:biome-format /Users/mh4gf/ghq/github.com/MH4GF/mysite
> biome format . --write
 
 
> mysite@ format:biome-check /Users/mh4gf/ghq/github.com/MH4GF/mysite
> biome check . --apply-unsafe
 
Fixed 93 file(s) in 14ms
Formatted 93 file(s) in 15ms

まだ Experimental のルールですが、tailwindcss クラスのソートを行うルールがリリースされたため早速有効化したりもしています。

enable useSortedClasses by MH4GF · Pull Request #140 · MH4GF/mysite

all done 👍🏻 ref: biomejs/biome#1274 chore: bump biome version to 1.5.3-nightly.24fcf19 feat: enable useSortedClasses refactor: apply sorted classes refactor: remove eslint-plugin-tailwindcss

github.com のサムネイル画像

細かいドキュメントの修正 PR も出したことがありました。

docs(website): fix italic text for ja docs by MH4GF · Pull Request #1272 · biomejs/biome

It's pretty minor, but I was reading the documentation in ja and found some sentences where the italic syntax was not applied. before after

github.com のサムネイル画像

Biome に期待していること

ESLint や Prettier を Biome 一つに置き換えられると理想ですが、自分のユースケースでは現状全てを代替することはできていません。

Prettier は取り急ぎアンインストールし Biome に置き換えて運用できていますが、Markdown や CSS などサポートされていない言語もまだまだ多いです。これらのファイルをフォーマットしたい時は、 Prettier の VSCode 拡張でフォーマットする形でお茶を濁しています。

ESLint については利用したいルールがまだ Biome に移植されていないことも多いので、現状は併用する形で運用しています。Biome のアップデートに伴いルールが追加されていくため、それらを見つつ ESLint 側で無効化したりしています。

上記で挙げた言語サポート・プラグイン機構・ルールの移植については、 全て Biome のロードマップで取り上げられています。

Roadmap 2024

Roadmap 2024 and new logo

biomejs.dev のサムネイル画像

プラグイン機構については最近 GitHub Discussions で RFC の議論が始まっています。

RFC: Biome plugins · biomejs/biome · Discussion #1649

Update 2: Plugins are coming to Biome 2.0: #4428 Update: A follow-up RFC, based on the results and discussions here, has been presented: #1762 As many of you are aware, Biome's roadmap for 2024 inc...

github.com のサムネイル画像

どれも楽しみで応援したくなりますね。

おわり

Biome に個人スポンサーという形で支援した話でした。
隙を見てコードでもコントリビュートしていきたいですね。Rust の勉強頑張ろう。

← All Articles