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

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

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

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

もっと見る

List

  • 2012/01/20

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

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

List

  • 2011/12/28

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

小さなアイコン画像などを一つにまとめて表示はCSSで切り出して行うのがCSS Spriteです。用意する手間があるため二の足を踏むケースも多いのですが、Sprite Factoryを使えばごく手軽に運用ができそうです。インストールします。Rubygemsでインストール可能です。実行はsfコマンドで。ディレクトリを引数と...

33238?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-14-11.10.30_thumb

  • 2011/12/23

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

Vim Shortcut WallpaperはVimのショートカットをまとめたチートシート兼壁紙です。Vimは慣れると手放せないテキストエディタですが、最初はキーバインドを覚えるのに苦労するでしょう。そこで使ってみたいのがVim Shortcut Wallpaperです。Vimのショートカットキーが載ったチートシート兼...

32474?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2f3dsearch9_thumb1

  • 2011/12/04

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

Image Uploaderを使うと各種ファイルアップロードサービスに画像を素早くアップロードできます。Image Uploaderは20以上の画像アップロードサービスに対応しています。ウィザードに沿っていくだけで簡単に完了します。起動時に言語を選択します。日本語には対応していません。メイン画面です。アップロードするフ...

32112?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2f3dsearch4_thumb4

  • 2011/11/25

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

TinEyeは任意の画像をアップロードしてTinEye.comの検索を行ってくれるWindows用クライアントソフトウェアです。ローカルにある画像を使って似たような画像を検索できるサービスがTinEye.comです。そのTinEye.comへローカルから画像をアップロードして検索してくれるクライアントソフトウェアがTi...

31315?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f10%2fscreenshot2011-10-31-11.28.49_thumb

  • 2011/11/08

面白い!JavaScript+Canvasによる画像差分表示「JS-ImageDiff」

JS-ImageDiffはJavaScript+Canvasタグを使って二つの画像の差分表示を行うライブラリです。GitHubでは差分をWebブラウザ上で閲覧できますが、その時に画像の差分表示も行えるのを知っているでしょうか。スライダーで動かしたりして差分を確認できるのですが、その一つの差分表示をオープンソースで再現す...

30421?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f10%2f3dsearch4_thumb1

  • 2011/10/18

さくっと使える。画像の指定部分から文字列を読み取る「Gttext」

GttextはWindows用のオープンソース・ソフトウェアで、画像から指定範囲のテキストをOCR解析します。画像に書かれた文字列をテキストに直す時に使われるのはOCRですが、ごくシンプルに指定範囲だけをテキスト認識してくれるソフトウェアがGttextです。インストールはインストーラーが付属するので順番に進めていくだけ...

30248?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f10%2fscreenshot2011-10-04-10.39.09_thumb

  • 2011/10/15

アイディア次第で使い道色々。フリック入力対応のギャラリーライブラリ「flickGal」

flickGalはiOSのフリック操作に対応したギャラリーライブラリです。デスクトップ向けWebブラウザでも表示できます。Webサイトにフリック操作で画像を切り替えられるギャラリー機能を追加したいと思ったらflickGalを使ってみましょう。jQueryプラグインで手軽に導入できます。フリック操作なので主にiOS向けで...

List

  • 2011/10/03

小さなアイコン画像のSVG化に「pixel2svg」

