画像の記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。今回のテーマはWebブラウザベースの画像加工です。JavaScript、HTML5による新しいAPIの追加によってWebブラウザでも画像の加工がとても簡単にできるようになっています。いえ、Canvasを使った処理はテクニックが必要です。今回はそんなテクニックを手軽に導入できる各種ライブラリと、特性を紹介します。今回のテーマはスタンプ/画像レスです。LINEが一気に流行った要因の一つとして挙げられるのがスタンプの存在です。テキストで書くのではなく、画像を使うことで言いづらい内容もカジュアルに表現できるようになります。テキストの顔文字があり、さらにそれが絵文字やAAになって、現在はスタンプになっています。一般ユーザ向けに仕組...2011/01/13変わり種。Makerはクロスステッチを行うための図面を作成するソフトウェア。MakerはWindows用のオープンソース・ソフトウェア。女性をはじめ、編み物が趣味という人は多い。慣れてしまえば他のことを忘れて没頭して作業できるのが魅力なようだ。何よりモノを作るというのは楽しい行為だ。ClipperはWindows/Linux用のオープンソース・ソフトウェア。コンピュータを使っていると画像を扱う機会はとても多い。画像をそのまま使うと分かりづらいので一部だけ切り抜いて使うことも多いはずだ。そんな時に使うのが切り抜きだ。Retargetingは画像の指定範囲を消す構図変更ソフトウェア。RetargetingはWindows用のオープンソース・ソフトウェア。写真の中から一部のオブジェクトを消し、なおかつ画像全体のバランスを維持した技術としてシームカービングが知られている。Adobeが発表した技術で、非常...2011/01/03直接アクセスできない画像を読み込む「refchop」refchopはWebブラウザに変わってリファラーを付与した画像へのアクセスを行うWebプロキシ。/s2IfrefchopはRuby/Sinatra製のフリーウェア(ソースコードは公開されている)。ニュースサイトやECサイトなどで、画像の直接アクセスを禁止している所は少なくない。OSX/Linux用のオープンソース・ソフトウェア。3Dゲームをはじめとして、ゲームの風景を作る際に岩や樹木、壁などのテクスチャを必要とする時がある。いうフリー素材もあるが、同じものを使っていては単調な雰囲気になってしまう。...2010/10/04各種サービスのユーザアイコンを取得する「UserIcons」UserIconsはSinatra/Ruby製のオープンソース・ソフトウェア。APIを公開することでマッシュアップを多数生み出している。そんな中、よく使われるのがユーザアイコンだ。サービス利用時に登録する人も多いだろう。OpenIDやOAuthといった認証サービス...2010/10/01ドラッグアンドドロップで画像アップロード「Dropup」DropupはJavaScript製/Node.js用のフリーウェア(ソースコードは公開されている)。Gmailで使われている機能でとても便利なのが、メール作成時に添付ファイルをドラッグアンドドロップでアップロードできる機能だ。あれを自分のサイトで採用するととてもユーザビリティが高くなりそうだ。Engine用のオープンソース・ソフトウェア。Gmailの新機能として注目されている添付ファイルのドラッグアンドドロップでのアップロード機能。一度慣れると手放せなくなるほど便利な機能だ。これを他のシステムにも組み込むことはできないだろうか。ライブラリ化...2010/09/10スクリーンショットを2ステップアップロード「ClipUpload」ClipUploadはWindows用のオープンソース・ソフトウェア。自分のスクリーンショットをオンラインの友人に見せたいと思ったとき、どうすれば良いだろうか。個人宛ならメールでも良いが、メールアドレスを知らない相手だと送信できない。TwitPicのようなサービスを使う場合、サービスに接続してファイルアップロ...2010/08/20JavaScriptだけで画像イフェクト「PaintbrushJS」PaintbrushJSはJavaScript製のオープンソース・ソフトウェア。写真は撮ったそのままよりも加工した方がより印象深くなることがある。撮りためた数百枚という写真をすべて加工するのは大変だ。そのためにオンラインで画像加工を行うサービスも存在する。加工す...2010/08/15ダミー画像生成サービスplacehold.it用Rubyライブラリ「Placeholder」PlaceholderはRuby製のオープンソース・ソフトウェア。Webサービスのモックを作る際などにダミーの画像を当てておくことがある。した時に様々なサイズの画像を用意したり、その説明を付けたりするのは面倒な作業だ。ViewerはGoogle/JavaScript製のオープンソース・ソフトウェア。物を買うときには色々な角度から商品を見たいと思うだろう。一方向だからだけ眺めても実感が沸かなかったり、側面から捉えた写真があってもやはり分かりづらかったりする。その解決策としてGoogleが...2010/07/16色々なWebアプリケーションで使えそうなアイコン集「gcons」gconsは画像のフリーウェア(オープンソース・ソフトウェアとなっているがライセンスは不明)。WebサイトやWebアプリケーションを開発する時にデザインが成功するか否かを握る割合はとても大きい。文字で一つ一つ説明するのではなく、アイコンをうまく配置することで誤解が避けられたり、ユーザビリティが高くなる効果がある。AIR製のオープンソース・ソフトウェア。Tumblrは手軽なスクラッピングサイトとあって、テキストのみならず画像や動画の宝庫になっている。個人用というよりも何らかのテーマをもって収集している人が多いような気がする(それが個人の趣味なのかも知れないが)。OSX向けのフリーウェア。一眼レフのデジタルカメラでは一般的なJPEGでの保存の他にRAW(またはRAW+)形式での保存ができる。写真にこだわる方であればRAWファイルを選択していることだろう。Rails製のオープンソース・ソフトウェア。pixivに代表されるイラストコミュニティは昔から人気が高い。自分の作品を手軽に発表したり、誰かの作品にコメントしたりして楽しめる。二次創作の分野も活発だ。Chrome機能拡張のフリーウェア。ブログやアルバムサイト、CMSなどで多数利用されているLightbok。画像をクリックすると元画像を画面遷移することなく表示してくれる便利なライブラリだ。これに一度慣れると手放せなくなる。LibraryはWindows用のオープンソース・ソフトウェア。写真の中から人物を抽出するというのは難しい。FacebookやFlickrでは手作業で人物を割り当てられるようにしている。逆に自動化したいならば使えるのがOpenCVだ。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が724あります。blockworks。