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

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

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

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

もっと見る

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...

List

  • 2013/04/10

アニメーションする天気アイコン群「Skycons」

SkyconsはCanvasタグで描かれるアニメーションする天気アイコンです。天気サイトにはつきものの天候を指し示すアイコン。晴れや曇り、雨などが見るだけで簡単に分かります。それをもっと見やすくしてくれたのがSkyconsです。全アイコンです。Canvasタグで描かれており画像ではありません。使い方です。とてもシンプル...

List

  • 2013/04/04

スクリーン上の任意の場所をキャプチャしてOCR/音声読み上げ「Capture2Text」

Capture2Textは画面上の任意の部分をOCR処理できるソフトウェアです。オンラインにあるのはテキストだけとは限りません。テキストを埋め込んだ画像コンテンツもたくさんあります。そこから効率的にテキスト情報を素早く抽出できるソフトウェアがCapture2Textです。コンテストメニューに常駐します。利用はショートカ...

List

  • 2013/03/12

Canvas+JavaScriptを使って画像解析「Resemble.js」

Resemble.jsはCanvasを使って画像の解析、二つの画像の差分を抽出するJavaScriptライブラリです。Canvasを使って何ができるかをみんな模索していると思いますが、特に多いのが画像解析、表示ではないかと思います。今回はJavaScript+Canvasによる画像解析ソフトウェアであるResemble...

List

  • 2013/03/08

すっきりしたデザインのギャラリーライブラリ「Galleria」

GalleriaはレスポンシブWebデザイン対応を謳ったJavaScriptイメージギャラリーです。デジカメで撮影した多量の写真も見せなければHDDの肥やしでしかありません。そこでWebサーバ、Flickr、Picasaなどにアップロードした後はGalleriaを使ってギャラリー化してみましょう。サムネイルが下に並び、...

List

  • 2013/02/18

Webページ内の画像をまとめて一つのタブで閲覧「img2tab」

img2tabはWebページ内にある画像をまとめて一つのページで見せてくれるGoogle Chrome/Firefoxアドオンです。キュレーションサイトなどでよくあるのが画像まとめです。そこにある無数の写真を順番に選んでいくのは面倒なので、img2tabを使って一気に表示させましょう。インストールします。例えばMOON...