Web、モバイル開発者のための画像管理クラウドサービスCloudinaryが超便利な件 - Qiita
Cloudinaryは、Web、モバイル開発者のための画像管理クラウドサービスです。 公式サイト Cloudinary 特徴 単純に、画像をアップロードし、保存するだけでなく、画像加工まで簡単にできてしまいます。 特に画像加工のお手軽さはやみつきです。 画像のリサイズ、トリミング、エフェクト、アングルなどなどが簡単に行えます。 また、Cloudinaryのクライアントライブラリは Ruby on Rails, PHP, Node.js, Angular, .Net, Python & Django, jQuery, Java, Scala, Android, iOS and more. と充実しており、 使い方も超簡単で、例えばNode.jsの場合、以下の様な感じで画像のアップロードができちゃいます。 cloudinary.uploader.upload("sheep.jpg", func
UITabBarのデザインを変更する｜Pentacreation BLOG
変更するのは以下の4点です。 ・UITabBarの背景画像 ・Selection Indicator Image ・アイコン ・タブのタイトルテキストの位置とカラー ● UITabBarの背景画像を変更する UITabBarの背景画像は、320px × 49pxの画像（UIImage）をUIAppearanceを使用して下記のように設定します。※Retina用には倍の解像度の画像が必要です。 ● SelectionIndicatorImageを変更する Selection Indicator Imageは、タブが選択されている時の、背景画像とアイコンとの間に描画される「選択中」であることを示す画像です。Selection Indicator Imageの画像サイズは、( 320px / タブの個数 ) × 49pxで、こちらもUIAppearanceを使用して、下記のように設定します。 ※
BLOG.VILMAVALIENTE.COM: Customize UINavigationBar and UITabBar using the iOS5 Appearance Proxy
blog.vilmavaliente.com Just a Few Tips & Tricks at a Time... » Also visit vilmavaliente.com BLOG.VILMAVALIENTE.COM: Customize UINavigationBar and UITabBar using the iOS5 Appearance Proxy Do you ever envy Instagram tab bar with that middle button popping out? Not contented with the limited UI options provided by the default navigation bar? Well, there’s a quick and easy way to implement that using
appearanceプロキシを使ってUI要素の外見を一括カスタマイズ - 甘いものが好きです
iOS 5.0より前のバージョンのiOS SDKではUI要素の外見をカスタマイズするためには、 各オブジェクトごとにプロパティの変更等の個別設定を行う サブクラス化してdrawRect:をオーバーライドする などの方法をとらなければらななかったが、iOS 5.0では各種UI要素のクラスにいくつかのメソッドが追加されており、それらを使用することにより従来より容易にUI要素の外見を制御できる。また、iOS 5.0で追加されたUIAppearanceプロトコルを利用すれば、様々なUI要素の外見を一括でカスタマイズすることができる。 サンプルプロジェクト User Interface Customization in iOS 5 - Ray Wenderlich 上記リンク先の記事では、Navigation Bar, Bar Button Item, Text Field, Slider, Swi
面白い！自分のサイトに高度な画像編集機能を提供する·jquery.deviantartmuro MOONGIFT
jquery.deviantartmuroはWeb画像編集サービスのdeviantART muroを埋め込みサービスとして呼び出すjQueryプラグインです。 Webブラウザ上でできることは多岐に渡る訳ですが、ペイントですらWebベースで行う時代になっています。その高機能ペイントサービスとして知られるdeviantART muroを自分のWebサイトに埋め込んで使えるのがjquery.deviantartmuroです。 この画像を自由に編集できます。 もはや普通のペイントアプリです。 レイヤーにも対応。 エクスポートできます。 拡大も可能。 囲い込みでの範囲指定も。これがWebアプリケーションとはすごい時代になったものです。 jquery.deviantartmuroはペイントソフトウェアとしての機能を提供する訳ではなく、あくまでもdeviantART muroの機能を埋め込みで提供してい
インターンでmod_small_lightを拡張した話 - pixiv engineering blog
先月からpixivの選考インターンに来ている@knmkrと申します。 インターンではbokkoさんのもと、 動的にサムネイルを生成するmod_small_lightを拡張する課題に取り組みました。 Github: mod_small_light (with GraphicskMagick) mod_small_lightによる動的サムネイル生成 pixivのように画像を大量に扱うwebサービスでは、サムネイルもまた大量に必要となります。大量のサムネイルを扱う場合、 サムネイルを保存するのに大容量のストレージが必要 サイトのデザイン変更に伴う新規サムネイルの生成コストが高い といったことが問題になります。 そこで、pixivでは一部のサムネイルは事前に用意せず、画像を配信する際にmod_small_lightでサムネイルに変換する「動的サムネイル生成」が行われています。 mod_small
ライブドアのsmalllightを使って動的に画像をリサイズしてみる – cat /dev/random > /dev/null &
small lightシリーズ [1] ライブドアのsmalllightを使って動的に画像をリサイズしてみる [2] いろいろsmalllightを使って動的に画像をリサイズしてみる [3] smalllightでのエンジンの選択の仕方 [4] smalllightでのエンジンの選択の仕方 (ヒントオプション追加） 最近、動的に画像をリサイズするのが流行っているようです。 ゆめみラボのmod_ktaiやクックパッドのmod_tofu、livedoorラボEDGEのsmall_lightなどいろいろありますが 今回small_lightを使ってみたので記事を書いてみます。 ついでに速いと噂のlibjpeg-turboも入れてみます。 smalllightとは 公式を見るのが一番早いとは思うので一度見てみてください。（→smalllight） 僕がsmalllightで特にいいなぁと思ったのが
簡単！リアルタイム画像変換をNginxだけで行う方法
先週金曜日（12/2）にクックパッドインフラ勉強会に参加しまして、そこで同社の成田さんから「今日からできるApacheモジュール開発と運用」という発表がありました。 リアルタイム画像変換モジュールの「TOFU」を開発するに至った経緯と、Apacheモジュール開発についてのお話でした。 TOFUは、S3に置かれたマスターとなる画像ファイルを取得し、与えられたパラメータでリアルタイム（オンザフライ）にリサイズ・トリミングを行うモジュール（mod_tofu）です。 料理を楽しくする画像配信システム 実際は、モジュールによる画像取得・変換をベースに、キャッシュや配信までも含めた一連の画像配信システムと言えそうです。 この仕組みをNginxを使って実装できないかと考えて、リアルタイム変換の仕組みをNginxだけで実現する方法を実験してみました。 準備するもの HttpImageFilterModul
iOSなどのスマートフォンのブラウザ側でリサイズをおこないファイルアップロードを爆速にする - 僕は発展途上技術者
iOS 6 より Safari からファイルをアップロードできるようになり、写真投稿が必要なウェブサービスで、投稿のためだけにアプリを用意する必要はなくなったかなあ、と最初は思っていました。 ところが、iPhone 5 などで撮った写真などはファイルサイズが結構大きく、Safari からアップロードするときはそのままのサイズで送るため、外出先で 3G だとアップロードにものすごく時間がかかってしまい、ほとんど使い物になりません。 そこで、アップロード前にブラウザ側で写真をリサイズできる方法はないかと探したところ、 » IOS6 and Safari Photo Uploading - File API + Canvas + jQuery Ajax Uploading and Resizing Files Asynchronously - Stack Overflow で紹介されていた »
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
[新iPad2/iPhone5 対応版] アプリ作ったら用意する画像サイズの一覧 : 管理人@Yoski
新しい iPad もリリースされて、用意すべき画像サイスがわけわからなくなってきたのでチト整理しときますね。 ※2012/9/13 iPhone5 対応追加 アプリ作ったら用意する画像のサイズ一覧（保存版） - iPhone/iPad アプリアイコン * 57x57 * 114x114 (@2x) * 72x72 (iPad用だけどiPhoneアプリでも用意するべき) * 144x144 (@2x)(iPad用だけどiPhoneアプリでも用意するべき) * 29x29 (検索結果用 - 必須ではない) * 58x58 (@2x)(検索結果用 - 必須ではない * 50x50 (必須ではない。iPad 対応してなければ不要) * 100x100 (@2x)(必須ではない。iPad 対応してなければ不要) * 512x512 (アプリ申請時に必要) (@2x)とついてるものは、ファイル名を x
本当は速いImageMagick: サムネイル画像生成を10倍速くする方法 - 昼メシ物語
一般的に ImageMagick のサムネイル画像生成は遅いとされており、パフォーマンスが求められるシーンでは Imlib2 などのより高速な画像処理ライブラリが使われることが多いです。 Imlib2 の高速さについては、以前「Imlib2でImageMagickより3倍高速かつ美しいサムネイル画像の生成 - 床のトルストイ、ゲイとするとのこと」という記事で紹介しました。この記事のベンチマークにおいて、Imlib2 によるサムネイル画像の生成は、 ImageMagick の3倍程高速でした。 しかし、 ImageMagick は Imlib2 より画質がよく、高機能で使いやすく、今も頻繁にメンテナンスされており、とてもよく出来ています。その点 Imlib2 は、2004年からメンテナンスされておらず、セキュリティホールが見つかっても、各Linuxディストリビューションがそれぞれパッチを当て
ペーストするだけですぐに画像がアップロードできる「Snag.gy」 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
商用OK・無料でクレジット表記もリンクも不要！日本人の人物写真素材サイト・モデルピース - かちびと.net
これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思
完全に状況を掌握した画像の遅延読み込みの実現 - latest log
IE8の挙動について追記しました。 IE8は、img.complete は 画像読み込みでも true になりません(falseのままです)。 そのかわり、img.readyState が "complete" になります。 JavaScriptでの画像の動的/遅延読み込みといえば (new Image).src = URL; なんですが、 タイムアウトやエラーの状況を把握したい時もあったりします。GoogleMapライクなアプリを作ってるときとか。 今回ちょっと必要になったのでまずは調査から。 以下のコードで、存在しないファイル(missing.jpg)を読み込ませ、実行経路を確認してみます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
Amazon API 画像URLのサイズ変更まとめ
読書メーターやゲームメーターなどはAmazon APIを利用して本やゲームの画像を利用しています。 で、画像利用の際に画像サイズの指定がいろいろあるのでそちらをちょっとまとめてみます。 基本的なAmazonの画像URL サンプル画像として今読んでいるかなーり面白いパズル・パレスの画像を利用します。 http://ecx.images-amazon.com/images/I/51-xLR6sCxL._SX150_.jpg URLの「51-xLR6sCxL」がおそらく商品区別IDでその後に続く「SX150」というのが画像サイズを指定するものです。 横幅をそろえるSX 横幅をそろえる場合はSXを利用します。 例えば横幅を150pxにしたい場合は http://ecx.images-amazon.com/images/I/51-xLR6sCxL._SX150_.jpg とします。 横幅をそろえるS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kaleidoscope — File comparison for Mac
Yoski on Twitter: "WebPurify すげぇｗｗｗｗ 画像なげたら 20 秒で人間がチェックして callback 投げてきたｗｗｗ これまじで人間チェックしてんの？画像チェック1枚2¢とか安すぎなですけど"
http://blogging.from.tv/wp/2009/11/11/2884
