Upload yuki-kuramochi
View 741
Download 0
Embed Size (px) 344 x 292 429 x 357 514 x 422 599 x 487
Citation preview
昔むかし、あるところで PhantomJSに助けられた話倉持友喜 Creators MeetUp#36 LT 2016/01/16
自己紹介
倉持友喜 フロント系エンジニア もち@mochi_Flappe
2015年、やったこと
「現場のプロが教えるWEB
デザイン 新・スタンダードテクニック37」
共著で執筆に参加した!
2016年、やったこと
転職した!
入籍した!
今年もよろしくお願いします!
本題
昔むかし、もちじいいさんと ファントム婆さんが暮らしていました
もちじいいさんはWordPressで構築された
メディアサイトを保守する仕事をしています
そのサイトでは投稿者が
独自にCSSを追加していきました
本文中に記述されたstyleタグ
メディアアップロードから参照されたCSSファイル
コーディング規約は存在せず
投稿された記事は数千ページを超え
更にサイトはn個存在します
もちじいいさんはデプロイのたびに 表示崩れに悩まされました
デプロイのたびに主要ページのスクショを取り 半透明にして過去のものと重ねるという
悪夢の作業が発生しました
そこで助けてくれたのがPhantomJS
PhantomJSとは
簡単にいうと、ターミナルで動き画面を持たないWebKitベースのヘッドレスブラウザ
ログインしたりボタンを押したり スクリーンショットを取ることも出来る
URLを渡して自動でスクショを取ってきてもらう
ImageMagickで過去のスクショと差分を検出
差分があるファイルを特定する
Resemble.jsを利用して詳細に差分を確認
Electronでアプリを作ってみた
画像を2枚ドロップ
変更箇所が一目瞭然
確認工数が莫大に縮小され クオリティも担保されました
めでたしめでたし
まとめ
エンジニアさんは デザイナーさんや、テスターさんの 環境も改善してあげよう!
この話はすべてフィクションです
ご清聴ありがとうございました
folder DJI Phantom (GD Phantom PPK) v05 - NOVARUM SKY · 2020-02-05 · Solução de Georreferenciamento Direto com o DJI Phantom (GD Phantom PPK) Georreferenciamento Direto (GD)
62825705 Phantom Kuret
Akties Phantom
PHANTOM Update
Phantom Vakum
451 phantom z
Phantom Vibration Syndrome
カスタマーサービスの新スタンダード クラウド型 Zendeskでできること
第5回 HTML5minutes! LT 「ねこでもできるWebGL」
Phantom Kuret
Phantom Mir Elle
PHANTOM-Z 45/55 Phantom-Z PHANTOM-Z 45/55 DOPPIA …
Phantom Race ปฏิบัติการรักมัดใจนายมาดนิ่ง
一人でできる!M baasでスマートホーム化
Phantom Drive 1 - Handbuch - H+H Softwaredownload.hh-software.com/download/PhantomDrive/Phantom...Phantom Drive 1 – Handbuch 6 Einführung Brennen virtueller Rohlinge Phantom Drive
Phantom Limb Pain
GradleでビルドしてDockerで配布する #jggug
Sector404 Rawr Phantom
Web で変わったクラウドと postgre sql の今と昔
ここまで来た!2017年 Web VRでできること
Phantom Der Oper
Final Phantom Pain
Dji Phantom
スマートマタニティマークができるまで / UX & Service Sketch #26
PHANTOM 2 VISION
The Phantom Pregnancy
Dasar Dasar Phantom
Веб-сервер Phantom
PHANTOM 3 Phantom 3 Standard · 2016. 4. 19. · 3 PHANTOM 3 クイックスタートガイド V1.0 STANDARD Phantom 3 Standard さあPhantomについて学びましょう! Phantom3
ビジネスアイデアを最速で形にできるApp exchange