Tweet
Tweet

Slide 1

Slide 1 text

レバテック開発部 松浦 淳之助 Biomeで FormatとLintの ストレスをゼロに

Slide 2

Slide 2 text

|　© 2024 Levtech Co., Ltd. 2 2024年8月にレバテックに参画し、ITフリーランス向けのプロダクト開発に従事。 現在は保守運用を行いながら、サービス基盤の改善に取り組んでいます！ 好きな筋肉の部位は上腕二頭筋と大胸筋 レバテック開発部 ITSプロダクト開発グループ / LTP開発チーム 松浦 淳之助 JUNNOSUKE MATSUURA

Slide 3

Slide 3 text

|　© 2024 Levtech Co., Ltd. 3 ● はじめに ● 当時の状況 ● Biomeとは ● 移行してみた ● まとめ アジェンダ

Slide 4

Slide 4 text

|　© 2024 Levtech Co., Ltd. 4 ● はじめに ● 当時の状況 ● Biomeとは ● 移行してみた ● まとめ アジェンダ

Slide 5

Slide 5 text

|　© 2024 Levtech Co., Ltd. 5 超高速で、簡単移行で、一元管理ができる Biomeはいいぞぉ 今日伝えたいこと

Slide 6

Slide 6 text

|　© 2024 Levtech Co., Ltd. 6 ● はじめに ● 当時の状況 ● Biomeとは ● 移行してみた ● まとめ アジェンダ

Slide 7

Slide 7 text

|　© 2024 Levtech Co., Ltd. 7 いきなりですが... 当時の状況

Slide 8

Slide 8 text

|　© 2024 Levtech Co., Ltd. 8 皆さんはFormatterやLinterは 何を使っていますか？ 当時の状況

Slide 9

Slide 9 text

|　© 2024 Levtech Co., Ltd. 9 私たちのチームでは PrettierとESLintを使っていました 当時の状況

Slide 10

Slide 10 text

|　© 2024 Levtech Co., Ltd. 10 私たちはPrettierとESLintを 使っていました！ しかし、開発を進めるにつれて問題が ... 当時の状況

Slide 11

Slide 11 text

|　© 2024 Levtech Co., Ltd. 11 FormatとLintの実行時間がちょっと長い... 当時の状況

Slide 12

Slide 12 text

|　© 2024 Levtech Co., Ltd. 12 FormatとLintの実行時間がちょっと長い... そんな時に見つけたのが Biome 当時の状況

Slide 13

Slide 13 text

|　© 2024 Levtech Co., Ltd. 13 ● はじめに ● 当時の状況 ● Biomeとは ● 移行してみた ● まとめ アジェンダ

Slide 14

Slide 14 text

|　© 2024 Levtech Co., Ltd. 14 ● Rust製のWebツールチェーン ● 現在はAnalyzer/Formatter/Linterの機能を提供している ● 圧倒的な実行速度 Biomeって何？ 公式サイトより引用 Biomeとは

Slide 15

Slide 15 text

|　© 2024 Levtech Co., Ltd. 15 ● 圧倒的な実行速度 ● Prettier/ESLintからの移行が簡単 ● Prettier/ESLintとの互換性が高い ● Formatter/Linterを一括で管理できる どうしてBiomeを選んだの？ Biomeとは

Slide 16

Slide 16 text

|　© 2024 Levtech Co., Ltd. 16 ● はじめに ● 当時の状況 ● Biomeとは ● 移行してみた ● まとめ アジェンダ

Slide 17

Slide 17 text

|　© 2024 Levtech Co., Ltd. 17 でも、移行って大変なんじゃないの？ 移行してみた

Slide 18

Slide 18 text

|　© 2024 Levtech Co., Ltd. 18 でも、移行って大変なんじゃないの？ そんなことはなかった！ 移行してみた

Slide 19

Slide 19 text

|　© 2024 Levtech Co., Ltd. 19 ほぼこれだけで移行できる！ 移行してみた 既存の.eslintrc.jsonや.prettierrc.jsonを基に biome.jsonを更新してくれる

Slide 20

Slide 20 text

|　© 2024 Levtech Co., Ltd. 20 その結果 Before After 移行してみた

Slide 21

Slide 21 text

|　© 2024 Levtech Co., Ltd. 21 その結果 Before After 実行速度が 45倍に🎉 移行してみた

Slide 22

Slide 22 text

|　© 2024 Levtech Co., Ltd. 22 ● はじめに ● 当時の状況 ● Biomeとは ● 移行してみた ● まとめ アジェンダ

Slide 23

Slide 23 text

|　© 2024 Levtech Co., Ltd. 23 ● CIの速度をあげたい人 ● FormatやLintの待ち時間がストレスな人 ● PrettierやESLintの管理が大変な人 ● ツールの移行が面倒で踏み切れない人 ● 開発者体験を上げたいけど、具体的な手段が思いつかない人 まとめ

Slide 24

Slide 24 text

|　© 2024 Levtech Co., Ltd. 24 ● CIの速度をあげたい人 ● FormatやLintの待ち時間がストレスな人 ● ESLintやPrettierの管理が大変な人 ● ツールの移行が面倒で踏み切れない人 ● 開発者体験を上げたいけど、具体的な手段が思いつかない人 まとめ Biomeに移行してみませんか？？？

Slide 25

Slide 25 text

|　© 2024 Levtech Co., Ltd. 25 超高速で、簡単移行で、一元管理ができる Biomeはいいぞぉ 今日伝えたいこと

Slide 26

Slide 26 text

ご清聴ありがとう ございました！！！

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

宣伝

Slide 29

Slide 29 text

開発職向け会社紹介資料 プロダクトや開発組織についてご紹介しています。 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