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

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

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

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

もっと見る

List

  • 2013/08/01

格好いいjQueryギャラリープラグイン「Galleriffic」

GallerifficはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。ブログなどで写真コンテンツを格好よく魅せるのに使えるのがギャラリーソフトウェアです。今回紹介するGallerifficは見せ方や機能が格好よく、おすすめです。デモ。上にサムネイルが並んで、下に写真と...

List

  • 2013/07/14

Webカメラを使って簡単にアニメーションGIF作成「face to gif」

face to gifはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。HTML5を使ったデモは色々ありますが、その中で面白いと感じるのはこれまでFlashでしか触れなかったWebカメラの映像を取得できることがあるのではないでしょうか。今回はWebカメラを使ったアニメーショ...

List

  • 2013/07/13

任意のWebサイトのFaviconをゲット「getFavicon」

getFaviconはPython/Google App Engine製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。Webサイトのお気に入りアイコンとして知られるFavicon。小さな四角い画像でサイトのロゴを表現するなど凝ったものが多いです。そんな各サイトのFaviconをゲ...

List

  • 2013/07/03

画像を分割して大きなポスターにも「SplitPhoto」

SplitPhotoはMac OSX用のソフトウェア(ソースコードは公開されていますがライセンスはオープンソースではありません)です。お気に入りの写真を大きく印刷してポスターにしたいと思った時に使ってみたいのがSplitPhotoです。A4までしか印刷できないようなプリンタでも、分割して印刷できるようにカットしてくれま...

List

  • 2013/06/28

Webカメラの映像をアニメーションGIF化「CameraGIF」

CameraGIFはFlash/ActionScript3製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。WebブラウザからWebカメラを使えるようになり、取り込んだ画像を使った面白いソフトウェアが幾つも出てきています。今回はその一つ、WebカメラからアニメーションGIFを生成し...

List

  • 2013/06/26

多数の画像フォーマットをまとめて縮小「Caesium」

CaesiumはWindows用のオープンソース・ソフトウェア(GPL v3)です。画像編集ソフトウェアやスマートフォンのカメラで撮影したままの画像というのはサイズが大きいことが多いです。そこで使ってみたいのがCaesiumです。複数の画像をまとめてサイズ縮小できます。インストールします。ウィザード形式で進めていくだけ...

List

  • 2013/06/23

ローカルファイルにキャッシュアクセスするJavaScript「imgcache.js」

imgcache.jsはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。画像の読み込みを速くする際にはキャッシュを使うのが有効です。最近であればeTagを付けたりすると思いますが、より高速化するために使ってみたいのがHTML5のFile APIを使ったimgcache.j...

List

  • 2013/06/21

気になるTumblrの画像をまとめてダウンロード「TumblOne」

TumblOneはWindows用のオープンソース・ソフトウェア(Public Domain)です。Tumblrには面白い画像がたくさん載っています。それを購読して一つ一つ見ていくのも良いですが、一気にダウンロードしてオフラインで見たい人も多いはず。そんな方にお勧めなのがTumblOneです。メイン画面です。Tumbl...

List

  • 2013/06/21

Google画像検索風に写真を表示「photoWall.js」

photoWall.jsはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。多数のWebサービスが写真を並べて表示しています。そこからエッセンスを取り出して自分たちのサービスに活用するのはいい方法です。今回はGoogle画像検索ライクな画像表示を行えるphotoWall....

List

  • 2013/06/20

iOSアプリでスクリーンショット撮影を監視「iOS ScreenshotObserver」

iOS ScreenshotObserverはiOS用、Objective-C製のオープンソース・ソフトウェア(Apache License 2.0)です。iOSでスクリーンショットを撮る際にはホームボタンと電源ボタンを同時に押しますが、それを感知してくれるライブラリがiOS ScreenshotObserverです。...

List

  • 2013/06/19

スマートフォンに対応した多機能スライダー「Swiper」

SwiperはJavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。Webサイトのトップページやツアー機能などで重宝されるスライダー機能。スマートフォンにも対応したリッチなスライダーSwiperを紹介します。デモです。中央の部分がスライダーです。モバイルフレンドリーでスワイプ操作でコ...

List

  • 2013/06/19

jQueryでカラー写真を白黒に「jQuery.BlackAndWhite」

jQuery.BlackAndWhiteはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。写真は見せ方によって大きく印象が変わってきます。サイズを変えたり一部を切り出したりするのも良いですが、今回は色を変化させてしまうjQuery.BlackAndWhiteを紹介します...

List

  • 2013/06/10

Web上でアニメーションGIFを作成「gifkobo」

gifkoboはnode.js/JavaScript製のオープンソース・ソフトウェア(MIT License)です。ここ最近また人気を取り戻しつつあるのがGIFアニメーションです。動画とはまた違う楽しみ方、趣があり映画やテレビの一場面をアップロードするような使い方も行われています。そんなGIFアニメーションを写真から簡...

List

  • 2013/06/01

画像を読み込んでクライアントサイドでGIFに変換「gif.js」

gif.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。画像は高品質でサイズが大きければ良い、なんて思われがちですが決してそれだけでは価値ははかれません。そう感じさせてくれるのがアニメーションGIFの存在です。今回はクライアントサイドだけでGIFを生成するgif.jsを紹介しま...

List

  • 2013/05/28

画像の好きな場所にキャプションを表示「Label.css」

Label.cssはスタイルシート製のオープンソース・ソフトウェア(MIT License)です。画像をぽんと貼っただけでは分からないこともちょっとしたキャプションで説明してあげるとぐっと分かりやすくなります。そんな処理を手軽に実現してくれるのがLabel.cssです。例えばこれは左指定した場合。文字は左寄せです。こち...

List

  • 2013/05/24

256色の壁を越えたGIFを生成できる「ANGIF」

ANGIFはLZW圧縮を使っていないGIF生成ライブラリです。GIFファイルは昔からあるフォーマットで、当時のPCの色表現レベルであった256色しか扱うことができません。しかしその限界を超え、32,000色(True Color)を扱えるようにしたのがANGIFです。生成された画像。一番上がTrue-Color版。こち...

List

  • 2013/05/18

一枚の画像を分割して表示すると格好いい!「Stylish Image Bars」

Stylish Image Barsは画像の上下をカットし、スリットをつけることで画像をスタイリッシュに変貌させるjQueryプラグインです。画像はちょっと見せ方を変えるだけでインパクトが全く変わってきます。それを教えてくれるのがStylish Image Barsです。デモ。スタイリッシュな画像に変わりました。デモ2...

List

  • 2013/05/18

PhotoshopでのRetina対応リソースの生成を自動化「Retinize It」

Retinize ItはPhotoshop用アクションで、Retina対応のリソースを作成する作業を自動化します。iPhone 4S以降、Retinaディスプレイに対応したリソースの作成が求められるようになりました。都度2倍にして@2xをつけて保存が面倒に感じているデザイナーの方はRetinize Itの利用をお勧めし...

List

  • 2013/04/26

嫌なことがあってもGoogle Chromeを使って癒されよう「Chrome Tumblr Tile」

Chrome Tumblr TileはGoogle Chromeの新規タブをTumblrの画像をタイル表示にしてくれる機能拡張です。仕事をしていたり、プライベートでWebブラウジングをしていた時にショックな出来事に見舞われることもあるでしょう。そんなとき、自分の好みの写真を見ればすぐに立ち直れるかも知れません。そのため...

List

  • 2013/04/12

CanvasタグからアニメーションGIFを生成「jsgif」

jsgifはCanvasタグに描画した内容をアニメーションGIFに変換するソフトウェアです。簡易的なアニメとしてよく使われているのがアニメーションGIFです。まだまだ意外と人気で、動画をあえてアニメーションGIFに変換して楽しむようなサイトも数多く存在します。そんなアニメーションGIFを発展させてくれそうなのがjsgi...