こんにちは！　開発部の@ahiru_starrrです。 本稿では、ZOZOTOWN iOSにSnapshotTestを導入したのでその経緯や導入方法、導入するメリット・デメリット、どんな場面で役に立つのかなどについて書いていきます。 SnapshotTestがどのようなものかよく分からない方や導入を検討している方々のお役に立てれば幸いです。 SnapshotTestとは SnapshotTest導入の背景 2つの課題 エンジニア ↔︎ デザイナー間のコミュニケーションコスト レガシーからモダンへの取り組み 導入方法 環境変数を設定 実装方法 テストクラスを作成 recordModeを設定 テストコードを実装 フォルダ名を設定 ファイル名を設定 stubの設定 FBSnapshotVerifyView SnapshotTestのユースケース リファレンス画像を生成 SnapshotTest!

「達成感がすごい」「みんなもぜひ使ってみて」 グラフィック作成ツール「Canva」が有能すぎると話題！ デザインの知識がなくても簡単にグラフィック作成ができるオンラインツール「Canva」が大きな話題を呼んでいる。無料テンプレートが豊富で、ユーザーからも「デザイン下手だから大助かりのツールです」「思ったより可愛らしい素材が用意されてて嬉しい！」と好評のようだ。 出典画像：「Canva」公式サイト より テンプレートが豊富な「Canva」同ツールでは、プロが手がけたハイクオリティなレイアウトを用意。美しいデザインに必要なテンプレートが揃えられているので、さまざまなグラフィックデザインに活用できる。ほかにも、厳選された写真素材やイラスト素材を収録。自分で撮影した写真を使用することが可能で、フィルター機能などの加工メニューも搭載されている。 サービスを利用するためには、最初にメールアドレスとパス

写真を撮る時に被写体が金網越しにしか撮影できなかったり、後で見返してみたら被写体の前に余計な物体が映り込んでしまっていたり、背景が汚くて被写体の美しさが損なわれていたり……といった経験がある人は多いはず。そんな悩みを解消するために作られた、写真に写り込んでしまった邪魔な障害物を簡単に消し去ることができるフリーソフト「PhotoWipe」を使ってみました。 HanovSolutions.com http://www.hanovsolutions.com/?prod=PhotoWipe ◆インストール 「PhotoWipe」をインストールするには配布ページから「Download Now」をクリック。 「ファイルを保存」をクリック。 ダウンロードした「PhotoWipeInstall.exe」を実行。 「実行」をクリック。 「Next」をクリック。 「Next」をクリック。 「Next」をクリッ

AIが画像に映っていないものまで“復元”するだと!? 海外で話題の無料サービス「Let’s Enhance」を使ってみた テクノロジーが発展しても、画質の粗い画像には悩まされ続けます。「SNSのプロフィール画像に良さそう!」と思ってもサイズを拡大するとモザイクのようになってしまったり、昔の画像を使おうと思ったらサイズが小さいものしか見つからなかったり、いろいろな場面で「クオリティを復元するような技術があればいいのに」と思うことってありますよね。 ちょっとでも画像ソフトを使ったことのある方なら「映っていないものを”復元”する」ということがいかに難しいかご存知でしょう。街頭の監視カメラの粗い映像を分析して高画質にするというのはSF映画ではよく登場するテクノロジーですが、そう簡単に行かないのが現実です。 しかし先日発表されたLet’s Enhanceというオンラインサービスを使うと、そんな技術の

ダミー画像の無料サービスはいくつかありますが、真打ちとも言える高性能なダミー画像が利用できる無料オンラインサービスがリリースされました。 ダミー画像はレスポンシブ対応、可変画像や高さが不揃いの画像にも対応しています。しかもオンラインなのにオフラインでも利用できてしまう優れものです。

前回に続き、再度OpenCvSharpネタです。 色々使ってみたので、使い方などを一通りメモしときます。 参考情報 OpenCvSharpのC++API対応についての説明 http://schima.hatenablog.com/entry/2014/03/29/140106 OpenCvSharpのWiki。ここのC++ APIの部分など。 https://github.com/shimat/opencvsharp/wiki http://opencv.jp/reference_manual OpenCvSharp3ではC APIは廃止して、C++ APIを使うようになっています。 まずは、この辺のページを見て、OpenCVのC++ APIをざっと把握するとよいと思います。 画像の入出力 以下の関数で、画像ファイルからMatクラスのデータを作ったり、、Matクラスのインスタンスの内容をフ

var imageDiff = require('image-diff'); imageDiff({ actualImage: 'sample1.png', expectedImage: 'sample2.png', diffImage: 'difference.png', }, function (err, imagesAreSame) { // err : 例外時に Error が渡されます // imagesAreSame : image がマッチしたか・アンマッチだったか Boolean で渡されます });

誰でも簡単に無料でホームページ作成できるおすすめサイトまとめ。 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics Unsplash Pexels Pixabay Life Of Pix FindA.Photo MMT これらは全て無料で著作権表示の必要ない写真素材を提供するサイトである。これらもほんの一部で、他にもたくさんある。 しかし人間とは贅沢なもので、少し前までは無料というだけでありがたみを感じていたのに、今ではある特定の写真を探すときこれらのサイトを一つ一つブックマークから開いて検索することに面倒臭さを感じる。 しかし需要があれば供給が生まれる。 上に挙げたような複数の無料素材サイトを横断的に検索して一覧で

レビュー 「paint.net」での画像編集に便利なプラグインをまとめた「dpy's plugins」 テキスト挿入や、イラスト加工・編集に便利な機能を追加。初めてのプラグインに （2016/3/2 13:49） 「dpy's plugins」 「dpy's plugins」は、「paint.net」での画像編集に便利なプラグインをまとめたプラグイン集。「paint.net」v3.5.11およびv4.0に対応しており、編集部にてWindows 10上の「paint.net」v4.0.9で動作を確認した。作者のWebサイトから無償でダウンロードできる。 「paint.net」は無償のレタッチツールとしてはかなり高機能な部類だが、それでもちょっとしたところに不満を感じることがないではない。たとえば他のレタッチソフトには当然のようについている基本的なツールが欠けていたり、文字挿入機能が貧弱で、ち

#概要 HTMLのテキストエリア上でクリップボード上の画像データをペーストすると、jQuery AJAXでPOSTして、ASP.NET MVCからSQL Serverに保存します。その後、SQL Serverの画像データを取り出しHTMLに表示するまでの一連の処理の実装について記載します。 #実現イメージ テキストエリアに画像をペーストすると、画像が画面に表示されます。Qiitaの編集画面の機能でアイディアを得てASP.NETに実装してみました。 #コード例 ##SQL Serverの準備 画像をimage型として保存するテーブルをSQL Serverに作成します。DB名はTestDBとしました。 CREATE DATABASE [TestDB] GO USE [TestDB]; CREATE TABLE [dbo].[Images]( [Id] [bigint] IDENTITY(1,1

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

前提 HTMLのmultipart/form-dataで送られてきた画像について処理をする.NET APIを作る。 DB周りはEntityFrameworkを利用 DBの画像バイナリを保存する列の型はvarbinary(max)を想定 画像をDBにinsertする場合 下記のように定義したメソッドを利用すればOK public void insertToDB() { Entities DB = new Entities(); MemoryStream memory; var postedFiles = HttpContext.Current.Request.Files; foreach (string file in postedFiles) { using (memory = new MemoryStream()) { postedFiles[file].InputStream.Copy

うまくできましたか？　ボヤけたり、ギザギザになったりしませんでしたか？ waifu2xをお試しください。 (ブラウザの処理に影響されないようクリックで拡大おねがいします) waifu2xは、二次元画像を2倍に拡大するソフトウェアです。多くの二次元画像についてスゴイ級のクオリティで拡大できます。 waifu2xは、最新鋭の人工知能技術 Deep Convolutional Neural Networks を使って開発されました。 waifu2xの人工知能は、次の問に答えます。 いまから与える画像はある画像を半分に縮小したものである。縮小される前の画像を求めよ。 画像を拡大するのではなく、縮小される前の状態に戻します。 縮小されてないオリジナル画像を与えた場合も、やはり縮小される前の画像を答えます。 その画像は本来存在しないものですが、waifu2xはそれを想像で創ります。 二次元画像のJPE

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash

これに出てくるソフトは、ほとんどが、以前から使っていたり、知っていたりするものがほとんどなんですが、このとき調べていて、「Screenpresso（スクリーンプレッソ）」というソフトを初めて知りました。 それ以来、いろいろ試しに使っているのですが、Skitchにはないいろいろな表現が可能で、一目で気に入ってしまいました。Sublime Textは、「恋に落ちるエディター」といわれていますが、Screenpressoは「恋に落ちる注釈ソフト」といっていいほど、心を打ち抜かれました。 ということで、今回は、Screenpressoという画像注釈ソフトの紹介です。 Screenpressoとは Screenpressoとは、Skitch並みに手軽に使え、その上、Skitch以上に表現力のある画像注釈ソフトです。基本的にほとんどの機能を無料で使えます。 様々なスクリーンショットを撮る機能があるのは

今回のテーマは類似画像検索です。スマートフォンが流行るのにつれて、写真コンテンツは爆発的に増えています。テキストよりも画像の方が役立つケースも多く、写真コンテンツは今後も増え続けるでしょう。 そこで求められるのは従来のテキスト検索ではない情報提供方法です。その一つ、画像を検索するための技術である類似画像検索を取り上げてみたいと思います。 VisualSeeker - Yahoo!ラボ Yahoo! Japanの実験的プロダクトのサービスです。空間に漂っている画像をクリックし、その類似画像を検索します。ドリルダウンしながら辿っていくので、新しい画像に出会えるかも知れません。精度としては全く同じ画像を並べるのではなく、そこから連想される似たような画像を出すと言った仕組みになっているようです。 TinEye Reverse Image Search 画像またはURLを指定して類似画像を検索できま