Biome で Format と Lint のストレスをゼロに

「shibuya.ts」での登壇スライドです。
https://shibuya-ts.connpass.com/event/339243/

19:50 - 19:55 「Biome で Format と Lint のストレスをゼロに」松浦 (@GorillaSwe)

Transcript

1. レバテック開発部 松浦 淳之助 Biomeで FormatとLintの ストレスをゼロに
2. |　© 2024 Levtech Co., Ltd. 2 2024年8月にレバテックに参画し、ITフリーランス向けのプロダクト開発に従事。 現在は保守運用を行いながら、サービス基盤の改善に取り組んでいます！ 好きな筋肉の部位は上腕二頭筋と大胸筋 レバテック開発部 ITSプロダクト開発グループ / LTP開発チーム 松浦 淳之助 JUNNOSUKE MATSUURA
3. |　© 2024 Levtech Co., Ltd. 3 • はじめに • 当時の状況 • Biomeとは • 移行してみた • まとめ アジェンダ
4. |　© 2024 Levtech Co., Ltd. 4 • はじめに • 当時の状況 • Biomeとは • 移行してみた • まとめ アジェンダ
5. |　© 2024 Levtech Co., Ltd. 5 超高速で、簡単移行で、一元管理ができる Biomeはいいぞぉ 今日伝えたいこと
6. |　© 2024 Levtech Co., Ltd. 6 • はじめに • 当時の状況 • Biomeとは • 移行してみた • まとめ アジェンダ
7. |　© 2024 Levtech Co., Ltd. 7 いきなりですが... 当時の状況
8. |　© 2024 Levtech Co., Ltd. 8 皆さんはFormatterやLinterは 何を使っていますか？ 当時の状況
9. |　© 2024 Levtech Co., Ltd. 9 私たちのチームでは PrettierとESLintを使っていました 当時の状況
10. |　© 2024 Levtech Co., Ltd. 10 私たちはPrettierとESLintを 使っていました！ しかし、開発を進めるにつれて問題が ... 当時の状況
11. |　© 2024 Levtech Co., Ltd. 11 FormatとLintの実行時間がちょっと長い... 当時の状況
12. |　© 2024 Levtech Co., Ltd. 12 FormatとLintの実行時間がちょっと長い... そんな時に見つけたのが Biome 当時の状況
13. |　© 2024 Levtech Co., Ltd. 13 • はじめに • 当時の状況 • Biomeとは • 移行してみた • まとめ アジェンダ
14. |　© 2024 Levtech Co., Ltd. 14 • Rust製のWebツールチェーン • 現在はAnalyzer/Formatter/Linterの機能を提供している • 圧倒的な実行速度 Biomeって何？ 公式サイトより引用 Biomeとは
15. |　© 2024 Levtech Co., Ltd. 15 • 圧倒的な実行速度 • Prettier/ESLintからの移行が簡単 • Prettier/ESLintとの互換性が高い • Formatter/Linterを一括で管理できる どうしてBiomeを選んだの？ Biomeとは
16. |　© 2024 Levtech Co., Ltd. 16 • はじめに • 当時の状況 • Biomeとは • 移行してみた • まとめ アジェンダ
17. |　© 2024 Levtech Co., Ltd. 17 でも、移行って大変なんじゃないの？ 移行してみた
18. |　© 2024 Levtech Co., Ltd. 18 でも、移行って大変なんじゃないの？ そんなことはなかった！ 移行してみた
19. |　© 2024 Levtech Co., Ltd. 19 ほぼこれだけで移行できる！ 移行してみた 既存の.eslintrc.jsonや.prettierrc.jsonを基に biome.jsonを更新してくれる
20. |　© 2024 Levtech Co., Ltd. 20 その結果 Before After 移行してみた
21. |　© 2024 Levtech Co., Ltd. 21 その結果 Before After 実行速度が 45倍に🎉 移行してみた
22. |　© 2024 Levtech Co., Ltd. 22 • はじめに • 当時の状況 • Biomeとは • 移行してみた • まとめ アジェンダ
23. |　© 2024 Levtech Co., Ltd. 23 • CIの速度をあげたい人 • FormatやLintの待ち時間がストレスな人 • PrettierやESLintの管理が大変な人 • ツールの移行が面倒で踏み切れない人 • 開発者体験を上げたいけど、具体的な手段が思いつかない人 まとめ
24. |　© 2024 Levtech Co., Ltd. 24 • CIの速度をあげたい人 • FormatやLintの待ち時間がストレスな人 • ESLintやPrettierの管理が大変な人 • ツールの移行が面倒で踏み切れない人 • 開発者体験を上げたいけど、具体的な手段が思いつかない人 まとめ Biomeに移行してみませんか？？？
25. |　© 2024 Levtech Co., Ltd. 25 超高速で、簡単移行で、一元管理ができる Biomeはいいぞぉ 今日伝えたいこと
26. ご清聴ありがとう ございました！！！
28. 宣伝
29. 開発職向け会社紹介資料 プロダクトや開発組織についてご紹介しています。 https://speakerdeck.com/leverages/levtech-hui-she-shao-jie-zi-liao-enzi niazhi-xiang-ke レバテック開発部テックブログ 日々の開発におけるリアルをお届けしています！ https://zenn.dev/p/levtech カジュアル面談フォーム 気軽にご応募ください！いろんなお話しましょう！ https://hrmos.co/pages/leverages/jobs/A_c_00071