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

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

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

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

もっと見る

List

  • 2017/03/01

Piskel - Web上でアニメーションGIFを作れるドット絵エディタ

動画をアニメーションGIFとして保存するソフトウェアは幾つも存在します。アニメーションは手元に素材がないとなかなか作るのは難しいかも知れません。しかし、ごく小さなサイズであれば何とかなるかも知れません。それを可能にするのがPiskelです。いわゆるドット絵の感覚でアニメーションGIFが作成できます。## Piskelの...

List

  • 2017/02/26

EmojiMoji - 四文字の日本語絵文字を生成

Slackでは任意の画像を絵文字として使うことができます。絵文字を使うことでちょっとした批判を柔らかくしたり、会話を促進したりすることができます。しかしそのための画像を作るのが面倒くさいと思ったことはないでしょうか。そこで使ってみたいのがEmojiMojiです。CLIで絵文字用の画像を生成できます。## EmojiMo...

List

  • 2017/02/12

svg2png - SVGファイルをPNGに変換

最近、画像の代わりにSVGを使っているサイトが増えてきました。それは良いことなのですが、まだまだ対応していないソフトウェアも多く、使い回す際に若干の不便があります。そんな時はWebブラウザでSVGを表示して、それのスクリーンショットを取るなんて面倒なことをしたりします。今回紹介するオープンソース・ソフトウェアはsvg2...

List

  • 2017/02/11

PaintsChainer - 機械学習を使って線画に色付け

機械学習に注目が集まっていますが、それによって何ができるのかは開発者のアイディア次第と言えます。分かりやすい例としては画像から情報を抜き出したり、逆に画像に情報を付与するというものです。今回紹介するPaintsChainerもそんな機械学習の実例と言えます。なんと線画に色をつけてくれるソフトウェアです。## Paint...

List

  • 2017/02/08

tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存

Webサイトの作成はゼロから形になるものを作っていく、作品としての一面を持っています。いきなり完成品ができあがる訳ではなく、色々試行錯誤しながら、再読込を繰り返しつつできあがっていきます。そんなWebサイトのできあがっていく様を残し続けてくれるのがtlapseです。## tlapseの使い方tlapseは以下のように利...

List

  • 2017/02/06

screengif - 動画をアニメーションGIFに変換するコマンド

MOONGIFTでソフトウェア紹介をする際に、なるべくアニメーションGIFを使っています。デスクトップであればLICEcapのように操作をアニメーションGIFとして記録するソフトウェアがあるのですが、iOSなどの場合は操作を動画で記録した後、アニメーションGIFに変換する必要があります。その際、アニメーションGIFへの...

List

  • 2017/02/04

Pepyaka - 任意のテキストを派手な画像で表現

文字をそのまま普通のフォントで表示しても面白みがないですよね。そのために面白みが感じられるユニークなフォントが存在するのですが、それでも同じフォントだけを使っていては飽きが来ます。そこで使ってみたいのがPepyakaです。任意のテキストに対して面白いアニメーションGIFで表示してくれます。## Pepyakaの使い方普...

List

  • 2017/01/31

placehold-cli - placeholdのURL生成コマンド

デザインのプロトタイプを作っている時に便利なのがplaceholdです。パラメータに応じて画像の色を変えたり、画像自体の大きさを自由に変更できます。他にもフォントの大きさや色も変えられるのですが、パラメータをいちいち覚えておくのも面倒です。そこで使ってみたいのがplacehold-cliです。対話型でplacehold...

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製)を使って実現されています。...