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

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

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

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

もっと見る

List

  • 2019/03/10

NSFW JS - 職場厳禁な写真を判定

NSFWというのはNot Safe For Workの略で、職場では見るのに相応しくないコンテンツ(写真や動画など)のことを指します。万一そんなものを見ているところを同僚(特に異性)に見られたらどんな仕打ちを受けるか分からないでしょう。そこで使ってみたいのがNSFW JSです。問題のあるコンテンツを表示しないように制御...

List

  • 2019/03/10

Icotar - アイコンを動的に配信するサーバ

SVGも広まってはいますが、それでもなおPNGなどの画像を利用しているケースは多いです。そんな時、デバイスごとに最適なサイズを考えないと過剰にネットワークを消費したり、低解像度な画像を配信したりしてしまいます。そこで使ってみたいのがIcotarです。Material Design

List

  • 2019/02/15

実績解除ったー - 実績を解除しよう

ゲームなどをやっているとはじめて行ったアクションや累積ポイントに対して実績が解除されます。実績を解除すると、それが一覧として表示されます。すべての実績を解除しようと躍起になる人もいるでしょう。そんな実績解除好きな人たちに送りたいのが実績解除ったーです。自分の好きな言葉、色で実績を解除できます。## 実績解除ったーの使い...

List

  • 2019/01/31

dimage.js - アニメーションGIFよ、進化せよ!

人は常に進化していなければなりません。立ち止まったら、それは停滞ではなく退化のはじまりであると捉えるべきです。写真から動画、二次元から三次元が作られるように次のアクションが求められるのです。今回紹介するdimage.jsも同じです。二次元に留まるな、がコンセプトなソフトウェアとなっています。## dimage.jsの使...

List

  • 2019/01/19

lsix - ターミナル上で画像を表示

ターミナル上で画像を表示する方法は幾つかあります。iTerm2などは独自に画像表示を行う機能がありますが、それではなかなか標準として広がっていきません。ターミナル界隈ではSixelがその有力候補として知られています。今回紹介するlsixはターミナル上で画像を表示するソフトウェアで、lsでファイル名の代わりに画像を表示す...

List

  • 2019/01/19

gallery-dl - 多数の画像サイトに対応したダウンローダー

イラストサイトなど、画像をまとめてダウンロードしたいことがよくあります。Webブラウザでクリックしながら行っているのは非常に面倒ですし、ストレスを感じてしまうでしょう。有名なサイトであれば専用のダウンローダーも作られたりしますが、サイトごとに用意するのは面倒です。そこで使ってみたいのがgallery-dlです。多数の画...

List

  • 2019/01/16

GIF Brewery - 動画やデスクトップ操作を記録してアニメーションGIFを作成

アニメーションGIFの需要が高まっています。動画だと面白くない部分まで再生されますが、アニメーションGIFは短く、ハイライト部分だけを繰り返し再生します。無音なのも想像力がかき立てられるので面白いです。そんなアニメーションGIFを作る方法はいくつかありますが、今回は様々な機能を備えたGIF Breweryを紹介します。...

List

  • 2019/01/08

「#いいねvsRT」画像メーカー - いいねとリツイートで競え!

Twitterではいいねとリツイートの二つのリアクションが用意されています。通常、そのどちらを使うかはユーザに一任されており、自分の中でルールを作って使い分けている人が多いでしょう。しかし、この機能を逆手に取ることもできます。それが今回紹介する「#いいねvsRT」画像メーカーです。いいねとリツイートで投票を行う、そんな...

List

  • 2018/12/16

Image Map Resize - イメージマップをレスポンシブに

地図や写真などで一部をクリッカブルにする際に、昔はイメージマップを使うのが一般的でした。今はJavaScriptやCanvas、SVGで処理するかも知れませんが、イメージマップもWeb標準として利用できる機能です。ただし昔の機能なので、座標の設定などで制約が多い機能でもあります。そんなイメージマップをレスポンシブにして...

List

  • 2018/11/29

Squoosh - 高性能な画像圧縮Webアプリケーション

デジカメやスマートフォンのカメラが性能向上するのに合わせて画像のサイズがどんどん大きくなっています。その結果、バックアップや写真の表示でネットワーク帯域を消費することになってしまいます。これは今後どんどん問題が大きくなっていくでしょう。Appleでは新しい画像フォーマットHEICを作りました。対してGoogleはSqu...

