ITエンジニア/デザイナ向けにオープンソースを毎日紹介

メディア - 画像の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/01/14

reg-cli - 二つの画像で異なる部分を抽出

間違い探しは好きでしょうか。好きか嫌いかに関わらず、仕事をしていると時に2つのデータを見比べなければならないことが何度もあります。穴が空くほど見つめても違いが見つからないのですが、他の人に聞くとあっという間に見つかったりします。見ている視点がほんの少しだけずれているのです。そんな二つのデータの比較をさくっと行ってくれる...

List

  • 2017/01/13

emoji-extractor - Appleの絵文字フォントを画像化

元々ガラケー辺りからはじまり、iPhoneで一気に花開いた絵文字はemojiとして世界中で使われるようになっています。スマートフォンでは当たり前のように使われますが、そんなスマートフォンで入力された内容をWebページで表示したり、自分のアプリで正しく表示しようと思うとコトです。そこで使ってみたいのがemoji-extr...

List

  • 2017/01/10

gif-creator-ios - フォトライブラリの写真をアニメーションGIFに

スマートフォンの容量はどんどん増加し、さらにカメラの性能も上がっているとあって写真をどんどん撮影してしまうことでしょう。旅行や出かけた先で事ある毎にシャッターを切ってしまうなんて人は多いはずです。そんな大量に撮りためた写真を一つのアニメーションGIFにしてくれるのがgif-creator-iosです。それもiOSの中で...

List

  • 2016/12/14

concatss - 複数の画像をくっつけて一つの縦長画像に変換

縦長の画面をまるごとスクリーンショットを撮りたいと思っても、OS自体がそういった機能を提供していないことがあります。Webブラウザはどうにかなりますが、例えばiOSではそんな機能はありません。そこで使ってみたいのがconcatssです。複数の画像をアップロードして、一つの縦長画像に変換します。## concatssの使...

List

  • 2016/12/13

GifViewer - アニメーションGIF検索&ダウンローダー

個人的に嬉しいソフトウェア。アニメーションGIFをスライドの中で使うのが個人的に好きです。小さくではなく、背景画像として大きく表示しています。そのため、アニメーションGIFを検索するのですが、ぴったりくるものが見つからないことが多いです。そこで使ってみたいのがGifViewerです。GUI、macOS上で動作するアニメ...

List

  • 2016/12/10

GIFit! - Google Chrome上でYouTube動画をアニメーションGIF化

世にあるアニメーションGIFはとても面白いものが多いです。動画のハイライトシーンだけを切り出して、さらにそれを何度も繰り返し見せることで面白さが増幅します。しかし自分で作ろうと思ったら意外と面倒です。そこで使ってみたいのがGIFit!です。Google Chrome上で動き、動画はYouTubeを使います。## GIF...

List

  • 2016/11/28

Grade.js - 画像を解析して最適な枠を表示

画像は見せ方がとても大事です。ただ並べただけでは目を引くことができません。例えばPinterestがあれだけ流行ったのは、それまでになかった段違いな組み合わせのグリッドによるところが大きかったでしょう。画像を主体としているサイトでは特に見せ方に注意すべきです。今回紹介するGrade.jsは画像に枠をつけてくれるJava...

List

  • 2016/11/21

Primitive - 画像を幾何学模様で描く

最近、AIなどを使ってコンピュータに絵を描かせるという試みが良く聞かれます。全くダメなものを描くこともあれば、意外と見られるものを描くこともあります。このままいくと数年で実用的になるかもしれません。今回は写真や画像を元に、幾何学図形で新しい画像を生成するPrimitiveを紹介します。## Primitiveの使い方元...

List

  • 2016/10/30

gifcurry - 動画にテキストを追加してアニメーションGIF化

アニメーションGIFは根強い人気があります。単純に動画を変換しただけのものもありますが、そこに文字を載せるとさらに面白くなります。しかし動画を編集するのは面倒ですし、アニメーションGIFを加工するのはもっと大変です。そこで使ってみたいのがgifcurryです。動画からアニメーションGIFへの変換、文字の追加を一気にやっ...

List

  • 2016/10/26

noteshrink - 手書きのノートを写真に撮ってPDF化

会議のメモやホワイトボードに書いた内容を共有するために写真に撮っておくというケースは多いかと思います。しかし実際に共有する際には画像をそのまま添付しがちです。これは共有性が悪く、見返すことも少ないのではないでしょうか。そこで使ってみたいのがnoteshrinkです。画像をまとめてPDFにしてくれる、そんなソフトウェアで...

