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

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

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

もっと見る

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、画像で差分表示を行ってくれるライブラリです...

List

  • 2016/08/17

Slack Emoji Pokemon - Slackで使えるポケモン絵文字

Pokemon Goが人気のため、関連するソフトウェアが次々と生み出されています。その多くはPokemon Goで使えるツール系ですが、そうではないものもたくさんあります。それらを使うと常にポケモンを意識できるようになるでしょう。今回はSlack Emoji Pokemonを紹介します。Slackの中で使えるポケモン絵...

List

  • 2016/08/16

Pyagram - システム全体の状態遷移図を描く

システム開発において全体増を把握するというのはとても大変なことです。しかし全体が把握できないままに開発を行っていくと余計な不具合が発生する可能性があります。とは言え、これまでのシステム全体図は分かりづらいものが多かったでしょう。そうした悩みを抱えている方はPyagramを使ってみましょう。テキストで状態遷移を書きつつ、...

List

  • 2016/08/14

pxl - ターミナルの中で画像表示

最近はターミナルの中で実行されるソフトウェアが増えています。かつてのコマンドといったレベルではなく、十分な機能を持ったソフトウェアとして提供されています(まるでDOSの時代かのようです)。しかしCUIというのは色気がなく、画面はあまりにシンプルです。そこで使ってみたいのがpxlです。ターミナルの中でレベルの高い画像を表...

None

  • Premium_s 2016/08/10

業務で使えるオープンソース(200)「画像圧縮」

今回のテーマは画像圧縮です。ソーシャルメディアサービスが流行り、さらにスマートフォンのカメラが高性能化するのに伴って画像のサイズがどんどん上がっています。1枚で数MBになるのもざらです。そんな中にあっては写真を保存するサービスはいくら容量があってもすぐに足りなくなってしまうでしょう。そこで画像のサイズを適切にコントロー...

List

  • 2016/08/03

asciinema2gif - asciinemaをアニメーションGIFに

ターミナルでの操作を記録、再生してくれるasciinemaはとても便利なサービスで、後で操作を振り返ったり、ブログ記事にしたりするのに使えます。しかし埋め込み用のタグがJavaScriptなのが難点です。多くのブログサービスでは埋め込めないでしょう。そこで使ってみたいのがasciinema2gifです。asciinem...

List

  • 2016/07/22

smlr - ロスを殆ど感じさせずにJPEGのサイズを縮小

スマートフォンでは写真が簡単に撮れるとあって、スマートフォン向けのサービス(アプリ含む)では写真コンテンツがよく使われます。しかし高解像度化に伴って写真サイズがふくれあがっており、1枚数MBも当たり前になっています。これではストレージやネットワーク帯域に大きな問題が出ます。そこで使ってみたいのがsmlrです。JPEG画...

List

  • 2016/07/13

attache - Herokuも使える画像アップロードサーバ

ファイルのアップロードというのは意外と厄介な問題です。保存するストレージを逼迫しますし、ユーザがアップロードしたファイルがそのまま使える訳でもありません。スマートフォンの性能向上に伴ってサイズが格段に大きくなっているのも問題です。そこで使ってみたいのがattacheです。ファイルアップロードと画像加工をセットにしたソフ...