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

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

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

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

もっと見る

None

  • 2017/06/29

berryjack - Twitter画像をまとめてダウンロード

Twitterはストリームなサービスなので、データがどんどん流れていってしまいます。そんな時、一時的に足を止めてデータを懐かしみたい時もあるはずです。しかしデータが流れてしまっていると探すのも大変です。今回は写真にフォーカスしたダウンロードツール、berryjackを紹介します。## berryjack の使い方ber...

List

  • 2017/06/23

EmojiPanel - Webベースの絵文字パレット

絵文字は多くのWebサービスで使われるようになっています。自分のサービスでも取り入れたいと考える方も多いでしょう。スマートフォンやmacOSであれば絵文字入力が行えますが、その他のOSでは別途仕組みを用意しなければなりません。そこで使ってみたいのがEmojiPanelです。Webベースで絵文字入力ができるパレットです。...

List

  • 2017/06/14

png2svg - PNGをSVGに変換

SVGもドロー系フォーマットとして一般的になりつつあります。モダンなWebブラウザは表示に対応していますし、JavaScriptと組み合わせればFlash風なインタラクティブ性を持ったコンテンツも作成できます。そんな中紹介したいのが画像をSVGに変換するというpng2svgです。## png2svgの使い方png2sv...

List

  • 2017/06/09

glsl2img - GLSLファイルを画像に変換

3Dやグラフィックスを描くのに使われるのがシェーディング言語になります。その一つで知られるのがGLSL(OpenGL Shading Language)で、OpenGLの中で使われているシェーディング言語です。そんなGLSLが書かれたファイルを画像に変換するのがglsl2imgです。## glsl2imgの使い方まず一...

List

  • 2017/05/26

PictShare - 画像加工Web APIを搭載した画像アップローダー

友人に写真や動画を送りたいと思った時に、サイズや量が多いと意外と面倒なことがあります。チャットでは強制的にファイルが送られてくるので受取手にとっては嫌なタイミングなこともあります。Gmailではファイルのサイズ制限があります。そこで使ってみたいのが画像や動画専用のアップローダーPictShareです。ちょっとしたWeb...

List

  • 2017/05/25

Progressive Image.js - ぼかし画像を使う画像遅延読み込み

写真コンテンツは見せ方が大事です。単純に一覧として表示しているだけではよくありません。より印象づけるための手段として、ユーザアクションと関連づけるという方法があります。そうすることでオンデマンドな情報提供ができるようになります。今回紹介するProgressive Image.jsはFacebookやMediumにインス...

List

  • 2017/05/19

besticon - Faviconを取得、フォーマット変換

Webサイトで使われているFavionは昔からあまり変わっていません。icoという拡張子のファイルが使われ、サイズもごくごく小さいものでした。スマートフォンが増えてきてようやくPNGや独自の大きなサイズの画像が求められるようになりました。そんなFaviconを生成、取得するのに便利なのがbesticonです。## be...

List

  • 2017/05/15

Code Snipper - コード(スニペット)を画像化

GitHub Gistのようにオンラインでコードを書いておけるサービスはあります。しかし、埋め込みコードが自分のサイトでは使えないというケースは多々あります。JavaScriptタグを危険なものとして全般的に不可としてしまっているケースです。そこで使ってみたいのがCode Snipperです。コードを画像にしてくれるソ...

List

  • 2017/04/13

Onion Packer - デザイナー向け。テクスチャ管理ソフトウェア

プログラマーであればスニペット、デザイナーであればよく使うデザインを手元に置いておくのは大事なことでしょう。一つのフォルダに入れておいても良いですが、もっと一覧で分かりやすく管理したいと思うでしょう。そこで使ってみたいのがOnion Packer、テクスチャデザイン管理です。## Onion Packerの使い方メイン...

List

  • 2017/04/11

Guetzli - Google製のJPEGエンコーダー

USのドラマでシリコンバレーというのがあります。彼らは圧縮技術をコアとしており、それによってGoogleまたはMicrosoftをモチーフにしているとおぼしき巨大企業と争います。圧縮技術というのはネットワークのトラフィックを大幅に減少させたり、世界全体のストレージ容量を低下させる大きな可能性を秘めています。そんな中、G...

51925?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2017%2f03%2fopen-source-frame+player-3.e52945e92d3ab47666a373fcf0a7d2c7

  • 2017/04/06

Frame Player - 画像を使った動画風プレイヤー

Web上で再生できる動画と言えばMPEG4やWebM、さらにアニメーションGIFがあげられます。基本的に流れている動画はそのまま使われ、制御できるのは再生や音量くらいとなっています。もっと細かく制御できる動画(のようなもの)を使いたい時にはFrame Playerを使うというテクニックがあります。## Frame Pl...

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つのデータを見比べなければならないことが何度もあります。穴が空くほど見つめても違いが見つからないのですが、他の人に聞くとあっという間に見つかったりします。見ている視点がほんの少しだけずれているのです。そんな二つのデータの比較をさくっと行ってくれる...