「むむ、CSSサイズが大きいなぁ。😇CSSの構造が複雑になっていたので、削除の影響範囲わかんない。ことで、対応の前後でレイアウト崩れがないかどうかをチェックできるスクリプトをつくりました。node使ったことなかったんですが、puppeteerでさくっと作れました。対応の前後でサイトのスクショを撮るスクショ画像の差分をチェックするっていう手順です。サイトのスクショを撮るPATHSにスクショ撮影対象のパスを入れてます。スマホサイトにするためにUserAgentも設定。ディレクトリつくってそこに一括で画像保存してます。browser.close()}run()さっそく実行。_tags_ruby.pngこんな感じで画像保存してます。差分をチェックするpixel-diffで差分をチェックします。})}run()引数に対象ディレクトリ名を指定して実行すると、diffディレクトリが作成されて差分画像が保存されます。67890...最終的にはCIに導入してmasterとの差分チェックを自動化するのが目標です。週間)日常のあんなことやこんなことを書いています。技術記事はQiitaに。(2)ArchivesSearchはてなブログをはじめよう!paranishianさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。