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

画像の記事一覧

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

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

もっと見る

None

  • Premium_s 2016/07/22

業務で使えるオープンソース(197)「Webブラウザ画像加工」

今回のテーマはWebブラウザベースの画像加工です。JavaScript、HTML5による新しいAPIの追加によってWebブラウザでも画像の加工がとても簡単にできるようになっています。とはいえ、Canvasを使った処理はテクニックが必要です。今回はそんなテクニックを手軽に導入できる各種ライブラリと、特性を紹介します。##...

List

  • Premium_s 2014/04/11

業務で使えるオープンソース(107)「スタンプ/画像レス」

今回のテーマはスタンプ/画像レスです。LINEが一気に流行った要因の一つとして挙げられるのがスタンプの存在です。テキストで書くのではなく、画像を使うことで言いづらい内容もカジュアルに表現できるようになります。元々テキストの顔文字があり、さらにそれが絵文字やAAになって、現在はスタンプになっています。一般ユーザ向けに仕組...

24505?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2f3dsearch4_thumb

  • 2011/01/13

変わり種。画像からクロスステッチの図面をおこす「Scheme Maker」

Scheme Makerはクロスステッチを行うための図面を作成するソフトウェア。/s2IfScheme MakerはWindows用のオープンソース・ソフトウェア。女性をはじめ、編み物が趣味という人は多い。慣れてしまえば他のことを忘れて没頭して作業できるのが魅力なようだ。何よりモノを作るというのは楽しい行為だ。画像を読...

24355?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f12%2fscreenshot%ef%bc%882010-12-27-13.44.58%ef%bc%89

  • 2011/01/06

たくさんの画像/動画からの一部を切り抜く作業をする時に便利「Image Clipper」

Image ClipperはWindows/Linux用のオープンソース・ソフトウェア。コンピュータを使っていると画像を扱う機会はとても多い。画像をそのまま使うと分かりづらいので一部だけ切り抜いて使うことも多いはずだ。そんな時に使うのが切り抜きだ。マウスでの切り抜き範囲指定切り抜きではマウスを使って範囲を指定して実行す...

24322?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f12%2f3dsearch7

  • 2011/01/05

写真から指定範囲を自然に消し去る「Image Retargeting」

Image Retargetingは画像の指定範囲を消す構図変更ソフトウェア。/s2IfImage RetargetingはWindows用のオープンソース・ソフトウェア。写真の中から一部のオブジェクトを消し、なおかつ画像全体のバランスを維持した技術としてシームカービングが知られている。Adobeが発表した技術で、非常...

24298?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f12%2fscreenshot%ef%bc%882010-12-22-11.59.06%ef%bc%89

  • 2011/01/03

直接アクセスできない画像を読み込む「refchop」

refchopはWebブラウザに変わってリファラーを付与した画像へのアクセスを行うWebプロキシ。/s2IfrefchopはRuby/Sinatra製のフリーウェア(ソースコードは公開されている)。ニュースサイトやECサイトなどで、画像の直接アクセスを禁止している所は少なくない。今は止めているようだが、かつてITmed...

22302?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f09%2fscreen-shot-80

  • 2010/10/14

ゲームや3Dのテクスチャ作成に「NeoTextureEdit」

NeoTextureEditはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。3Dゲームをはじめとして、ゲームの風景を作る際に岩や樹木、壁などのテクスチャを必要とする時がある。そういうフリー素材もあるが、同じものを使っていては単調な雰囲気になってしまう。よりリアルなテクスチャが作成できる そ...

22467?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f09%2fscreen-shot-197-tm

  • 2010/10/04

各種サービスのユーザアイコンを取得する「UserIcons」

UserIconsはSinatra/Ruby製のオープンソース・ソフトウェア。今は多数のWebサービスが存在し、Web APIを公開することでマッシュアップを多数生み出している。そんな中、よく使われるのがユーザアイコンだ。サービス利用時に登録する人も多いだろう。トップページ OpenIDやOAuthといった認証サービス...

22421?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f09%2fscreen-shot-183-tm

  • 2010/10/01

ドラッグアンドドロップで画像アップロード「Dropup」

DropupはJavaScript製/Node.js用のフリーウェア(ソースコードは公開されている)。Gmailで使われている機能でとても便利なのが、メール作成時に添付ファイルをドラッグアンドドロップでアップロードできる機能だ。あれを自分のサイトで採用するととてもユーザビリティが高くなりそうだ。 しかしその実装となると...

List

  • 2010/09/30

ドラッグアンドドロップで画像をアップロードするGAEサービス「DropMocks」

DropMocksはPython製Google App Engine用のオープンソース・ソフトウェア。Gmailの新機能として注目されている添付ファイルのドラッグアンドドロップでのアップロード機能。一度慣れると手放せなくなるほど便利な機能だ。トップ画面 これを他のシステムにも組み込むことはできないだろうか。ライブラリ化...

