取り巻くエコシステム(ツール)とその運用の話です。社内のコンポーネントライブラリに対してStorybookとChromaticでビジュアルリグレッションテストを導入して、見た目のデグレを防止している話をします。詳細Chromaticとは、Storybookのメンテナーが作成しているStorybook用のツールです。ストーリーごとのスクリーンショットを撮影し、差分を画像で比較してくれる機能を備えています。起因する表示崩れを自動で検知できないこと依存モジュールのバージョンアップに時間がかかることその結果、両方の課題を解決できた上に作業が楽になったという話をします。他のテストではなくてビジュアルリグレッションテストを導入したのか、その意思決定の過程についても紹介します。本発表は以下の3記事の内容を合わせて再構成したものになる予定です。シニアエンジニアプログラミングをするパンダ新卒で就職した日系大手企業を退職した後、Web系の開発会社に転職してエンジニアとしてキャリアを始める。その後、弁護士ドットコム株式会社でレガシーシステムの改善、SaaS事業の新規開発・運用などを経験した後、2021年にフロントエンドエンジニアとしてBASE株式会社に入社。2022年3月号のTDD特集に寄稿するなど情報発信を行なっている。アジャイル開発(XP、スクラム)とTDDが好き。現在DevOpsを勉強中。