PWAで注目されるオフラインWebアプリをService WorkersとPouchDBで実装しよう
グーグルのPWA（Progressive Web Apps）の登場によって、再び注目されているWebアプリのオフライン機能。Service WorkersとPouchDBを使って実装する実例を紹介。 オフラインWebアプリがどんどん使われるようになっています。オフラインのサポートが重要になった結果、最初にオフラインでの利用を考える「オフライン・ファースト」を話題にするのが普通になりました。また、プログレッシブWebアプリ（PWA）という考え方が現れたのもオフライン・サポートが普及し始めた一因になっています。 この記事では、アセット・キャッシング、クライアント側のデータストレージ、リモート・データストアとの同期などの機能を利用して、基本的な電話帳Webアプリにオフライン・サポートを追加する方法を説明します。 アプリのソースコードはGitHubで入手できます。 なぜオフライン・サポート？ なぜ
オフライン ウェブ アプリケーション－HTML5のAPI、および、関連仕様
■オフラインでもウェブアプリケーションを利用可能に HTML5では、インターネットに接続していないオフラインの状態でも、 ユーザーがウェブアプリケーション（ウェブサイト）を利用できるようにするための、 キャッシュマニフェストと呼ばれる仕様が追加されています。 この仕様の基本的な仕組みは、ユーザーがインターネットに接続してウェブアプリケーションを利用した際に、 HTMLファイル・CSSファイル・JavaScriptファイル・画像ファイル…などの ウェブアプリケーションの利用に必要となるファイルをユーザーのローカル環境にダウンロード保存して、 次回からはオフラインでもウェブアプリケーションを利用できるようにするというものです。 このような仕組みでサーバー上のファイルをローカル環境にダウンロード保存することをキャッシュ（CACHE＝貯蔵所・貯蔵物）といいますが、 ウェブアプリケーションをオフライ
いまさら聞けない「オフラインWeb」入門──オフラインでも使えます
いまさら聞けない「オフラインWeb」入門──オフラインでも使えます：いまさら聞けないリッチクライアント技術（14）（1/3 ページ） Webアプリケーションだって、オフラインで使いたい！という声に応えるスタンドアロン型「オフラインWebアプリ」。Google Gears、Adobe AIR、Prismの3つを紹介（編集部） 今回取り上げる用語は「オフラインWeb」です。皆さんも一度は聞いたことがあるのではないでしょうか。では、オフラインWebとは実際どんなものなのかを、早速、紹介していきましょう。 オフラインWebってなに？ ネットワークにつながっていないオフライン状態で、Webアプリケーションが使いたいケースってありませんか？ 今回紹介するのは、そういった要求に応える、デスクトップ上のスタンドアロン型Webアプリケーションです。 一般的に、「オフラインWeb」もしくは「オフラインWebア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オフラインWebアプリの仕組み