List

  • 2018/11/24

graph-cli - CSVから画像ファイルを生成

資料でグラフを使うことで数値の羅列から視覚に訴えられるようになります。多くの場合、表計算ソフトウェアを使ってグラフを作りますが、アップデートする度に作成し直したり画像化するのが面倒です。そこで使ってみたいのがgraph-cliです。CLIでCSVデータをグラフ化します。## graph-cliの使い方Sinの値をCSV...

List

  • 2018/11/19

Eva icons - 480種類以上の綺麗なアイコン集

アイコンはWebサイトやアプリなどの使い勝手を決定づける重要な存在です。統一されたアイコンを使っているかどうかは大きな問題であり、そのためにも多数のパターンに対応したアイコン集の利用が求められます。今回は480種類を越えるアイコンを収録したEva iconsを紹介します。## Eva iconsの使い方PNG版を紹介し...

List

  • 2018/11/14

wallpapper - ダイナミック・デスクトップ用の壁紙を生成

最新のmacOS Mojaveではダイナミック・デスクトップという機能があります。時間に合わせて壁紙が変化するもので、朝や昼、夜など情景に合わせて壁紙の写真が変化します。これで徹夜で作業している時に時間を見ずとも時間帯が分かる訳です。そんなダイナミック・デスクトップに対応した壁紙を作成できるソフトウェアがwallpap...

List

  • 2018/11/08

Oxipng - PNG画像を小さく

画面解像度が上がるのに合わせて画像サイズはどんどん肥大化しています。今や一つの画像が数MBというのも当たり前になっており、ネットワーク帯域を逼迫しています。モバイルネットワーク環境下では特にそう感じることでしょう。そこで使ってみたいのがOxipngです。PNGの画像サイズを小さくしてくれるソフトウェアです。## Oxi...

List

  • 2018/11/07

yeetgif - ezrgifがさらにパワーアップして多様なアニメーションGIFを作成可能に

先日画像にエフェクトを加えてアニメーションGIFにするezrgif

List

  • 2018/10/19

video-to-gif-osx - 動画を簡単にアニメーションGIFへ変換

動画をアニメーションGIFに変換するソフトウェアは幾つかあります。ソフトウェアのインストールが面倒であればWebサービスを使うこともできるでしょう。細かな設定を行うならば確かにそういったソフトウェアを使うのが便利です。しかし、単に動画ファイルをそのままアニメーションGIFにできればいいというだけであれば、video-t...

List

  • 2018/10/18

ezrgif - 画像をエフェクトを加えてアニメーションGIFに

アニメーションGIFは通常の画像よりもインパクトがあります。しかし一コマ一コマ作る手間は非常に大きく、動画などを使って生成することの方が多いでしょう。手元にアイコンリソースがあっても、それを動かすのは大変です。そこで使ってみたいのがezrgifです。アイコンファイルに簡単にアニメーションを追加するソフトウェアです。##...

List

  • 2018/10/09

mergi - コマンドで画像を加工

GUIアプリケーションを使えばできるのは分かっていながらも、自動化や連続処理を考えるとCUIで処理したいと考えるでしょう。テキストやファイル名などであれば簡単ですが、バイナリファイルとなると面倒そうです。そこで画像を簡易的に処理してくれるコマンド、mergiを紹介します。よくある処理であれば十分こなせるでしょう。## ...

List

  • 2018/10/05

View Background Image - 背景画像だけを表示させるGoogle Chrome機能拡張

CSSのプロパティを使って画像を設定していると、右クリックで画像だけを表示しようと思ってもうまくいきません。その度に開発者ツールを開いて画像のURLを取得するのは面倒です。そこで使ってみたいのがView Background Imageです。背景画像だけを表示できるGoogle Chrome機能拡張です。## View...

List

  • 2018/09/24

movie-thumbnailer - 動画からサムネイル画像を生成

長い動画を見るのは勇気がいります。時間を吸い取られてしまうかも知れません。あらかじめ、ざっと内容が分かると嬉しいのではないでしょうか。とは言え、そのために短い動画を作るのは大変です。そこで使ってみたいのがmovie-thumbnailerです。動画を切り出してサムネイル画像を生成します。## movie-thumbna...