もっと気軽にリファクタリングするために、BackstopJSを導入した話 - LCL Engineers' Blog

テクノロジーカテゴリーの変更を依頼記事元:

techblog.lclco.com

17 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

jshimazu css js テストリファクタリング test

2017/04/09 リンク

etakaha スクリーンショットの差分

Test
Web

2016/12/31 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

もっと気軽にリファクタリングするために、BackstopJSを導入した話 - LCL Engineers' Blog

フロントエンド担当の岡田です。ある程度の期間運用しているWebサイトの場合、CSSがカオスになりますよ... フロントエンド担当の岡田です。ある程度の期間運用しているWebサイトの場合、CSSがカオスになりますよね。ちょっとした修正が全体に影響してしまうのがCSSの怖いところです。弊社でも、Sass化したり、共通のCSSを変更したりする度に主要ページを目視チェックしていました。しかし目視チェックでは時間がかかりすぎますし、違いに気づけないこともあります。そこで、BackstopJSを導入して、気軽にリファクタリングできる環境を作りました。 BackstopJSとは BackstopJSは、CSSのリグレッションテストを自動化します。具体的には、変更前・変更後の2つの画面のスクリーンショットを撮り、その差分を表示します。左から順にリファレンス（変更前）、テスト（変更後）、差分の順に並んでいます。差分のあるパーツは、ピンク色に塗られるので一目瞭然です。 BackstopJSでできること

ブックマークしたユーザー

te-nu2021/10/17
pc-bohemian2018/05/25
chi-bd2017/05/08
jshimazu2017/04/09
cblock2017/01/06
grfxdsgn2017/01/05
kyaido2017/01/03
saitoxu2016/12/31
etakaha2016/12/31
PUTTYO2016/12/30
Hiro_Matsuno2016/12/30
nishitki2016/12/30
ryuzee2016/12/30

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx