メルカリ・ヤフー・ZOZO開発者が語る「画像検索」の最前線！ Bonfire Data & Science #1 イベントレポート
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 祝！ データサイエンス領域で初めての Bonfire！！ そんな記念すべき初回のイベントレポートを書かせていただきます、Yahoo!ショッピングでサイエンス領域を担当している東孝信です。 Bonfire Data & Scienceは、データとサイエンスに関わる人たちが情報共有できる勉強会/交流会です。 今後も定期的に開催される予定ですので、興味のある方は第2回以降もぜひチェックしてください！ さて、第1回のテーマは「画像検索」です！ 最近EC系のサイトで類似画像検索が出来るようになったけどどうやってるの？ 画像検索のモデルってどうしてるの？ 画像検索のインフラはどうしてるの？ 私たちの会社でも画像検索を用いたサービスを構築できる
HTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
シンプルなHTMLにclassを加えるだけで、画像のさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリを紹介します。 デスクトップではホバー時のエフェクトとして、スマホではフォーカス時のエフェクトとして適用されるので、どちらでも楽しめます。 Izmir Izmir -GitHub Izmirの特徴 Izmirのデモ Izmirの使い方 Izmirの特徴 画像をホバーすると多彩なアニメーションを適用します。 エフェクトを組み合わせることで、2000通り以上のエフェクトを使用可能。 20種類のボーダーエフェクト、9種類の画像エフェクト、12種類のテキストエフェクト。 オーバーレイのスタイル、アニメーションの遅延、テキストのレイアウトなど、classも豊富。 アクセシブル（デスクトップはホバー、スマホはフォーカス）。 2Kbの超軽量ライブラリ。 実装・カスタマイズ用のドキュメント完備
オバマ夫人にも採用！VR風パノラマ画像をサクッと実装するjQueryプラグイン10
いまやiPhoneでも撮れるパノラマ写真。不動産の物件紹介サイトでもパノラマビューを提供するサイトが増えていますね。専用のjQueryプラグインを使えば実装も簡単です。 この記事で紹介するすばらしいjQueryパノラマ画像表示プラグインを取り込めば、Webサイトの画像の360度ビューを訪問者に堪能してもらえます。バーチャルツアー、パノラマビューワー／スクロール、画像のキューブ、エンドレスな写真スライダーなどが使えます。体感してみてください！ 次のような関連記事もあります。 8+ jQuery 360 Degrees Image Display Plugins 33 Mega jQuery Image Plugins Collection 1. Threesixtyslider ThreesixtysliderはjQueryを使った360度画像作成プラグインです。幸い、主要なブラウザー（IE
Colourise and Restore your Old Photos | TwoWay AI Marketing
Start Colourising your old photos and add even add more effects! It’s even more than colourise, it’s a full image editor! You can add Frame, add stickers and text, add shapes, sketch with different types of brushes, cropping, add background, transform or flip, Blur effect and a lot more! You can even undo any steps as well. Keep it a try now. Why should black and white photos have colour added? Pe
画像がちゃんと読み込まれたら実行 を実現する ImagesLoaded ！ | ARAKAZE NOTE
ImagesLoaded アニメーションを多様するようなWebページを作っていると「画像が読み込まれるのが遅くてうまくいかない！」、「画像がちゃんと読み込まれてから関数を実行させたい！」といった場面にぶち当たることが出て来きます。 そんなときに便利なのが「ImagesLoaded」！非常に簡単な記述で、要望を満たしてくれます。 必要なもの 公式ページがあるのでそちらから必要ファイルをダウンロードしてきます。 １つしかありません！ <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script> 使い方 使い方も至極単純です。通常のJSで使う場合のほかに、jQueryなどの書き方もあります。 //通常の書き方 imagesLoaded( '#container', function() {/*実行させたい処理
知らないと確実に損する！Web開発を効率化する最強のサービス8選をまとめてみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Web開発を効率化したり便利にしたりしてくれるWebサービスを厳選してご紹介しようと思います。 プログラミング系、グラフ・チャート系、画像系、サイト構築系、分析・ログ系…など、幅広いジャンルから今すぐ活用できるサービスをまとめているので、ご興味ある方はぜひ参考にしてみてください！ ■GitHubのサイトから高機能なオンラインIDEを起動できるサービス！ 【 Gitpod 】 GitHubのリポジトリページから本格的な統合開発エディタを起動させて、ブラウザ上からプログラミングできるサービスが「Gitpod」です。 IDEにはターミナルも搭載されているので、コマンドの実行やGitの制御なども行えるうえGitHubのコードレビューにも対応しています。 使い方は簡単で、GitHubのリポジトリURLの前に「gitpod.io#」を付与するだけで
モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit
[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）
OpenCVをインストールしてみよう
OpenCVとは、非常に強力なオープンソースの画像動画ライブラリだ。今回は、PythonからOpenCVを利用して、簡単な画像処理を行う方法を紹介する。特に、画像に様々なフィルタ処理を施す方法を見てみよう。 OpenCVを用いて画像にいろいろな処理を行ったところ OpenCVについて OpenCV(Open Source Computer Vision Library)は、画像や動画を処理するのに必要な様々な機能を提供するライブラリだ。画像の変換やフィルタ処理や変形、物体判定や物体認識や顔認識、カメラの入出力など豊富な機能が備わっている。そのため、画像や動画に関係する処理をするときに大変役に立つライブラリだ。 しかも、名前に『オープン』を関しているだけあって、オープンソース(BSDライセンス)であり、商用利用も可能なので、幅広く利用されている。加えて、マルチプラットフォームで、Window
データ特性による圧縮されやすいJPEG/PNGファイルの作り方 - hitomedia Tech Blog
はじめまして。 株式会社ヒトメディアでフロントエンドをしつつ、時々デザイン周りの監修をしている いとー です。 ヒトメディアでは毎月、有志が集まり勉強会を開いています。 今日はそこで発表した、画像形式とその内容における圧縮のしやすさについての資料を公開したいと思います。 この記事の内容 バナーやLP用の画像作成したものの、規定容量超えちゃった! どうしよう... 😅 ってよくあるよね ファイルの形式によって、圧縮されやすい画像とされにくい画像があります 圧縮されやすい構造を理解することで、質の高い軽い画像を作ろう✨ この記事を読んでほしい人 容量とにらめっこすることの多いデザイナー 少しでも軽いサイトを作りたいフロントエンドエンジニア はじめに 一般的に「画像を軽くする」というと、書き出し時のクオリティ選択や、 書き出し後にメタデータを撤去するなど、ツールで処理する印象があると思います。
Photoshop 必要なし？無料で使える画像編集、加工オンラインツール26個まとめ
高価なソフトウェアを購入したり、アプリをインストールしたり、プロを雇うことなく自分で写真の編集や加工ができると想像してみましょう。 Photoshop などの画像編集、加工ソフトがない環境でも、オンラインで無料で使えるツールはたくさんあります。今回は、無料で使える画像編集、加工オンラインツールをまとめてご紹介します。 オンラインで使える画像編集、加工ツールとは？ ネット環境さえあれば利用できる。無料のオンライン画像加工ツールが、最近増えています。これらのツールを利用すれば、Photoshopなどのソフトウェアを必要とせずに、フィルタを適用したり、見た目をカスタマイズすることが可能です。また、はじめての人もマウスを数回するだけで、本格的な写真加工ができるお手軽さも嬉しいポイント。 今回ご紹介する画像加工ツールは、オンラインで利用でき効率的ということも人気の理由です。いくつか面白い画像加工ツー
『waifu2x』とは？AIで画像を補完&拡大する便利ツール | Ledge.ai
この画像、もーちょい大きいの無いのかなぁ…。 無理に拡大してもドットがガッタガタになっちゃうしなー。 あー、JPEG圧縮かけすぎて色壊れとる！修正めんどくさいー！ こんなシーンで困った経験、誰にでも多少はありますよね。今回ご紹介するツールなら、その問題を完全にこの世から無くすことも可能… かも知れません。 画像をぶっ壊さずに、AIによる自動補完で美しく拡大してくれる無料ツール『waifu2x』が大幅にアップデート。リリース当時にはイラスト（2次元画像）オンリーだった仕様から 本格的に写真画像にも対応 し、精度もアップしてくれたのです。 ※リリースは7月くらいだったみたいですが waifu2xとは？つまり何をどーしてくれるツールなのか。 waifu2x 簡単に機能を説明すると、要するに『画像を拡大したときに足りなくなる色情報を人工知能が予測して補完。いい感じに拡大処理を実行してくれる無料オン
有害な画像に機械学習？Cloud Vision APIを使ってみる | ツクロア - DESIGN LAB
今回はポルノとかアダルトとか言ってますが、とても真面目な話です。 毎週水曜更新のツクロアのデザイン・ラボ、今週と来週は2週続けて「デザイナーも触れたほうがいい？機械学習。」という画像解析をテーマに記事にしてみたいと考えています。 なお、今回自分で試したかったので画像投稿のフォームをつくってみました。APIの無料トライアル期間内だけですが、このページの下にありますので、何かご自身の写真を画像解析してみてください。 簡単に写真や動画を、特定の相手やネット上に送れる時代、リベンジポルノが社会問題のひとつに…。 GoogleがCloud Vision API（ベータ）という、誰でも簡単に使える画像解析APIを公開しています。 恋人や旦那さんに女性が自分の写真を送信する直前に性的な疑わしき写真と機械が自動で判断し、「この写真、本当に大丈夫？後悔するかもしれないですよ。」と思いとどまらせる仕組みづくり
ワンランク上のコーダーは万が一の配慮も欠かさない、リンク切れの画像要素をスタイルするテクニック
通常はお目にかかれませんが、リンク切れの画像があるのはいただけませんね。 画像がリンク切れだと、こんな風に表示されてしまいます。 もちろんリンク切れがないのがベストですが、絶対に存在しない訳ではありません。 よりよいユーザエクスペリエンスを提供するために、リンク切れの画像要素にスタイルを定義しておくことができます。 Styling Broken Images 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 img要素の2つのポイント リンク切れの画像要素のスタイル ブラウザのサポート状況 img要素の2つのポイント リンク切れの画像要素をどのようにスタイルすることができるか理解するために、最初に理解しておくべきimg要素の2つのポイントがあります。 img要素に通常の文字関連のスタイルを定義できます。 定義したスタイルは代替テキスト(
ブックマークしておけば後で助かること間違いなし！ほしい画像が見つかる「無料・高画質」のサイトをまとめてみた。 — Eureka!
Decrease quantity for SAPPORO88 - Link Alternatif dan Login Situs Game Top Up Qris Proses 1 Detik Increase quantity for SAPPORO88 - Link Alternatif dan Login Situs Game Top Up Qris Proses 1 Detik Hai gamers slot online! Lagi cari situs slot terpercaya yang menawarkan berbagai permainan seru dan aman? Sapporo88 slot adalah jawabannya! Sebagai situs slot online terbaik di Indonesia, Sapporo88 hadir
不可能なんてないんだ！ JPGファイルを縮小する前のように拡大できる「waifu2x」登場
縮小されてしまった画像ファイルを、まるで縮小する前のようにキレイに拡大・復元してくれるツール「waifu2x」が公開されています。 waifu2開発者のブログエントリー 一度縮小された画像ファイルは、ふたたび拡大しても線がぼやけたり、ガサガサしてしまったりして、元の画像に比べて大幅に劣化してしまいます。ところが「waifu2x」は人工知能によって縮小前の画像を割り出し、劣化させることなくキレイに拡大できるのだとか。また、JPG圧縮により生じたノイズもバッチリ取り除くことができます。 そんなわけで、ねとらぼのイメージキャラクターITちゃんの画像を使って試してみました。 waifu2の画面 「waifu2x」のページで、拡大したい画像のURLまたは画像ファイルを指定します。画像のノイズをどの程度を低減させるか指定できるほか、拡大の倍率も1.6倍と2倍の2つが選択可能。「送信」ボタンを押すと、変
無料で自由に利用できる歴史的画像1400万枚を公開するプロジェクト
インターネット上のあらゆる情報を記録・保存するインターネット・アーカイブが所有するパブリックドメインの電子書籍200万冊から、1400万枚の画像を抽出して無料で公開するプロジェクトが開始されました。対象となった書籍は過去500年に発行されたもので、医療に関する資料から風刺画までジャンルはさまざま。全て無料でダウンロードでき、商用利用することも可能です。 Millions of historic images posted to Flickr | Internet Archive Blogs https://blog.archive.org/2014/08/29/millions-of-historic-images-posted-to-flickr/ 同プロジェクトのFlickrアカウントにはすでに260万以上の画像がアップロードされており、今後も1日に1000冊以上のペースでコレクション
Web上で公開されている高品質なフリーの画像を収集しているストックフォトサイト・「Pexels」
PexelsはWeb上のフリー利用可能で高品質な画像を収集しているストックフォトサイトです。画像はカテゴリ分けされ、探しやすくなっています。全てのライセンスはCC0だそうです。 Pexels
無料でドラッグ＆ドロップするだけで画質劣化ゼロのままファイルサイズが減る「mozjpeg encoder」
jpg、bmp、targaといったファイルフォーマットの画像を画質を劣化させずにより小さなファイルサイズのものに圧縮してくれるエンコーダーが「mozjpeg encoder」です。JPEG画像をさらに10％圧縮してページ表示を高速化する「mozjpeg」プロジェクトで公開されているソースコードを基に作られたもので、一瞬でファイルサイズを小さくできます。 mozjpeg encoder https://mozjpeg.codelove.de/ これがmozjpeg encoder。 画面上部にある赤枠部分で画質をどれくらいにするか変更可能。「lossless」を選べば画質の劣化なしにファイルサイズを落とすことも可能。 使用する際は画像ファイルを「before」部分にドラッグ＆ドロップ。 すると処理がスタートして…… ファイルサイズを落とすことに成功。 オリジナル画像は0.99MB。(クリック
超便利！無料で簡単に画像ファイルを圧縮できる4つのサービス【jpg、pngなど】 | creive【クリーブ】
Webページの読み込みスピードを高速化すると、ユーザビリティの改善や検索エンジン対策につながります。 それを実現する1つの手段として、サイトに表示させる画像を圧縮するという方法があげられます。 そこで今回はそんな画像を圧縮する際に便利なツールを5つほどご紹介します。 また後半では、番外編として画像を圧縮する時の、GIF、JPEG、PNGの定義などを解説しています。 ぜひ最後までご覧になってください。 画像を圧縮する5つの方法 Compressor.io Compressor.ioは、JPG・PNG・GIF・SVGの4形式の画像を無料で圧縮できるツールです。 さらにアカウント登録が不要で、画像をブラウザでアップロードするだけで瞬時にファイルサイズを圧縮できます。形式を考えずに処理したいときに使えます。 圧縮する際には、圧縮率を重視する非可逆圧縮(Lossy)か元の画質をキープする可逆圧縮(L
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
