ブラウザでビジュアルテストをするreftest-runnerを作った
概要 reftest-runnerというブラウザで描画内容やレイアウトといった表示結果をテストするためのライブラリを作りました。 要素技術としてはブラウザ、WebDriver API、レンダリングキャプチャ、画像Diffという感じです。 azu/reftest-runner 時間が無い人向け 以下のスライドに簡単にreftest-runnerやreftestとはなにか、どういうユースケースがあるのかが書いてあります。 reftest-runner-overview.pdf reftestとは reftest(Referrence Test)とは、2つのHTMLの表示結果(スクリーンショット)を比較することで表示結果が意図したものかをテストする方法です。 用意するHTMLとして以下の2種類を1セットとして用意して利用します。 テスト用HTML テストしたい機能を使って実装したHTML リファ
perceptual hash(phash)を利用して画像比較をしてみる - テノニッキ (@hideack 's diary)
突然ですが画像がたくさんあってそれを人の目で分類するのって大変ですよね。 自動でこういったものを分類できないか興味があったので調べてみました。 perceptual hashとは perceptual hash というのは、ハッシュ関数の実装なのですがSHA1等のハッシュ関数とは違い、以下の様な特徴があります。 得られるハッシュ値は64bit 対象は静止画, 画像, 音声等のマルチメディアデータ コンテンツ内容が類似しているケースでハッシュを得た場合、例えば静止画画像の拡大、縮小といった加工の場合ハッシュ値が全く同じになる また、色調の修正やノイズが加わった場合も得られるハッシュ値間のハミング距離が近くなる 64bitのハッシュ値なので最も遠いハミング距離は64 (=全くコンテンツが異なっている) 逆にハミング距離が0であればperceptual hashで得られた結果上は同一コンテンツ
Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました | PSYENCE:MEDIA
お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプリ』はPC・スマホ合わせて大体350-400ページの表示パターンが存在する比較的規模の大きいサイトです。全ページに影響を与えるような作業は大規模な回収となり、今回のリファクタリングでは表示テストの計画などの段取りが必要でした。従来の人手によるQAでは細かいバグを見過ごしたり時間がかかり効率が悪いので、可能な限り自動化しようと考え実装しました。 実装の概要 この監視のシステムは以下の２つ実装を組合わ
プレゼンテーションに使う画像の探し方 - Qiita
勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash
ぱくたそ - フリー写真素材・無料ダウンロード
無料の写真素材・AI画像素材「ぱくたそ」 会員登録不要、ダウンロード制限なし。高品質のフリー素材を手軽に。
この画像見続けてたらなみだ出てきてワロタ : はーとログ
この画像見続けてたらなみだ出てきてワロタ 1: 2015/06/04(木) 22:53:18.048 ID:8pZHsSBo0.net 特に二枚目広い空に雄大に昇る白い雲 これより綺麗な夏のイラスト見たことない http://viper.2ch.sc/test/read.cgi/news4vip/1433425998/3: 2015/06/04(木) 22:54:12.010 ID:gK/Km0hzd.net 二次じゃないが 22: 2015/06/04(木) 22:58:46.916 ID:8cyxq/ER0.net >>3 これどこ？京都？ 28: 2015/06/04(木) 23:02:12.158 ID:rzX51tBIa.net >>3 京都嵯峨野に吹く風は～ 5: 2015/06/04(木) 22:54:36.367 ID:fbQ3Snqy0.net 12: 2015/
画像ライブラリPicassoの使い方 - Qiita
Jake Wharton率いるSquareが開発したAndroidの画像ダウンロードやキャッシュを「良い感じに」やってくれるライブラリ。 同等の事を実現するライブラリにはUniversal Image LoaderやVolleyのImageLoader等があるが，開発の活発さや導入コスト，サポート体制等も含めてSquareが管理しているものが一番モダンで信頼が置けるだろうとみた。 Universal Image Loaderは詳細な設定オプションがあり便利だが、実装が一部冗長な為，Picassoの方がユーザーフレンドリーな印象を持ちました。が，状況に応じて使い分けるでもいいかも。 仕事で使う為にキャッシュの詳細な仕様やよく使うメソッドについて知見をまとめた。 Picassoの良い所 Adapter内でのImageViewのリサイクルやダウンロード処理のキャンセルを自動で実行してくれる 複雑
5分でテンションを上げる方法 - 葉っぱ日記
ちょっとテンションを上げたくなる時ってありますよね！今日はそんなときに簡単にテンションをあげる方法をお伝えします！ まず、PowerPoint(画像は2010)に適当な写真を張り付け 四角形を置き、写真と同じ大きさの四角形を置きます。 四角形の枠線を「なし」にし、「塗りつぶし」の図を先ほどの写真にします。これで同じ写真が2枚ならぶ恰好になります。 「図ツール 書式」から「背景の削除」を選び、顔と首を残し残りの背景を削除します。 顔パーツの「透過性」を40%くらいにします。 「図ツール 書式」の「回転」で顔パーツを左右反転させ、位置を調整すれば完成！ テンションあがってきたー！
２ちゃんねるで伝説となっている画像は？ : 暇人＼(^o^)／速報 - ライブドアブログ
２ちゃんねるで伝説となっている画像は？ Tweet 1： 忍法帖【Lv=33,xxxPT】 ：2011/09/04(日) 23:44:50.37 ID:mt+VM2Ad0 これは欠かせないだろ 25：以下、名無しにかわりましてVIPがお送りします：2011/09/04(日) 23:55:37.95 ID:Ixb8MjF00 >>1が想像通りだった 5：以下、名無しにかわりましてVIPがお送りします：2011/09/04(日) 23:46:03.87 ID:UppRHkYb0 これだろ 19：以下、名無しにかわりましてVIPがお送りします：2011/09/04(日) 23:52:18.76 ID:qtVkNEOI0 ぼっさん出てて安心した 6：以下、名無しにかわりましてVIPがお送りします：2011/09/04(日) 23:46:05.58 ID:e6pa1u890 これも 38：以下、名無
画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式
小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。 ダウンロード こちらから「SmillaEnlarger」をダウンロードします。 Download ソフトを起動させます。 使い方 まずは、拡大したい画像をドラック＆ドロップします。 Output Dimensions …サイズ変更 Specify zoom facter: 倍率 Specify width of result: 横幅指定 Specify height of result: 縦幅指定 Fit inside boundary: 縦横幅の最大値指定 Stretch to fit: 縦横幅の指定 Crop to fit: 切り取り指定 Fit inside, add
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://lorempixel.com/
田村ゆかり
5509.me
wallpapers-door.com