Chromatic x Storybookでフロントエンド開発をもっとスピードアップする。 by 渡邉泰曉

PHPerKaigi 2024
ルーキーズLT(5分)

Chromatic x Storybookでフロントエンド開発をもっとスピードアップする。

yasuaki640 渡邉泰曉 yasuaki640
1

Laravel開発でのフロントエンドとしても使用されるVue/Reactは、コンポーネントを分割して開発する手法が多く取り入れられています。
その際、コンポーネント単位での開発を可能にするStorybookを活用し、コーディングはもちろん、Visual Regression TestやUIレビューのような、コーディングの先の運用についても活用してみませんか?

このLTでは、Storybookの開発元であるChroma SoftwareのSaaS「Chromatic」について、下記リストに挙げられる、実際に導入して得られた知見について共有します。

対象の方

  • Storybookをもっと活用したい、という方
  • VRT入れるの大変そうで手を出せてない、という方
  • イケてるSaaSを入れたいけどセキュリティ or コストの面で自社への導入を躊躇している方

本トークを通じて、Chromaticを導入することのメリットと、導入ハードル突破の知見を共有し、Storybookをもっと活用し、フロントエンド開発をもっとスピードアップする方法を紹介します。