pixel2svgは画像をSVGへ変換するPythonスクリプトです。pixel2svgはその名の通り、ピクセル画像をSVGファイルへ変換できるソフトウェアです。Pythonスクリプトで、ターミナルベースで動作します。処理を実行した所。解析処理が開始されます。対応している画像はPNG、JPEGの他PIL(Python ...

29596?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2f3dsearch6_thumb1

  • 2011/09/23

PNG画像を限界まで小さく「PngOptimizer」

PngOptimizerはPNG画像を最適化してサイズを小さくするソフトウェア。PngOptimizerはWindows用のオープンソース・ソフトウェア。Webサイトでは画像が多用される。文字だけでは面白くないし、アイコンを使うことで情報をより短く、分かりやすく伝えられる。文字の大きさやフォントを指定したい時にも画像が...

28802?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f08%2f3dsearch5_thumb

  • 2011/08/24

多数の画像フォーマットをサポートするエクスプローラ拡張「SageThumbs」

SageThumbsはエクスプローラに162種類もの画像サポートを追加するエクスプローラ拡張。SageThumbsはWindows/エクスプローラ用のオープンソース・ソフトウェア。Windowsにはファイル管理ソフトウェアが多数あるが、なんだかんだ言いつつもエクスプローラに戻ってきてしまう。ショートカットキーも便利で操...

28768?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f08%2fscreenshot2011-08-08-9.42.54_thumb

  • 2011/08/23

PNGを解析してJavaScriptでPNGを描く「png.js」

png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ(WebPもあるか)。個人的な主観としてGIFはアニメ...

List

  • 2011/08/17

オープンソースのGravatar。メールアドレス/OpenIDのURLに紐づいたアバターを提供する「Libravatar」

LibravatarはオープンソースのGravatar風アバター提供サービス。メールアドレスの他、OpenIDにも対応している。LibravatarはPython/Django製のオープンソース・ソフトウェア。インターネット上には無数のWebサイトが存在する。その中にはユーザ登録を行うサイトも多い。登録するサイトの場合...

28491?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-30-18.14.28_thumb

  • 2011/08/08

よくあるニーズを疎結合に。内部や外部の画像をリサイズや切り抜き、簡易加工を行うPHPスクリプト「TimThumb」

TimThumbは内部または外部の画像を取り込んでリサイズ、切り抜き、簡易加工を行うPHPスクリプト。TimThumbはPHP製のオープンソース・ソフトウェア。Webサイトを作る際に重要な要素が画像だ。テキストが並んでいるだけでは重苦しいが、画像をうまくちりばめることで華やかに、見栄えのいいサイトに仕上がる。ユーザに画...

List

  • 2011/07/07

Sprite画像を使ってWebコネクション数を減らす。その補助ツールとして使おう「Sprite Cow」

Sprite CowはSprite画像からアイコンを切り出す作業を補助するソフトウェア。Sprite CowはPython/JavaScript製のフリーウェア(ソースコードは公開されている)。Webサーバを高速化するための一つの手段がWebサーバへのコネクションを減らすということだ。複数ファイルに分かれているものを一...

List

  • 2011/07/01

似たような画像を検索する高速な検索エンジン「FIRE」

FIREは類似画像検索エンジン。Webベースで動作する。FIREはWebベースのオープンソース・ソフトウェア。インターネットの検索が徐々に変わり始めている。特に大きな変化はGoogle主体のクローリングベースの検索から、友人を通じたシェアへと広がっていく流れだ。ソーシャルの中から面白い情報を探すというのは誰しもが経験し...

27826?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2009%2f02%2f52-tm

  • Premium_s 2011/06/24

CSS Spriteを使ってパフォーマンスを改善。関連ソフトウェア×7選と実際の利用状況について

Webサイトの表示を高速化する際には幾つかの施策がとられます。ネットワークやハードウェアで変わることもあれば、ソフトウェアを改善することで性能が向上する場合もあります。その中で、Webデザインの中から貢献できるポイントとしてCSS Spriteがあります。CSS Spriteは一つの画像の中に幾つも小さな画像を配置し、...

27485?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2f3dsearch2_thumb1

  • 2011/06/22

Tesseract OCRをGUIから手軽に利用。画像やPDFをOCR処理する「gImageReader」

gImageReaderはTesseract OCRのWindows/Linux用GUIフロントエンド。PDFや画像をOCR処理する。gImageReaderはWindows/Linux用のオープンソース・ソフトウェア。リアルとデジタルを繋ぐ技術は常に人気が高い。地図、写真、位置情報、交通機関の情報などリアルに関係する...

27763?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fscreenshot2011-04-25-10.18.16_thumb

  • Premium_s 2011/06/21

写真をもっと楽しく。見せ方、加工を行うソフトウェア×31選

写真はオンラインにおいて人気の高いコンテンツの一つです。写真共有サイトとしては有名なFlickr、Picasa、フォト蔵などがあり、最近ではFacebookやTwitPicのようなサービスに人気が集まっています。写真には見せ方、撮影法などによって様々な楽しみ方があります。そこで今回は写真をただ見るだけでなく、加工したり...

26779?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2f3dsearch2_thumb1

  • 2011/05/17

個人的に好き。あえてScalaでExcelを操作する選択「ExcelHougan」

ExcelHouganはScalaを使ってExcelファイルを操作、作成するソフトウェア。ExcelHouganはScala製のフリーウェア(ソースコードは公開されている)。世の中、生きていくには妥協が必要だ。理想の世界などありはしない。みんなどこかで苦労したり、自分の志を曲げて現状に甘んじることがあるはずだ。生成され...