UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

Chromatic

【Chromatic】squash and merge でmainにマージするフローの場合のビルド

Chromaticは特に指定がない限り同じブランチかそのブランチのコミット履歴に属する以前のビルドとの差分をチェックする そしてその差分が承認されるとそれがベースラインのスナップショットとなり次回の変更との差分に使用される Chromaticのブランチングと…

【Chromatic】ターゲットブランチが見つからず差分が毎回すべて新規ファイルとして扱われてしまう

ChromaticでVRT環境をつくった uga-box.hatenablog.com ただ、プルリクを作って前回ビルドとの差分をみてみると毎回全部のファイルが新規作成のようになっていて前回ビルドとの差分が表示されない おそらく対象ブランチがデフォルトでmainになっているが、自…

【Figma】ChromaticのStorybookと連携する

前々から気になっていたFigmaのStorybookと連携できるプラグインを試してみる www.figma.com これをやるにはChromaticにStorybookがパブリックにホスティングされている必要がある やり方は以下にまとめた uga-box.hatenablog.com これをみてやってみる www.…

【Chromatic】かんたんにVRT環境をつくる

Qiitaの@xrxoxcxoxさんと同じモチベーションでChromaticを試してみた qiita.com ChromaticはStorybookを利用したクラウドベースのツールチェーンで、主にVRT(ビジュアルリグレッションテスト)などに使われる www.chromatic.com さっそくやってみる まずは…

【Design System】Storybookのデザインシステム

自分の中ではデザインシステムを管理するツールにStorybookはマストになっているが、そのStorybookコミュニティが使っているデザインシステムが公開されていたのでみてみた ちなみに実際使用しているのはStorybookコミュニティが運営する以下の3サイト Stor…