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

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

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

もっと見る

List

  • 2016/07/06

grafi.js - JavaScriptで画像加工

サーバサイドで画像加工を行う場合、ImageMagickを使うのが基本になるでしょう。しかし先日ImageMagickの中にセキュリティホールがあったり、サーバの負荷を考えると使うのを控えてしまう人もいるのではないでしょうか。そこで使ってみたいのがgrafi.jsです。JavaScriptで画像加工を行えるライブラリで...

List

  • 2016/06/29

Hover Zoom+ - マウスオーバーで画像を拡大表示

スマートフォンの性能があがるのに伴って、写真コンテンツが増えています。その多くは最初はサムネイル表示で、マウスクリックすると拡大表示する仕組みとなっています。一枚、二枚であれば良いのですが何十枚もあるとクリックするのが面倒になるでしょう。そこで使ってみたいのがHover Zoom+です。名前の通り、マウスオーバーするだ...

List

  • 2016/06/26

Dotmatrix - 画像をドットのアスキーアートに変換

画像をアスキーアートに変換するソフトウェアは多々あります。昔から画像をテキスト化するという試みは多数行われており、より画像に近く再現するものもあれば、特徴ポイントだけを抽出して表現するものもあります。今回はその一つ、Dotmatrixを紹介します。名前の通り、画像をドットで表現するソフトウェアです。## Dotmatr...

List

  • 2016/06/24

MarkDownDiagram - Markdown風記法を使ってダイアグラム作成

Markdownが流行ると、Markdown風の記法を用いることでユーザの導入障壁を下げることができます。また、パーサーも多いのでそうしたライブラリを使うことで簡単にMarkdown風の記法が使えるようになります。今回紹介するMarkDownDiagramもそんなMarkdown風記法を使ったソフトウェアの一つです。ダ...

List

  • 2016/06/22

Siggraph2016 Colorization - 大学発の機械学習による写真のカラーリング

