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

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

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

もっと見る

List

  • 2012/11/02

LytroのファイルをFinderで閲覧「Lytro QuickLook」

Lytro QuickLookはLytroフォーマットのファイルをQuickLookに対応させるプラグインです。後から自在にフォーカスを変えられる魔法のカメラLytro。そんなLytroで撮影したデータは専用のフォーマットになっていますが、Lytro QuickLookを使えばQuickLook上で閲覧できるようになり...

List

  • 2012/10/29

JavaScriptとCSS Spriteを組み合わせてアニメーション「MovieCrop.js」

MovieCrop.jsはCSS Spriteを使ったアニメーションライブラリです。Sprite画像を使うとマウスオーバーと連携させてボタンの押し下げによる配色変更を行ったりできます。それと似たような仕組みを使ってアニメーションを実現してしまうのがMovieCrop.jsです。例。単純にくるくる回転し続けます。再生、停...

List

  • 2012/10/26

Webブラウザ上でCSS Sprite画像を作成「InstantSprite」

InstantSpriteはWebブラウザ上でSprite画像を作成するソフトウェアです。複数の小さな画像をくっつけて、それをCSSで切り分けるのがSprite画像です。画像編集ソフトウェアやサーバサイドで行うソフトウェアがありますが、今回はWebブラウザのクライアントサイドで行うInstantSpriteを紹介します...

43588?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-10-22.20.25_thumb1

  • 2012/10/20

iPhoneの傾きを使って見せ方を変える画像ビューワー「lenticular.js」

lenticular.jsはiPhoneの傾きにあわせて表示を変える画像ビューワーです。iPhoneなどのスマートフォンでは傾きを検出できる機能があります。それを使った面白い画像ビューワーがlenticular.jsです。美女が布を巻いて立っています。マウスを動かしてみましょう。マウスの動きにあわせてくるくると回ります...

List

  • 2012/10/17

PDFから画像、画像のフォーマット変換をWeb上で「convert」

convertはPDFや画像のフォーマットを変換するソフトウェアです。PDFを画像に変換したり、画像の相互変換をオンラインで行ってくれるソフトウェアがconvertです。元々Google App Engineにあった機能のようですが、2012年11月で廃止されます。そこで作られたのがconvertになります。メイン画面...

43371?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-02-12.10.11_thumb

  • 2012/10/12

PNGを結合させてアニメーションを実現「Animation Encoder」

Animation EncoderはPNG画像を結合させてアニメーションPNGを実現させてしまうソフトウェアです。何らかの説明動画を表示するのにあたってIE6からiPadまで表示でき、かつ減色したりしないで表示するにはどうしたら良いだろうか。Animation Encoderが選んだのはPNGを結合して表示するという無...

List

  • 2012/10/03

すげえ!Webブラウザ上だけでアニメーションGIFを作成「Mothereffing animated gif」

Mothereffing animated gifはWebブラウザ上で任意の画像からアニメーションGIFを作成するソフトウェアです。これまではローカルのアプリケーションでしか出来ないと思っていたようなことがどんどんWebアプリケーションでできるようになっています。今回は画像をまとめてGIFアニメーションにしてしまう、そ...

List

  • 2012/09/29

帯域をセーブ。画像をアップロードする前にクライアントサイドで縮小「resize」

resizeは画像のアップロード前に事前にCanvasタグを使って縮小処理を行ってアップロードを行うソフトウェアです。これは面白いアイディア。resizeはアップロード前にCanvasタグを使って画像のリサイズ処理を行い、小さな画像としてアップロード処理を行います。最初の画面です。まず写真を選択します。できるだけ大きい...

List

  • 2012/09/18

クライアントサイドだけでここまでできる。JavaScriptの画像加工ライブラリ「Pixastic」

PixasticはJavaScriptによる画像編集エンジンです。画像のちょっとした加工であればわざわざ高価なソフトウェアを使うことなくオンラインで実現できるようになってきました。今回紹介するPixasticもその一つ、多彩なイフェクトを画像に対してダイナミックに適用するライブラリです。元の写真です。白黒加工を施しまし...

42591?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f09%2fscreenshot-2012-09-06-14.25.36_thumb

  • 2012/09/16

GitHubの画像比較のようなスライダーを実現するjQueryプラグイン「jQuery CompareWYW plugin」

jQuery CompareWYW pluginは二つの写真をスライダーを使って表示を切り替えられるソフトウェアです。GitHubでは画像の差分表示がグラフィカルに行えるようになっています。スライダーを使って違っている部分をダイナミックに表示させられます。あれに衝撃を受けた方、同様の操作をjQuery CompareW...

