Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました | NET BIZ DIV. TECH BLOG

2015/11/10 371 users NET BIZ Tech Blog E2Eテスト 差異 変化

お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプ... 続きを読む

[Web制作]iPhoneサイトで表示崩れが発生した時、実機とMacを繋いでWebインスペクタ機能でデバッグする方法｜ウェビメモ

2015/05/19 89 users ウェビメモ iPhoneサイト Mac Web制作 実機

こんにちは、霙(@xxmiz0rexx)です。 スマートフォンサイトを制作している時、たまーに困ることがあります。 それは、実機でしか再現しない表示崩れ。 Macでみた時は大丈夫だったのに、何故かiPhoneでは謎の余白が…なんてことが先日もありまして、 解決のためにSafariのWebインスペクタ機能を使ってみましたので使い方をメモしたいと思います。 Webインスペクタ機能とは iPhoneで見... 続きを読む

Androidアプリ開発で素早くフィードバックをえるためのライブラリを作りました - クックパッド開発者ブログ

2014/12/12 188 users ライブラリ フィードバック Androidアプリ開発 山下

2014-12-12 Androidアプリ開発で素早くフィードバックをえるためのライブラリを作りました モバイルファースト室の山下(@tomorrowkey)です。 Androidアプリを開発していて、ふとした時に不具合を見つけたりしませんか。 クラッシュであればDeploygateやCrashlyticsなどでクラッシュレポートを送ることができますが、表示崩れを報告をするにはスクリーンキャプチャ... 続きを読む

全てのブラウザで表示崩れをなくす魔法のコーディング方法 – No.1026

2012/12/03 58 users コーディング方法 魔法 ブラウザ 全て No.1026

全てと言いましたが、当方アンドロイドはあまり詳しくないので、そこで崩れたらゴメンナサイ。 HTML5を捨てる HTML5なんて使うのはやめましょう。HTML4.01 Transitional、xhtml1.0 Transitionalあたりでいいです。 CSSを捨てる cssなんてブラウザごとに違いが出るものを使うのをやめましょう。テーブルレイアウト最高です。 裏ワザ カンプをjpgで書き出し→後... 続きを読む