機械学習は恐ろしいほどの速さで進化しています。特に画像などのオブジェクト認識は各社が力を入れており、Googleの画像検索であったり、Facebookのシェアした画像に対するタグ付けなど様々なサービスに用いられています。そんな機械学習を使って作られたソフトウェアがSiggraph2016 Colorizationです(...

List

  • 2016/06/14

mov2gif - 手持ちの動画をさくっとアニメーションGIFに変換

最近、アニメーションGIFを使ってソフトウェアの操作を表現することが多くなっています。YouTubeなどに比べると簡単に、繰り返し見られる動画が作れるのが利点です。その際の素材として、動画から変換するというケースはよくあります。今回紹介するオープンソース・ソフトウェアはmov2gif、動画をアニメーションGIFに変換し...

List

  • 2016/06/07

face to gif - Webカメラを使って簡単にアニメーションGIF作成

アニメーションGIFを作る方法は幾つかありますが、多くの場合は動画を用意して、それを変換して作成します。すでに動画があればいいですが、イチから作成する際にスマートフォンを使ったりするのは面倒です。何よりスマートフォンは高画質なので動画のサイズが大きくなってしまいます。そこで使ってみたいのがface to gifです。W...

List

  • 2016/06/01

jfMagnify - 虫眼鏡風UIで写真を拡大

最近の写真は高解像度になっており、単純に表示しただけでは細かい部分まで確認できなくなっています。折角撮影した写真について、詳細な部分まで見たい、見て欲しいと思うことはないでしょうか。そこで使ってみたいのがjfMagnifyです。虫眼鏡ツールを使ってごく小さい部分まで表示できるライブラリです。## jfMagnifyの使...

None

  • 2016/05/20

FaceCounter - 写真に写った人数をカウント

写真コンテンツから意味を見いだすという取り組みはディープラーニングで良く用いられています。単純に投稿された写真であっても情報量は膨大で、問題はそこから意味を見いだす技術になります。今回紹介するFaceCounterもその一つになります。写真を解析し、そこに写っている顔の数をカウントするシステムになります。## Face...

List

  • 2016/05/11

aalib.js - 画像や動画をアスキーアートに

画像をテキストに置き換えるのは昔から行われている面白い試みです。様々なアルゴリズムや描画方法が存在し、緻密に再現するものもあれば、なるべく簡素に表現しようとするものもあります。今回はJavaScriptで画像をテキスト化する、aalib.jsを紹介します。さらに画像だけでなく動画まで変換できるのがポイントです。## a...

None

  • Premium_s 2016/05/10

業務で役立つオープンソース(191)「絵文字」

今回のテーマは絵文字です。スマートフォン、iPhoneで採用されて以来、世界中で一気に広がっています。かつemojiとして日本語がそのまま取り入れられているのも大きなポイントと言えるでしょう。## チャット、コメントに絵文字はお互いの関係が近いもの同士で使うのが効果的です。そのためメールよりもチャットのような短文をター...

List

  • 2016/05/09

snapline - サイトがレンダリングされる様子をアニメーションGIF化

Google ChromeのDevToolを使うと、Webサイト開発における改善点が多数見えてきます。表示上のトラブルを感じている場合、タイムライン機能を使うのが良いでしょう。サイトがどのようにレンダリングされているのか分かりますし、さらにそれをアニメーションGIFとして確認できるようにしてくれるのがsnaplineで...

List

  • 2016/05/08

youtube-to-gif - YouTube動画をアニメーションGIFに変換

YouTubeには面白い動画がたくさんアップロードされています。その一部を抜き出してアニメーションGIFにしたいと思ったことはないでしょうか。動画をダウンロードし、一部を切り出してアニメーションGIFに変換する…考えただけでも面倒です。そこで使ってみたいのがyoutube-to-gifです。一連の手順を一発で行ってくれ...

List

  • 2016/04/19

uiflow - Markdown風の記法でUI Flowを記述

UI FlowはBasecamp(旧37 signals)が考えた画面遷移手法で、ユーザの見るもの/することという点に主眼を置いて描かれるのが特徴です。ムダを省いた作りなので、メンテナンスしやすく、かつ分かりやすいという利点があります。とは言え、画面遷移図は徐々にメンテナンスされていかなくなるものです。原因としては、バ...

List

  • 2016/04/10

gifi - npmインストール中にアニメーションGIF表示

npmでインストールしている間は待ち時間がとても暇です。インジケータが出るようになっていますが、実はインジケータをオフにしたほうがインストールが早いと言われています。そんな待ち時間を少しでも楽しくするためのソフトウェアがgifiです。アニメーションGIFを表示してくれます。## gifiの使い方gifiのインストールは...

List

  • 2016/03/27

Worldize - 世界地図を画像出力。加工もサポート!

地図上にデータを表示する際などに、世界地図の白地図が欲しくなることがあります。さらに言えば情報が簡単に載せられる仕組みが欲しいと思うこともあります。わざわざ白地図をダウンロードして画像編集ソフトウェアで加工するのは面倒です。そこで使ってみたいのがWorldizeです。白地図の生成と加工を一手に行える便利なソフトウェアで...

List

  • 2016/03/25

Legofy - 画像をレゴ風に変換

画像を変換するソフトウェアはたくさん存在します。そのためには元の画像を認識した上で、情報を置き換える必要があります。問題はその画像の解析部分と、どういった情報に置き換えるかです。今回はLegofyというソフトウェアを紹介します。あなたの好きな画像をレゴ風にしてくれます。## Legofyの使い方サンプルです。実際には一...

List

  • 2016/03/23

360Viewer - Webベースの全天球画像ビューワー

全天球画像、動画に注目が集まっています。VRグラスなどを通してみると、没入感が強く、かつ視点を自由に変えられるコンテンツになります。通常の写真や動画とはまったく違う体験が得られることでしょう。そんな全天球画像/動画は専用のビューワーを通してしか楽しめないのが欠点でした。そこで使ってみたいのが360Viewer、Webベ...

List

  • 2016/03/11

GraphvizAnim - Graphvizのチャートをアニメーション

Graphvizを使うと高度なチャートが手軽に描けます。時に、あまりにも複雑すぎて全体像がわからなくなったりすることもあります。特にフローチャート系で起こりがちです。そこで使ってみたいのがGraphvizAnimです。Graphvizを使ってアニメーションGIFを作れるソフトウェアです。## GraphvizAnimの...

List

  • 2016/03/08

Devices - Facebook製のデバイス画像集

スマートフォンはそろそろ頭打ちと言われていますが、タブレットやスマートウォッチなど関連デバイスが増えています。さらにAndroidでは多様性があり、数多くの企業がデバイスを開発しています。そんな中でスマートフォンアプリであったり、関連ビジネスを企画するさいに使えるデザインテンプレートをFacebookがリリースしました...