Service Worker(PWA)でRangeリクエストに対応する - Qiita
'use strict'; importScripts('./build/sw-toolbox.js'); self.toolbox.options.cache = { name: 'ionic-cache' }; self.toolbox.precache( [ './build/main.js', './build/vendor.js', './build/main.css', './build/polyfills.js', 'index.html', 'manifest.json' ] ); self.toolbox.router.any('/*', self.toolbox.fastest); self.toolbox.router.default = self.toolbox.networkFirst; 原因 クライアントがサーバーから動画を取得する際に、HTTP Rangeリク
ServiceWorkerとCache APIを使ってオフラインでも動くWebアプリを作る - Qiita
はじめに Thetaの360°画像にぼかしを入れるWebアプリSphereBlur.comを作った際に、オフラインでも動くようにするために、HTML5の新しい技術Service Workerを使った。なお、下の動画でホーム画面からネイティブアプリっぽく起動しているのはWeb App Manifestのおかげである。 Service Worker Service Workerは、通常のページの環境とは別に、バックグラウンドで実行されるJavaScript実行環境で、ページからのネットワークリクエストを横取りしたり、ウェブサイトからのPush通知を受けとって表示するといった、今まではできなかった処理をすることができる。Push通知の方は、去年Facebookが使い始めたので有名になったが、今回はPush通知ではなく、ネットワークリクエストを横取りする機能を使ってオフライン対応をした。 ネットワ
Service Worker Offline Cache Techniques - Qiita
今回はService Workerを用いたオフラインキャッシュとそのテクニックについて紹介していきます。 Service Workerを用いたオフラインキャッシュを実装することで、インターネットに繋がっていない状態でWebページが閲覧可能になったり、高速でWebページを表示することが可能となります。 それでは順を追って解説していきましょう。 Service Workerとは まずはじめにService Workerとは、ブラウザとは別スレッドで動作するイベント駆動型のJavascript Workerのひとつです。 httpsプロトコルでしか利用できないものの、最近ではブラウザの実装も進み、広く利用され始めてきています。 元々はAppCacheの代替として、プログラマブルにキャッシュを扱えるAPIを目指して開発が始められました。 AppCacheには様々な実装上の問題点やセキュリティ上の問
Case studies | web.dev
Learn why and how other developers have used the web to create amazing web experiences for their users. `�ægU `��gU We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
