mrubyでHTTP/2の画像変換サーバを作った - 人間とウェブの未来
この記事は、mruby advent calendar 2015の16日目の記事です。 画像やstaticコンテンツ配信系はHTTP/2が有利な状況が幾つかあるので、ついでにHTTP/2を喋る画像変換サーバのプロトタイプをmrubyで作ってみました。ベースはもちろんtrusterdです。なんていったってmrubyのHTTP/2サーバですからね！！ 最近また開発を再開しておりまして、昔はh2oやnghttp2のベンチマークに一緒に比較対象として入れてもらったりしていたのですが、しばらく離れているうちに皆さん先へ先へと行ってしまわれたので、また追いつけるようにセッセと勉強しながら実装しだしております。 github.com その他、trusterdについてはこの辺とか、 qiita.com この辺を見ていただくと良いかと思います。 hb.matsumoto-r.jp trusterdのビルド
perceptual hash(phash)を利用して画像比較をしてみる - テノニッキ (@hideack 's diary)
突然ですが画像がたくさんあってそれを人の目で分類するのって大変ですよね。 自動でこういったものを分類できないか興味があったので調べてみました。 perceptual hashとは perceptual hash というのは、ハッシュ関数の実装なのですがSHA1等のハッシュ関数とは違い、以下の様な特徴があります。 得られるハッシュ値は64bit 対象は静止画, 画像, 音声等のマルチメディアデータ コンテンツ内容が類似しているケースでハッシュを得た場合、例えば静止画画像の拡大、縮小といった加工の場合ハッシュ値が全く同じになる また、色調の修正やノイズが加わった場合も得られるハッシュ値間のハミング距離が近くなる 64bitのハッシュ値なので最も遠いハミング距離は64 (=全くコンテンツが異なっている) 逆にハミング距離が0であればperceptual hashで得られた結果上は同一コンテンツ
画像変換Nightに行ってきた - 絶品ゆどうふのタレ
http://connpass.com/event/11516/ とりあえず、見つかった限りのスライドは載せました。 発表者のみなさま、会場のGREEさん、ありがとうございましたm( )m 感想・まとめ 全体的に濃い話だった go-thumber使ってみたい 基本的にみんなImageMagick大好き というか、あまり他に優秀なインターフェースがないんだな、の印象 yoyaさんは神 自力でやりました、という話が中心で、こうやって楽にやってますという話はなかった 切り出しとか考えると、ASPつらいのかもね でもCloudinaryすごいよ？ ImageHayabusaへの期待感すごい サムネイルマスタとgo-thumber https://speakerdeck.com/harukasan/use-thumbnail-master-with-go-thumber はるかさんさん pixivの
WebPでモバイルアプリの通信量を劇的に削減する - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな
Base images
All Dockerfiles start from a base image. A base is the image that your image extends. It refers to the contents of the FROM instruction in the Dockerfile. For most cases, you don't need to create your own base image. Docker Hub contains a vast library of Docker images that are suitable for use as a base image in your build. Docker Official Images are specifically designed as a set of hardened, bat
Retina Images
Retina Images serves different images based on the device being used by the viewer, all you have to do is create a high-res version of each image.Automatically serve high-res images, to those who'll appreciate them. View project on GitHub Download Retina Images (v1.0) Mouse-over to see the effect of Retina Images This demo actually replicates what happens on retina devices Back to top About Retin
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
wkhtmltoimageをChefで入れてスクリーンショットを撮ってみる - テノニッキ (@hideack 's diary)
ストーリーボードでスライドページのスクリーンショットを取りたい。 という話があって、wkhtmltoimageを使ってみたらどうだろうと朝起きたら issueにコメントが付いていた*1のでインストールしてみました。OSはUbuntu 12.10です。 wkhtmltoimageは、webkitのエンジンを使ってページをレンダリングしてそれをJPGやPNG画像として保存することができます。 で、例によってChefを使ってレシピを下の様に書いてみました。 # default.rb %w{libxrender1 libfontconfig1 otf-ipafont-gothic libxext6}.each do |pkg| package pkg do action :install end end bash "wkhtmltoimage install." do user "root" cw
きんモザのアリスのgif画像を取得するAPIを作った - もがもがしいブログ
きんモザが終わる。 毎週楽しみにしていたきんモザが。 寂しい。 アリスと会えなくなることが、寂しい。 寂しいので、アリスのgif画像を取得できるAPIを作った。 http://mogashi.com/alice/ クエリストリング無しでアクセスするとランダムで Content-Type: image/gif な画像が降ってくる。 クエリストリングに使える有効なパラメータは以下の通り。 パラメータ説明id画像を一意に識別する ID。これを指定すると ep, no の指定は無効化される。ep話数。ep=1 なら第1話。no と一緒に指定して使う。なお作者は第6話のたこ焼きのシーンを作成して満足したため第7話以降のgif画像は存在しない。 10/5追記：11話のアリスの泣き顔に心を打たれたためgif画像を追加した。ついでに12話まで作成した。no話数の中の順番。no=1 に近いほど序盤のシーンに
GitHub - wvanbergen/chunky_png: Read/write access to PNG images in pure Ruby.
Decodes any image that the PNG standard allows. This includes all standard color modes, all bit depths, all transparency, and interlacing and filtering options. Encodes images supports all color modes (true color, grayscale, and indexed) and transparency for all these color modes. The best color mode will be chosen automatically, based on the amount of used colors. R/W access to the image's pixels
CSS3のみで色々な背景パターンを描画する - 情報建築学って何さ?
gradient() background-image に，gradient() を指定するとグラデーションを実現できます． 現状では，webkit, moz で指定方法が異なります． webkit のほうが面倒ですね．webkit の書式は変更するとか何とか．．． .rainbow { background-image: -moz-linear-gradient(left, red, orange, yellow, green, blue, navy, purple); background: -webkit-gradient(linear, left top, right top, from(red), color-stop(.14, orange), color-stop(.28, yellow), color-stop(.42, green), color-stop(.56, bl
初心者でも簡単に人物補正する3つのテクニック-Photoshop-
ちょっと前に雑誌作りをしていて(全200ページくらいorz) 大量な人物補正をしなくてはいけませんでした。 その時に学んだPhotoshopの人物補正テクを分かりやすくご紹介したいと思います。 by：dancing+bambi 補正とは？ 画像劣化について 人物補正3つのテクニック step1.明るさ・コントラスト step2.トーンカーブ step3.部分補正 -応用編-色黒美人を色白美人に 補正とは？ 意味としては”足りないところを補って、誤っている部分を正す”みたいな感じです。 せっかくとった写真、もうちょっとこうだったらなぁ〜っていうのを直していきます。 そしてまず初めに画像劣化についてかるく知っておきましょう。 画像劣化について JPEGデータは補正をすればするほど劣化していってしまいます。 つまり今からやろうとしていることは画像を劣化させてしまう行為なんです。 といっても補正し
簡単！リアルタイム画像変換をNginxだけで行う方法
先週金曜日（12/2）にクックパッドインフラ勉強会に参加しまして、そこで同社の成田さんから「今日からできるApacheモジュール開発と運用」という発表がありました。 リアルタイム画像変換モジュールの「TOFU」を開発するに至った経緯と、Apacheモジュール開発についてのお話でした。 TOFUは、S3に置かれたマスターとなる画像ファイルを取得し、与えられたパラメータでリアルタイム（オンザフライ）にリサイズ・トリミングを行うモジュール（mod_tofu）です。 料理を楽しくする画像配信システム 実際は、モジュールによる画像取得・変換をベースに、キャッシュや配信までも含めた一連の画像配信システムと言えそうです。 この仕組みをNginxを使って実装できないかと考えて、リアルタイム変換の仕組みをNginxだけで実現する方法を実験してみました。 準備するもの HttpImageFilterModul
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPEGのDCTブロックで コンテンツ指向のトリミング
GitHub - pixiv/go-thumber: dynamic JPEG thumbnailing proxy written in Golang
OpenStack Virtual Machine Image Guide — Virtual Machine Image Guide documentation
Technical Note TN2123: CrashReporter
http://www.pitecan.com/tmp/GyazoIME.mp4
mazusou_na_cookpad.user.js
http://keisuwabe.shikisokuzekuu.net/page078.html