ブックマーク / inside.pixiv.blog (1)

  • Headless Chromeでデザイン変更履歴を追える魚拓を作ってみた - pixiv inside

    はじめに こんにちは、普段はPawooの開発を担当している新卒エンジニアのabcangです。 最近話題のHeadless Chromeを使って魚拓を作ってみましたので、その話をします。 結論から言うと、こういうものができました。 以下、詳しくお話していきます。 日々行われるデザイン変更をどう把握するか pixivには毎日新機能やUIの変更がデプロイされており、どんどんページが変わっていきます。 ある日、ディレクターから「デザインの変更履歴を追うための魚拓ツールがほしい」と相談されました。魚拓ツールがあると、なにか数値の変動があったときにデザインの崩れを確認したり、過去のデザインを振り返ったりするときに便利とのことです。 ちょうどそのタイミングでHeadless Chromeが利用できるGoogle Chrome 59がリリースされていたので、試すいい機会だと思い引き受けました。 Headl

    Headless Chromeでデザイン変更履歴を追える魚拓を作ってみた - pixiv inside
    hogege
    hogege 2017/08/10
    φ(・_・ フットワークの軽いフロントエンドCIツールにまで持って行くのはつらそうやけどそこは使いようって事なんよね。
  • 1