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

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

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

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

もっと見る

List

  • 2017/12/16

PaintCoin - オリジナルのゴールドコインを作る

海外製のコインを集める人や、記念コインをコレクションしている人たちがいます。コインには通常の貨幣としての価値以外にも、怪しい魅力があるのでしょう。貨幣を表すアイコンや、リッチな雰囲気を出す場合などでもコインはよく使われます。今回はそんなコインをオリジナルで作れるPaintCoinを紹介します。## PaintCoinの...

List

  • 2017/12/12

zimg-host - シンプルな画像ホスティングサーバ

画像をアップロードして共有したいと言う時はよくあります。社内などであればファイルサーバに送ってパスを共有すれば良いでしょう。しかし場合によって最適な方法は異なります。そこで使ってみたいのがzimg-hostです。シンプルな画像ホスティングサーバです。## zimg-hostの使い方画像はローカルのファイルをアップロード...

List

  • 2017/11/22

deviceframe - 画像やWebサイトにiPhoneの枠を追加

iOSでスクリーンショットを撮ると、デバイスの枠がないので若干寂しいです。雰囲気を把握するためには、やはりデバイスの枠があったほうが分かりやすいでしょう。Xcodeをインストールしてシミュレータがあったとしても任意の画像に枠が追加できる訳ではありません。そこで使ってみたいのがdeviceframeです。ごく簡単に、好き...

List

  • 2017/11/21

gifgen - より綺麗なアニメーションGIF生成

動画をアニメーションGIFに変換する際に使われるのがFFMPEGです。単純にファイルを指定するだけで変換できるのですが、若干画質が落ちてしまうのが残念です。しょせんGIFだから、と諦めてしまっていないでしょうか。そこで使ってみて欲しいのがgifgenです。設定を変更し、より画質の良いアニメーションGIFを生成します。#...

List

  • 2017/11/11

ImageLnk - URLから画像を抽出

画像をダウンロードしたいサイトは幾つもあるかも知れませんが、多くのサイトでは逆に簡単に画像をダウンロードされないようにする仕組みが作られていたりします。右クリックでダウンロードできなかったり、データを複雑に流し込んでいる場合もあります。そんな時に使えそうなのがImageLnkです。多数のサイトに対応した画像リンク抽出ソ...

List

  • 2017/10/26

favicon-emoji - 絵文字をFavicon化

Faviconを何か設定しないとと思いつつ、絵の才能があるわけでもないので思いつかない…といった方は多いかと思います。適当な画像をあてはめても良いですが、面白くないでしょう。そこで使ってみたいのがfavicon-emojiです。絵文字をFaviconとして出力できます。## favicon-emojiの使い方コマンドは...

List

  • 2017/10/17

TensorZoom - 小さな写真をTensorflowを用いて画像解析

映画でよくある、監視カメラの不鮮明な映像をくっきりと明確にする技術。技術者なら誰もが無理だろ、と思っているわけですが、最近ではあながち否定できなくなっています。それが深層学習を使った画像解析です。はっきりさせるのとはまた違った手法で画像を解析します。そんな画像解析技術を使った写真拡大ソフトウェアがTensorZoomで...

List

  • 2017/10/14

minimap - ソースコードをミニマップ化

ミニマップというのはプログラミングエディタに付属していることが多い機能で、ファイル全体のソースコードをサムネイル化したような表示です。個人的にはあまり使いませんが、画面が今ソースコード全体のどの場所を表示しているかを知るのに使えます。そんなミニマップを生成してくれるPythonスクリプトがminimapです。## mi...

List

  • 2017/10/12

Carbon - コードを綺麗な画像に変換

SDKやフレームワーク、ライブラリなどを公開しているサイトであれば大事なのは実際の使い方を示したコードでしょう。それもただテキストで書いてあるより、格好良いフォントや色合いで見せたいと思うはずです。そこで使ってみたいのがCarbonです。コードを格好良い画像にしてくれます。## Carbonの使い方実際に作成した画像で...

List

  • 2017/10/10

Animated_GIF - クライアントサイドでアニメーションGIFを生成

