メディア - 画像の記事一覧
JS Cloudimage 360 View - 自由に360度させられる商品ビューワー
正面からの商品画像だけで購入を決めるのは難しい製品は多数あります。左右や後ろからの写真を見てはじめて自分の納得いくものかどうか判断するでしょう。しかしそのために動画を見るのは面倒です。今回紹介するJS Cloudimage 360 Viewは様々な角度から撮影した商品画像を使って360度回転できるウィジェットを生成しま...
Guetzli.js - Webブラウザ上でJPEGエンコーディング
デジカメやスマートフォンの普及によってデジタル画像コンテンツが爆発的に増えています。さらに、その画質は年々向上しており、サイズも肥大化しています。撮った写真をそのまま載せると数十MBあるということも少なくありません。そこで必要なのがリサイズであったり品質を変更した画像サイズの縮小処理です。今回はJavaScript/W...
Resemble.js - JavaScriptで画像の解析/比較
画像はテキスト以上に情報量が多いコンテンツです。テキストが細かく説明するよりも、写真を見た方が伝わるケースはとても多いです。そのためオンライン上には写真コンテンツが無数に存在します。そんな画像コンテンツをより深く楽しむのに使えるライブラリがResemble.jsです。Web上で画像を解析できます。## Resemble...
vr360 - Webベースの360度VRビューワー
ARやVRに注目が集まっています。Nintendo SwitchでもVRが実現できるようになり、さらにコンテンツの拡充が望まれるでしょう。そしてWebにはWebVRという標準技術も用意されています。今回紹介するvr360は360度のVRビューワーを簡単に作成できるソフトウェアです。## vr360の使い方デモです。デス...
corrupter - CLIでグリッチ画像を生成
グリッチは特定の層に人気の高い画像処理です。グリッチされて乱れた画像は昔のコンピュータ上で起きたエラー画像のようで、または古い写真を連想させる雰囲気があります。今ではなかなか発生しないために、敢えてグリッチされた画像を作るのが面白いです。今回紹介するのはcorrupterです。コマンド一つでグリッチ画像を生成します。#...
gombine - 画像を縦または横に連結
Twitterなどでは一つのツイートに対して貼れる画像の数に制限があります。そこで複数の画像を連結したりする技が使われます。しかし、そのために画像編集ソフトウェアを立ち上げるのは面倒です。そこで使ってみたいのがgombineです。コマンド一つで画像をつなげてくれます。## gombineの使い方縦に連結した版。!
ArchiveBox - Webコンテンツをアーカイブ
オンライン上には二種類の情報が存在します。一つは未知の情報、一つは既知の情報です。未知の情報を探す際にはWeb検索が便利なのですが、既知の情報は意外とうまく探せません。一度見た情報がフィルタになってしまい、キーワードがうまく出てこなかったり間違ったりしてしまいます。そこで既知の情報をローカルにバックアップしておくと便利...
Epitactic Cloud Browser - クラウド上にあるWebブラウザ
スマートフォンやタブレットでもPC版のWebブラウジングが必要な場面があります。そんな時、便利なのがクラウド上にあるWebブラウザです。しかしHTMLをそのまま返してしまったのでは意味がありません。そこで使ってみたいのがEpitactic Cloud Browserです。クラウドブラウザの名に恥じない動きをしてくれます...
gif2xlsx - アニメーションGIFをExcel化
訳分かんねぇ…。アニメーションGIFが好きな方、大勢いますよね。そしてExcelが好きな方もきっとたくさんいるはず。つまりその両方が好きな方達も多い訳です。だからこの二つが一緒に楽しみたいという方も少なくないはずです（？）。そんな方に使ってみて欲しいのがgif2xlsxです。アニメーションGIFをExcelにしてくれる...
marker.js - Web上の画像に注釈を追加
写真にマーカーを付けたり、注釈を入れたいと思うことがあるでしょう。通常は画像編集ソフトウェアを使って行います。Webブラウザからであれば一度画像をダウンロードした後、編集しなければならず面倒です。そこで使ってみたいのがmarker.jsです。Webブラウザ上から手軽に画像への注釈追加が可能です。## marker.js...
NSFW JS - 職場厳禁な写真を判定
NSFWというのはNot Safe For Workの略で、職場では見るのに相応しくないコンテンツ（写真や動画など）のことを指します。万一そんなものを見ているところを同僚（特に異性）に見られたらどんな仕打ちを受けるか分からないでしょう。そこで使ってみたいのがNSFW JSです。問題のあるコンテンツを表示しないように制御...
Icotar - アイコンを動的に配信するサーバ
SVGも広まってはいますが、それでもなおPNGなどの画像を利用しているケースは多いです。そんな時、デバイスごとに最適なサイズを考えないと過剰にネットワークを消費したり、低解像度な画像を配信したりしてしまいます。そこで使ってみたいのがIcotarです。Material Design
実績解除ったー - 実績を解除しよう
ゲームなどをやっているとはじめて行ったアクションや累積ポイントに対して実績が解除されます。実績を解除すると、それが一覧として表示されます。すべての実績を解除しようと躍起になる人もいるでしょう。そんな実績解除好きな人たちに送りたいのが実績解除ったーです。自分の好きな言葉、色で実績を解除できます。## 実績解除ったーの使い...
dimage.js - アニメーションGIFよ、進化せよ！
人は常に進化していなければなりません。立ち止まったら、それは停滞ではなく退化のはじまりであると捉えるべきです。写真から動画、二次元から三次元が作られるように次のアクションが求められるのです。今回紹介するdimage.jsも同じです。二次元に留まるな、がコンセプトなソフトウェアとなっています。## dimage.jsの使...
lsix - ターミナル上で画像を表示
ターミナル上で画像を表示する方法は幾つかあります。iTerm2などは独自に画像表示を行う機能がありますが、それではなかなか標準として広がっていきません。ターミナル界隈ではSixelがその有力候補として知られています。今回紹介するlsixはターミナル上で画像を表示するソフトウェアで、lsでファイル名の代わりに画像を表示す...
gallery-dl - 多数の画像サイトに対応したダウンローダー
イラストサイトなど、画像をまとめてダウンロードしたいことがよくあります。Webブラウザでクリックしながら行っているのは非常に面倒ですし、ストレスを感じてしまうでしょう。有名なサイトであれば専用のダウンローダーも作られたりしますが、サイトごとに用意するのは面倒です。そこで使ってみたいのがgallery-dlです。多数の画...
GIF Brewery - 動画やデスクトップ操作を記録してアニメーションGIFを作成
アニメーションGIFの需要が高まっています。動画だと面白くない部分まで再生されますが、アニメーションGIFは短く、ハイライト部分だけを繰り返し再生します。無音なのも想像力がかき立てられるので面白いです。そんなアニメーションGIFを作る方法はいくつかありますが、今回は様々な機能を備えたGIF Breweryを紹介します。...
「#いいねvsRT」画像メーカー - いいねとリツイートで競え！
Twitterではいいねとリツイートの二つのリアクションが用意されています。通常、そのどちらを使うかはユーザに一任されており、自分の中でルールを作って使い分けている人が多いでしょう。しかし、この機能を逆手に取ることもできます。それが今回紹介する「#いいねvsRT」画像メーカーです。いいねとリツイートで投票を行う、そんな...
Image Map Resize - イメージマップをレスポンシブに
地図や写真などで一部をクリッカブルにする際に、昔はイメージマップを使うのが一般的でした。今はJavaScriptやCanvas、SVGで処理するかも知れませんが、イメージマップもWeb標準として利用できる機能です。ただし昔の機能なので、座標の設定などで制約が多い機能でもあります。そんなイメージマップをレスポンシブにして...
Squoosh - 高性能な画像圧縮Webアプリケーション
デジカメやスマートフォンのカメラが性能向上するのに合わせて画像のサイズがどんどん大きくなっています。その結果、バックアップや写真の表示でネットワーク帯域を消費することになってしまいます。これは今後どんどん問題が大きくなっていくでしょう。Appleでは新しい画像フォーマットHEICを作りました。対してGoogleはSqu...