Missing

  • 2016/10/24

placeholder.js - Webブラウザでダミー画像を生成

Webサイトのモックアップを作っていて便利なのがダミーの画像です。多くのダミー画像提供サービスがありますが、難点としてオンラインでないと使えないという問題があります。ダミー画像サイトが落ちているために見栄えが悪くなるのも残念です。そこで使ってみたいのがクライアントサイドでダミー画像を生成するplaceholder.js...

Missing

  • 2016/10/10

Laphs - Tumblr製。WebでLive Photoをサポート

iOSの新機能であるLive Photoは多くのサービスに影響を与えました。Tumblrもその一つです。Tumblr for iOSでは2015年12月からサポートされていましたが、Webブラウザでは長らく対応していませんでした。それがついに対応しました。その機能はLaphs(Tumblr製)を使って実現されています。...

List

  • 2016/10/09

ZooMove - 画像をスムーズに拡大するJavaScriptライブラリ

最近は画像の解像度が上がっており、撮影した写真のまま公開するととても巨大になってしまいます。そこで幅を縮めるのですが、あまり小さくすると折角の写真が見えづらくなってしまいます。そこで必要に応じてズームするライブラリが便利です。今回はそんなライブラリのZooMoveを紹介します。## ZooMoveの使い方最初の表示です...

List

  • 2016/09/18

Maggie - 画像アップロード前のチェックを簡単に実装

HTML5になって、ファイル選択した際にファイルの内容を取得したり、サイズや画像の種別をチェックしたりできるようになりました。しかしその実装については面倒というイメージがあります。そこで使ってみたいのがMaggieです。指定された画像ファイルを柔軟に扱えるようになります。## Maggieの使い方使い方です。getIn...

List

  • 2016/09/14

lightgallery.js - フル機能が揃った写真/動画ギャラリー

写真や動画はコンテンツの質はもちろんのことながら、その見せ方も大事になります。ただ一覧に貼り付けるだけでは魅力に欠けるでしょう。そのためのギャラリーソフトウェアも幾つか存在します。今回は写真と動画コンテンツに対応したギャラリーライブラリ、lightgallery.jsを紹介します。## lightgallery.jsの...

List

  • 2016/08/25

googliser - Google画像検索から自動ダウンロード

Googleイメージ検索を使えば面白い画像であったり、素敵な風景写真などがあっという間に手に入ります。サイズも指定できるので壁紙を集めるのにも便利です。個人的にはアニメーションGIFの検索にもよく使っています。そんなGoogleイメージ検索の結果画像をまとめてダウンロードしてくれるのがgoogliserです。## go...

List

  • 2016/08/25

Nightmare Animated GIF - ブラウザの操作をアニメーションGIF化

NightmareはElectronベースのヘッドレスブラウザです。主にテストに利用されますが、スクレイピングに使われているケースも多いようです。Phantom.jsなどに比べて簡素にかけるのがうけています。そんなNightmareのプラグインとしてNightmare Animated GIFを紹介します。Nightm...

List

  • 2016/08/24

jQuery Select Areas - 一つの写真から複数の範囲を指定

クロップ(切り抜き)をサポートするライブラリはたくさんあります。顔写真をアップロードして一部だけ切り抜くのはよくありますし、写真の中の余計な部分を消す際にもクロップが使われます。今回はちょっと面白い、複数範囲のクロップをサポートしたjQuery Select Areasを紹介します。## jQuery Select A...

None

  • Premium_s 2016/08/20

業務で使えるオープンソース(201)「アニメーションGIF」

今回のテーマはアニメーションGIFです。古くさい画像フォーマットだと思いきや、最近やけに目にすることが増えています。そこでアニメーションGIFの今風の使い道と関連オープンソース・ソフトウェアを紹介します。### ブログ記事ブログ記事ではよく使っています。YouTubeなどの動画共有サイトを使うと音がついてしまったり、繰...

List

  • 2016/08/19

image-diff - 画像の差分表示

開発者であれば差分表示に普段からお世話になっているでしょう。コードのどこを直したのか、どこが削除されたのかなどはDiffを使わなかったら目で探すことになってとても大変です。そして、それはテキストだけではありません。今回紹介するオープンソース・ソフトウェアはimage-diff、画像で差分表示を行ってくれるライブラリです...