List

  • 2012/09/14

CSS3だけで作るミニチュア風写真「tiltShift.js」

tiltShift.jsはミニチュア風写真をCSS3で実現するソフトウェアです。少し前に風景をまるでミニチュアの写真のように加工するテクニックが流行りました。やり方も既に手順化されており、色々なカメラアプリでも楽しめます。そんな加工をCSS3で行ってしまうライブラリがtiltShift.jsです。イフェクト後の写真です...

42063?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2fscreenshot-2012-08-22-10.19.55_thumb

  • 2012/08/31

オフラインで使えるPLACEHOLD.IT「Holder.js」

Holder.jsはJavaScriptだけでダミー画像を生成するソフトウェアです。Webサイトのモックアップを作る際に使われるのがダミー画像です。PLACEHOLD.ITがよく使われますが、オンラインでないと使えないというのが若干不便に感じていました。そこでオフラインでも使えるJavaScriptによる画像生成ソフト...

40195?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-25-12.04.11_thumb

  • 2012/07/06

Tumblrに投稿した画像を背景画像に用いる「Tumblr Background Imager」

Tumblr Background ImagerはTumblrのAPIを使って背景画像を定期的に差し替えるソフトウェアです。Tumblrにたくさんの写真をポストしている人がいます。そんな写真をオンラインだけで楽しむのは勿体ないです。使うのはTumblr Background Imager、Tumblr APIを使った背...

List

  • 2012/07/01

画像をクライアントサイドだけでクールに変身「SeuratJS」

SeuratJSは画像をピクセルアートに変換するRaphaëlプラグインです。従来Webサイトにおいて画像は表示して終わりでしたが、HTML5/Canvasの登場によってクライアントサイドでも編集できるようになってきました。そこで紹介したいのがSeuratJSです。画像をモザイクなどのピクセルアートに変換します。元の写...

39814?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-12-11.03.08_thumb

  • 2012/06/25

シュビーン!誰もがビームを出せる「目からビーム画像ジェネレーター」

目からビーム画像ジェネレーターは画像を解析し、目の部分にビームを合成します。X-MENのサイクロプスと言えば目からビーム。そう、人間は誰しも目からビームを出す事に憧れているのです。確かピッコロも出せます。そんな訳で自分でもビームを出してみたいと思ったら目からビーム画像ジェネレーターを使ってみましょう。左が元画像。左が変...

39807?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-12-10.59.30_thumb

  • 2012/06/24

Rails製のシンプルな画像アップローダー「picHack3r」

picHack3rはRuby on Railsで作られた画像アップロードサービスです。2ちゃんねるをはじめとして画像アップローダーサービスは重宝されています。そんな画像アップローダーサービスを立ち上げてみたい人にお勧めなのがpicHack3rです。メイン画面です。ファイルを添付して実行するのみです。登録されている画像で...

List

  • 2012/06/23

GAE上で動作するメイン画像取得サービス「image-extrator」

image-extratorはURL中にあるメインとおぼしき画像を取得するソフトウェアです。Webサイトのサムネイルサービスでよくあるのはスクリーンショットを撮ってサムネイル画像を返却するサービスです。しかしこれでは雰囲気は分かっても同じドメインだとどれも似たような画像になってインパクトに欠けます。そこで使ってみたいの...

List

  • 2012/06/13

植物のような線が描けるコラボレーションイラストレーション「draw」

drawはリアルタイムイラストコラボレーションのソフトウェアです。インターネットが発展し、リアルタイム性が高まっています。そんな中でやってみたいのは何でしょう。テキストチャット、動画チャットもありますが、ここではイラストを描くコラボレーションツールのdrawを紹介します。イラストを描いています。こちらはSafariです...

39345?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-29-10.36.20_thumb

  • 2012/06/11

WebKitベースのURL全体のキャプチャ「webimage」

webimageはコマンドラインでWebKitベースのWebブラウザサムネイルを作成するソフトウェアです。Webサイトのサムネイル画像生成サービスは多数あります。しかしサービスによってWebブラウザの種類が決まっています。Geckoエンジンを使ったものが多いですが、WebKitを使って取得するサービスを構築するなら使っ...

List

  • 2012/06/07

JavaScriptだけで複数のファイルをまとめて画像化「PNGDrive」

PNGDriveはファイルを画像化してサイズを小さくするソフトウェアです。ファイルを相互に別形式に変換するというソフトウェアは多いですが、PNGDriveはちょっと一風変わっています。任意のファイルを画像化し、デコードできるソフトウェアになります。メイン画面です。ドロップしました。Zipファイルの場合、サイズが大きくな...