ここ数年でアニメーションGIFの価値が見直されています。動画とは違ってハイライト部分だけを取り上げていたり、何度も繰り返せるのが魅力になっています。動画は再生までの手間がありますが、アニメーションGIFは自動的に再生もできます。そんなアニメーションGIFをWebブラウザで操作できるのがAnimated_GIFです。##...

List

  • 2017/10/05

src2png - ソースコードを画像に変換

ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してく...

List

  • 2017/09/30

ドラえもんのタイトルジェネレーター - ドラえもんで脳内再生されるタイトル画像ジェネレータ

ドラえもんと言えば国民的アニメです。アニメやテレビは見ないという人でも、一度は最初のタイトルコールを見たことがあるのではないでしょうか。そして表示された文字がドラえもんの声で(世代によって分かれると思いますが)再生されることでしょう。そんなドラえもんのタイトルを生成してくれるソフトウェアがドラえもんのタイトルジェネレー...

None

  • 2017/09/27

oxipng - PNGを圧縮してサイズ軽減

PNGは広くWebで使われるようになっています。写真のような画像を除けば、大抵PNGになっているのではないでしょうか。PNGには可逆圧縮機能があり、圧縮することでサイズを大幅に軽減できます。そうやって縮小すればインターネット全体の転送量を大幅に下げることだってできるでしょう。手元の環境で試すならoxipngを使ってみま...

List

  • 2017/08/30

node dependencies view - nodeプロジェクトの依存性を可視化

nodeに限った話ではありませんが、各プログラミング言語では多くのライブラリを利用します。自分では一つしか使っていないつもりでも、そのライブラリが別なライブラリに依存し、そのライブラリがまた別な…と広がっていくのはよくある話です。そんなnodeプロジェクトの依存性を可視化してくれるのがnode dependencies...

List

  • 2017/08/24

image-compressor - Webブラウザ上で画像圧縮

スマートフォンのカメラの性能が大幅に向上し、1ファイルのサイズが肥大化する傾向にあります。JPEGなのである程度圧縮がかかっているものの、それでも数MBあったりします。ブログなどで使うのであれば、正直そこまでの品質や画像の大きさは不要でしょう。そこで使ってみたいのがimage-compressorです。Webブラウザベ...

List

  • 2017/08/11

ChartEx - Excelのグラフを画像/PDFで出力

Excelで作成したグラフをHTML上に組み込んだり、別なドキュメントに使いたいと思ったことはないでしょうか。同じOffice系であれば連絡が簡単ですが、もっと広く使いたいはずです。そんな時にいちいち画面をキャプチャするのは面倒です。そこで使ってみたいのがChartExです。Excelのグラフを画像やPDFとしてエクス...

List

  • 2017/08/10

Alchemy - 画像をPDFに変換する常駐アプリ

画像をPDFに変換したいと考える時があるかも知れません。そんな時、画像を開いて印刷機能の一部で提供されるPDF変換を使ったり、PDFにしてくれるプリンタドライバを利用します。しかしこれは手間です。そこで使ってみたいのがAlchemyです。メニューバーに常駐するPDFコンバータです。## Alchemyの使い方常駐してい...

List

  • 2017/08/02

Chameleon.js - 画像からカラーパターンをピックアップ

Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。## Chameleon....

None

  • 2017/07/25

npm-icon-gen - スマートフォンアプリ/Webサイト用のアイコンファイルをまとめて生成

スマートフォンやWebサイトなどアイコンを使う機会は多いですが、それらはプラットフォームなどによってサイズがすべて違います。iOSであってもデバイスの画面の大きさや解像度によって異なります。これを一つ一つ作るのは大変です。そこで一つのSVG画像さえ用意すれば後は自動で生成してくれるnpm-icon-genを使いましょう...

List

  • 2017/07/21

jQuery Images Compare - 二つの画像をスライダーで比較

JPEGなど圧縮率によって画像の粗さやサイズが変わるフォーマットの場合、実際にその保存方法によってどう変わっているか比較してみないと分かりづらいでしょう。その時、ウィンドウを切り替えながら比較しても画面がチカチカしてしまってははっきりと分かりません。そこで使ってみたいのがjQuery Images Compareです。...