JavaScriptで画像のオフラインキャッシュを実装する - KAYAC Engineers' Blog

もうすぐクリスマスシーズンなんですかね？本間です。 巷で話題のイケメンホイホイ（以下イケホイ）ですが、このたびiPhone用サイトがオープンしました。 それにあわせて新機能も搭載！イケメン写真にタグを付ける機能と、iPhoneでぼんやり眺めているだけで楽しいビューア機能です。 タグ機能はPC版にも搭載されましたので、ぜひぜひみんなで色んなイケメンにタグを付け合ってくださいね。 タグが付くことで、オススメの精度が上がりますよ！ ビューア機能は、自分がゲットしたイケメンズがiPhone上で次から次へと表示される機能です。 オフラインでも表示できる機能付き！ 電車の中で見るも良し、卓上に置いて眺めるも良しです。 あなた好みのイケメンがゾロゾロ。イケメンホイホイのサイトはこちら！ …うーん、ユーザ層がかぶらなそうだな、この記事。 さてさて、本題はHTML5の機能を使った画像のオフライン表示について

[typista]

JavaScriptで画像のオフラインキャッシュを実装する

[hidesuke]

BASE64でエンコードした画像データじゃないとローカルストレージにキャッシュできないのか……

[kawat_htn]

メモ

[octet08]

画像保存。後で確認

[hiro-rock]

"Offline Application Caching"とか"localStorageにbase64encodeして保存"とかで画像データをキャッシュさせるという話 自分も参考にして工夫してみる

[kkeisuke]

iPhoneでHTML5 単独ブラウザの強み

[edvakf]

Cookie に応じて manifest ファイルを生成するのがいいと思う。重い Canvas を使う必要ないし。誰がどの画像を見たかはサーバーで管理。(別に漏れがあってもいいし)//画像IDをCookieに入れたらいいや。

[rainbowsazaki]

XHRで画像（バイナリ）取得して、1文字？ずつ分解してBASE64にするって力技をどっかで見た。サンプルが2.X時代のiPhoneでも動いてた。くそ重いけど。

[R2M]

「一般的にHTML5で画像をオフライン表示可能にするのは難しくありません。 Offline Application Cachingの機構を使えば、manifestファイルに当該画像のパスを記述しておくだけで簡単にキャッシュできます。」へー、そんなのが追加

[youpy]

localStorage data スキーム

[os0x]

Base64だと容量喰いそうだけど大丈夫なのかな