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

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

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

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

もっと見る

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ファイルの場合、サイズが大きくな...

39028?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fsnapshot_thumb

  • 2012/06/02

iSightからキャプチャして画像を保存「ImageSnap」

ImageSnapはiSightなどのWebカムをキャプチャして画像を保存するコマンドラインツールです。Webカムの動画チャット以外での利用を考えてみましょう。幾つか面白いプロダクトも出始めています。しかしデバイスに接続してデータを取得して…というのは大変そうです。そこで使ってみたいのがImageSnapです。使い方は...

List

  • 2012/06/02

面白い。回転させながら撮った写真をスムーズに閲覧「Image Rotation」

Image Rotationは対象を回転しながら撮影した写真をマウス操作で回転させられるソフトウェアです。通常、写真は平面にしか撮影できません。そのため後で写真を見た時に、これを横から見たかった…と思ったりするかも知れません。そこで試して欲しいのがImage Rotationです。マウス操作で自由な角度から写真を楽しめ...

List

  • 2012/05/21

なんでまた…。ターミナルの中に画像を表示「picture-tube」

picture-tubeはターミナル上に画像を表示するソフトウェアです。今年になってくらいからコンソールで無茶をするプロジェクトを多数見かけるようになってきました。何かに取り憑かれているのでしょうか。という訳で今回はターミナルで画像を表示するpicture-tubeを紹介します。インストールします。npmで一発です。実...

List

  • 2012/05/03

スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック「jQuery Mobile Icon Pack」

jQuery Mobile Icon PackはjQuery Mobileで使えるアイコン集です。jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。アイコンの一覧です...

List

  • 2012/04/28

画像を生成せずにサムネイル風に小さな画像を表示「jQuery NailThumb」

jQuery NailThumbはWeb上でCSSによる画像サムネイル風表示を実現するjQueryライブラリです。Webサイトで画像を縮小して表示したい場合、ImageMagickなどのサーバサイドの技術を使うのが一般的です。しかしjQuery NailThumbを使えばクライアントサイドだけで高度なサムネイル風表示を...

37721?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-09-11.00.11_thumb

  • 2012/04/20

Googleマップライクに使える画像ビューワー「IIPImage」

IIPImageはサーバ/クライアントで使う画像ビューワーです。巨大な画像をタイル上に並べて閲覧できます。画像の表示には幾つか方法がありますが、超巨大な画像を見せたいと考える時に使えそうなのがIIPImageです。サーバ/クライアントシステムで使う画像ビューワーです。最新のビューワーです。中央に写真が、右側にサムネイル...

37660?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-09-10.07.48_thumb

  • 2012/04/18

タブレット、スマートフォンでの写真閲覧に使える無限スクロールビュー「Inflickity」

Inflickityは写真群の左右をつなげて無限に左右へスクロールできるようにするJavaScriptライブラリです。写真は見せ方次第でインパクトが大きく変わりますが、10程度の写真をスムーズに見せる際に使えそうなのがInflickityです。二つの帯が表示されています。マウスでドラッグして左右に動かせます。二つの帯は...

List

  • 2012/03/24

jQuery製。イフェクトが格好いいスライドライブラリ「jqFancyTransitions」

jqFancyTransitionsは画像の切り替わりが格好いいスライドライブラリです。最近、Webサイトトップなどで画像をスライドで切り替えるサイトが増えています。そこで使ってみたいのがjqFancyTransitionsです。クールでいい感じのイフェクトが特徴です。サンプル。切り替わりでスクリーンショットを撮ってい...

List

  • 2012/03/21

パスワードロック付き。画像の中に任意のファイルを埋め込むJavaScript「stegano.js」

stegano.jsはPNG画像の中に任意のファイルを埋め込み、パスワードをかけて隠せるソフトウェアです。簡単には見破られない、秘密のファイルを受け渡す際に使えそうなのがstegano.jsです。画像の中に任意のファイルを隠すことが出来ます。まず画像ファイルと任意のファイルを指定します。そしてDo Itボタンを押します...

List

  • 2012/03/21

コマンドラインでIEを使った縦長スクリーンショットを保存「IECapt」

IECaptはコマンドラインベースでIEを使ってWebサイトのスクリーンショットを取得、画像として保存するソフトウェアです。Webサイトのスクリーンショットを保存したい時はよくあります。単純に表示されている部分だけでなく、スクロールした先も含めて取得したいなら使ってみたいのがIECaptです。コマンドラインオプションで...

List

  • 2012/03/08

俺の○○フォルダを効率的に作る「Typict」

Typictは画像を見ながらショートカットキーで振り分け先のフォルダを指定していくソフトウェアです。たくさんの画像が入ったフォルダをチェックしながら特定のフォルダに振り分けていく、そんな作業を効率化してくれるのがTypictです。まず最初に画像が入ったフォルダを指定します。次に振り分け先を選択します。ショートカットキー...

35418?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2f3dsearch3_thumb

  • 2012/02/15

面白い!画像の上下の遠近を補正「ShiftN」

ShiftNは写真の上下における遠近感を補正してくれるソフトウェアです。建物の写真を撮ると、通常は下からのアングルになるかと思います。あまり極端な下からのアングルが格好悪い、そう感じる方はShiftNを使って調整してみましょう。起動しました。デモ画像を読み込みました。下からのアングルになっています。自動で調整した結果で...

35373?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-06-14.50.14_thumb

  • 2012/02/14

お手軽。動画をアニメーションGIFへ変換「video2gif」

video2gifは動画をアニメーションGIFへ変換するソフトウェアです。YouTubeなどの動画共有サイトの発達によって、ブログなどに動画を埋め込むのが簡単になっています。しかし面白いか面白くないか分からない動画をずっと見続けるのは苦痛です。そこでざっと内容を知りたい人のために使えるのがvideo2gifです。動画を...

35292?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-06-14.14.07_thumb

  • 2012/02/13

この発想はなかった。GIFアニメーションをCanvasで解析して自由に再生「jsgif」

jsgifはGIFアニメーションを解析し、一時停止したりリバース再生したりできるJavaScriptライブラリです。GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを...

35231?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-02-13.55.23_thumb

  • 2012/02/11

裸体カモン!ヌードを追い求める男子は実行すべし「nude.js」

nude.jsは画像をCanvasで読み込んでヌード画像か否かを判定するソフトウェアです。裸が見たい!たくさんの画像の中からとにかく裸を見たい!と思う人はnude.jsを自動実行してみると幸せになれるかも知れません。デモ画像です。もちろん裸ではありません。Scan Imageボタンを押します。No nude判定です。当...

List

  • 2012/01/23

範囲を指定して切り抜き。jQuery製の画像クロップライブラリ「Jcrop」

Jcropは画像を四角くクロップするjQueryプラグインです。写真アップロードサービスやプロフィール画像の切り抜きで活躍しそうなライブラリがJcropです。マウスで範囲指定して画像を四角く切り抜けます。はい、まずは普通の表示です。マウスで範囲指定します。こんな感じで範囲指定できます。一度指定した後、マウスで微調整もで...

34490?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f01%2f42a92a01bc0d945a5c8723d6ab35ae7e

  • 2012/01/22

node.js+Canvasを使ってみんなでお絵描き「Paintogether」

Paintogetherはnode.js+socket.ioによるお絵描きチャットアプリケーションです。Paintogetherはみんなでお絵描きチャットできるWebアプリケーションです。Canvasタグを使って描画して、データの同期にはnode.jsのsocket.ioを使っています。ここで絵を描きます。例えばこんな...