HTML5: Cache manifest - ごみ箱
授業中、プリントにプログラムを書いていた＼黒歴史／簡単に言うとHTML5で追加されたキャッシュの最強版みたいなの。 データをローカルにキャッシュする事によってページの表示速度を格段に向上させられるみたいな感じで期待されてみたいです。 (画像を含めるすべてのリソースがしようと思えばローカルにキャッシュできるため) 今作ってるWebサービスに導入しようと思って勉強してみたのでメモっておく。 必要なもの 1,manifestファイル(拡張子は*.manifestで統一するのが決まり) 2,キャッシュの更新などを伝えるHTML/jsなどのリソースファイル(ここではm.htmlとmain.js) 3,サーバー マニフェストファイル(cache.manifest)の編集 [perl]CACHE MANIFEST #これが絶対先頭にくる必要がある CACHE: #明示的に下のほうにキャッシ
HTML5のcache manifest（キャッシュマニフェスト）を導入してみよう！ | HOPS Laboratory
ホップスの辻です。今回はキャッシュマニフェストをご紹介します。 キャッシュマニフェストを使うと、ローカル上（自分のパソコン）にファイル（htmlやjpg等）をキャッシュできます。 通常のブラウザのキャッシュの最強版みたいな感じです。 キャッシュマニフェストを使用しているサイトなら、初回アクセス時にはキャッシュ（ローカルに保存）をし、次からはローカルからファイルを見るので高速化が期待できます。 さあ、早速使ってみよう！ まずは確認用のブラウザを準備しましょう。 2010年6月29日段階では以下のブラウザで使用できます。必要に応じてダウンロードしましょう。 １）Firefox 3.6.6 [ダウンロード先] ２）Safari 5.0 [ダウンロード先] ３）Google Chrome [ダウンロード先] マニフェストファイルを作る キャッシュマニフェストを使う場合には「好きな名前.mani
キャッシュマニフェストを設定！でも… | HTML5GOGO
キャッシュマニフェストとは HTML5の周辺技術で、以前からブラウザに実装されているブラウザキャッシュよりも、強力なローカルへのキャッシュを制御するAPI（Offline Application Caching APIs）の設定ファイルです。 http://www.w3.org/TR/offline-webapps/#offline 設定してみましょう まず、キャッシュマニフェストファイルを作ります CACHE MANIFEST # #から始まる1行はコメント # ↑先頭には必ず、「CACHE MANIFEST」 # Version: 2010121701 # ↑Versionはキャッシュの更新のために、設定しておくと楽。 CACHE: # ↑「CACHE:」以降がローカルにキャッシュする対象 # 「CACHE:」がなくても、同じ意味。 /admin/wp-content/themes/h
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (4) キャッシュマニフェストの記述 | エンタープライズ | マイコミジャーナル
キャッシュマニフェストは、ローカルにキャッシュするリソースの情報をブラウザに伝えるための簡単なテキストファイルであり、UTF-8で記述する必要がある。以下のマニフェストは、hello.htmlとhello.jsという2つのリソースをキャッシュするようブラウザに伝える。 hello.manifest CACHE MANIFEST # 「#」で始まる行はコメント # ファイルの先頭はCACHE MANIFESTで始まる必要がある # マニフェストファイルにはバージョンを記述しておくのが通例 # マニフェストが更新されたかどうかはファイル内容の厳密な比較で行われるため、 # リソースの内容が変化したらバージョン番号を変更する、という運用が一般的 # Version: 200907211108 # キャッシュするリソースを明示的に列挙する # セクションを指定していない場合は、キャッシュリソース
HTML5でiPhone用Webアプリをオフライン対応に
HTML5でiPhone用Webアプリをオフライン対応に：iPhoneで動かす業務用Webアプリ開発入門（5）（1/2 ページ） モバイルWebアプリはオフライン対応が必須！ いよいよ最終回の今回は、「Application Cache（アプリケーションキャッシュ）」を使います。 HTML5で導入されたアプリケーションキャッシュを使うと、WebアプリをWebブラウザのキャッシュに載せてオフラインで利用できるようになります。特に、前回の「HTML5のlocalStorageでiPhone用Webアプリを高速化」で紹介したHTML5の「localStorage」と組み合わせると、一度ダウンロードしたデータについては完全にオフラインでアプリが動作するようになります。 オフラインでの利用に対応して、3G回線など接続が安定しない環境でも業務用Webアプリが快適に使えるようにしてみましょう。 「キャッ
Safariのアプリケーションキャッシュを試す - iPod touchで遊ぶ (iPhoneもね）
iPhone/iPod touchのSafariは、HTML5準拠のアプリケーションキャッシュ機能を実装している。 これはクラインアント側でキャッシュするファイルを制御できるもので、これを利用すると、オフライン状態でwebアプリを動作させることが可能になる。 HTML5仕様 http://www.whatwg.org/specs/web-apps/current-work/#appcache アプリケーションキャッシュを制御するには、キャッシュマニフェストファイルというものをサーバ側に設置する。これにはクライアント側にキャッシュさせたいURIを記述したもので、具体的には以下のようになる。 CACHE MANIFEST #comment index.html code.js img/icon.pngこの例では、index.html,code.js,img/icon.pngの3つのファイルをキ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リアルタイムチャット
http://blog.monoweb.info/archives/1048