List

  • 2010/09/10

スクリーンショットを2ステップアップロード「ClipUpload」

ClipUploadはWindows用のオープンソース・ソフトウェア。自分のスクリーンショットをオンラインの友人に見せたいと思ったとき、どうすれば良いだろうか。個人宛ならメールでも良いが、メールアドレスを知らない相手だと送信できない。設定画面 TwitPicのようなサービスを使う場合、サービスに接続してファイルアップロ...

21963?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f08%2f%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88%ef%bc%882010-08-19-13.45.33%ef%bc%89

  • 2010/08/20

JavaScriptだけで画像イフェクト「PaintbrushJS」

PaintbrushJSはJavaScript製のオープンソース・ソフトウェア。写真は撮ったそのままよりも加工した方がより印象深くなることがある。ただ、撮りためた数百枚という写真をすべて加工するのは大変だ。そのためにオンラインで画像加工を行うサービスも存在する。横並びの写真はすべて同じもの だが元々は同じ写真だ。加工す...

Missing

  • 2010/08/15

ダミー画像生成サービスplacehold.it用Rubyライブラリ「Placeholder」

PlaceholderはRuby製のオープンソース・ソフトウェア。Webサービスのモックを作る際などにダミーの画像を当てておくことがある。そうした時に様々なサイズの画像を用意したり、その説明を付けたりするのは面倒な作業だ。ダミー画像を生成するplacehold.itフロントエンド そんな中登場したPlacehold.i...

21773?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f08%2f%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88%ef%bc%882010-08-02-15.16.36%ef%bc%89

  • 2010/08/04

360度回転できる画像ビューワー「Swivel Viewer」

Swivel ViewerはGoogle/JavaScript製のオープンソース・ソフトウェア。物を買うときには色々な角度から商品を見たいと思うだろう。一方向だからだけ眺めても実感が沸かなかったり、側面から捉えた写真があってもやはり分かりづらかったりする。マウスで回転させられるビューワー その解決策としてGoogleが...

List

  • 2010/07/16

色々なWebアプリケーションで使えそうなアイコン集「gcons」

gconsは画像のフリーウェア(オープンソース・ソフトウェアとなっているがライセンスは不明)。WebサイトやWebアプリケーションを開発する時にデザインが成功するか否かを握る割合はとても大きい。文字で一つ一つ説明するのではなく、アイコンをうまく配置することで誤解が避けられたり、ユーザビリティが高くなる効果がある。こんな...

List

  • 2010/03/16

Tumblrに保存された画像をスライドショーで楽しむ「Tumblr slide show」

Tumblr slide showはAdobe AIR製のオープンソース・ソフトウェア。Tumblrは手軽なスクラッピングサイトとあって、テキストのみならず画像や動画の宝庫になっている。個人用というよりも何らかのテーマをもって収集している人が多いような気がする(それが個人の趣味なのかも知れないが)。お気に入りTumbl...

List

  • 2010/03/13

RAWファイルをJPEG/TIFF/PNGへ変換する「Rawker」

RawkerはMac OSX向けのフリーウェア。一眼レフのデジタルカメラでは一般的なJPEGでの保存の他にRAW(またはRAW+)形式での保存ができる。写真にこだわる方であればRAWファイルを選択していることだろう。これは余計な処理を施さないファイル形式(撮ったそのまま)とでも言うべきものだ(間違っていたらご指摘いただ...

List

  • 2010/02/22

イラストコミュニティソフトウェア「Danbooru」

DanbooruはRuby on Rails製のオープンソース・ソフトウェア。pixivに代表されるイラストコミュニティは昔から人気が高い。自分の作品を手軽に発表したり、誰かの作品にコメントしたりして楽しめる。二次創作の分野も活発だ。日本でも人気の高いイラストコミュニティ そんなイラストコミュニティサイトを自分でも作っ...

List

  • 2010/02/17

任意のサイトの画像リンクをLightbox風に表示する「Image Preview」

Image PreviewはGoogle Chrome機能拡張のフリーウェア。ブログやアルバムサイト、CMSなどで多数利用されているLightbok。画像をクリックすると元画像を画面遷移することなく表示してくれる便利なライブラリだ。これに一度慣れると手放せなくなる。画像をクリックすると画面遷移せずに拡大表示 逆にその画...

List

  • 2010/02/06

Windowsで手軽にOpenCVを試せる「Active Shape Model Library」

Active Shape Model LibraryはWindows用のオープンソース・ソフトウェア。写真の中から人物を抽出するというのは難しい。FacebookやFlickrでは手作業で人物を割り当てられるようにしている。逆に自動化したいならば使えるのがOpenCVだ。サンプルの画像で試した所 OpenCVを使えば顔...