2012/05/21

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

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

2012/05/03

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

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

2012/04/28

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

Webサイトで画像を縮小して表示したい場合、ImageMagickなどのサーバサイドの技術を使うのが一般的です。しかしjQuery NailThumbを使えばクライアントサイドだけで高度なサムネイル風表示を実現します。 デモです。左側が元画像、その右側にサムネイル化した画像が表示されています...

2012/04/20

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

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

2012/04/18

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

写真は見せ方次第でインパクトが大きく変わりますが、10程度の写真をスムーズに見せる際に使えそうなのがInflickityです。 二つの帯が表示されています。 マウスでドラッグして左右に動かせます。 二つの帯は独立して動きます。 スマートフォンやタブレットの方が動きがスムーズです。 デモ動画で...

2012/03/24

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

2012/03/21

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

2012/03/21

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

2012/03/08

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

2012/02/15

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

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

2012/02/14

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

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

2012/02/13

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

GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを再生、リバース再生など自由に操作できるようにするJavaScriptがjsgifです。 ...

2012/02/11

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

裸が見たい！たくさんの画像の中からとにかく裸を見たい！と思う人はnude.jsを自動実行してみると幸せになれるかも知れません。 デモ画像です。もちろん裸ではありません。Scan Imageボタンを押します。 No nude判定です。当然です。 続いて二つの画像です。水着もありますが、やはりN...

2012/01/23

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

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

2012/01/22

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

Paintogetherはみんなでお絵描きチャットできるWebアプリケーションです。Canvasタグを使って描画して、データの同期にはnode.jsのsocket.ioを使っています。 ここで絵を描きます。 例えばこんな感じです。なお筆者環境ではなぜか同期処理が失敗しました… soc...

2012/01/20

Bootstrapを使ったイメージギャラリー「Bootstrap Image Gallery」

最近のWebサービスではTwitter社の開発したBootstrapをベースに提供するものが増えてきました。Bootstrap Image Galleryはそんな中、Bootstrapを使って開発されたイメージギャラリーソフトウェアとなっています。 サムネイル一覧です。奇麗に並びます。 サム...

2011/12/28

元画像群からSprite画像とCSSを生成「Sprite Factory」

インストールします。Rubygemsでインストール可能です。 実行はsfコマンドで。ディレクトリを引数としてそれ以下にある画像を全てまとめてくれます。 生成されるのはimg.cssとimg.pngです（カスタマイズ可能）。 生成されたCSSです。img.pngのSprite指定になっています...

2011/12/23

Vim初級者にお勧め。ショートカットキーをまとめた壁紙「Vim Shortcut Wallpaper」

Vimは慣れると手放せないテキストエディタですが、最初はキーバインドを覚えるのに苦労するでしょう。そこで使ってみたいのがVim Shortcut Wallpaperです。Vimのショートカットキーが載ったチートシート兼壁紙です。 配布内容です。背景色がダークまたはホワイト系で選択できます。サ...

2011/12/04

20以上の画像アップロードサービスをサポートする画像アップロードウィザード「Image Uploader」

Image Uploaderは20以上の画像アップロードサービスに対応しています。ウィザードに沿っていくだけで簡単に完了します。 起動時に言語を選択します。日本語には対応していません。 メイン画面です。アップロードするファイルやフォルダを選択します。 選んだファイルやフォルダの中から実際にア...

2011/11/25

右クリックして任意の画像を検索「TinEye」

ローカルにある画像を使って似たような画像を検索できるサービスがTinEye.comです。そのTinEye.comへローカルから画像をアップロードして検索してくれるクライアントソフトウェアがTinEyeです。コンテクストメニューから簡単に使えます。 メイン画面です。設定もここで行います。 シェ...