Storybook
https://gyazo.com/5eb59c13f71816a543bf88170df88c36
インタラクティブにUIを確認できるやつ
該当するコードもすぐ見られる
Storybook - UI dev environment you'll love to use
Storybookがなぜ必要か?(Vue.js編) - Qiita
デザイナーとの認識の齟齬をなくすためです。(※ スタイルガイドが絶対という場合のみ有効です)
Storybookがない場合、完成品をデザイナーに確認してもらい……という流れ
Storybookを利用して、コンポーネントやページなどを適宜Storybookに追加しておくことで、デザイナーがいつでも確認できる状況となります。
そうすることで、齟齬があれば早期に変更依頼をもらうことができ、かつパーツが公開されることで常に完成品のイメージができるため、認識の齟齬が生まれず無駄なコミュニケーションを減らすことができます。
導入の参考
https://facebook.github.io/create-react-app/docs/developing-components-in-isolation#getting-started-with-storybook
仕事を効率化するデプロイツールを作った - 技術探し
コミット時に自動ビルド
#WebのUI
#Web_frontend