GitHub - mizchi/trans-loader: webpack-less frontend with service-workerYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Beyond SPAs - alternative architectures for your PWA | Blog | Chrome for Developers
Let's talk about... architecture? I'm going to cover an important, but potentially misunderstood topic: The architecture that you use for your web app, and specifically, how your architectural decisions come into play when you're building a progressive web app. "Architecture" can sound vague, and it may not be immediately clear why this matters. Well, one way to think about architecture is to ask
Service Worker スクリプトのインストールと更新処理
Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理についてです。 この記事は Service Worker スクリプトを少しでも手書きして動かしたことがある人を想定読者にしています。Service Worker について全く知らない人はまず別の入門記事を参照してください。また、細かいことを気にせずに Service Worker を使いたい人は Workbox といったライブラリやフレームワークの利用をおすすめします。 更新履歴 2019/09/24: Chrome 78 から importScripts() も更新対象になりました。それについて加筆しました。 2018/06/07:
Introducing Cloudflare Workers: Run JavaScript Service Workers at the Edge
UPDATE 2018/3/13: Cloudflare Workers is now available to everyone. TL;DR: You'll soon be able to deploy JavaScript to Cloudflare's edge, written against an API similar to Service Workers. Try writing a Worker in the playground » Every technology, when sufficiently complicated, becomes programmable. You see this everywhere, but as a lifelong gamer, my personal favorite example is probably graphics
Experimenting with the background fetch API
The service worker API is expanding as more ways to use the background dwelling worker emerge. I've written before about push notifications and background sync and I recently explored the very new background fetch API. Here's what I found out about it. Downloads and uploads The background fetch API seeks to solve two problem: When a service worker is downloading large files to cache and the user n
イベント駆動型サービス実行基盤としての Service Worker - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 当初は better AppCache1 として開発が始まった Service Worker2 ですが、ページとは独立したライフサイクルを持つことでイベント駆動型のサービス3実行基盤としての色合いが強くなっています。本記事では、イベント駆動型のサービス実行基盤とは何なのか、そこへと発展していった流れについて紹介します。 なお本記事は Service Worker の使い方を紹介するものではありません。Service Worker をある程度理解している開発者を想定読者としています。また、本記事はすべて私の個人的な意見や調査に基づくもので
GitHub - GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
Workbox is a powerful library originally developed by members of Chrome's developer relations team to facilitate the creation of Progressive Web Apps and to improve the offline experience of web applications. It offers a suite of tools and strategies for efficiently caching and serving web assets, managing service workers, and handling offline scenarios. Workbox simplifies the implementation of co
Offline google analytics made easy | Blog | Chrome for Developers
So you've got a progressive web app, complete with a service worker that allows it to work offline. Great! You've also got existing Google Analytics set up for your web app, and you don't want to miss out on any analytical insights coming from usage that occurs while offline. But if you try to send data to Google Analytics while offline, those requests will fail and the data will be lost. The solu
従来のWebアプリの常識を変える! Service WorkerがもたらすWebの未来 | PLAID Engineer Blog
こんにちは。プレイドの@otoanです。 突然ですが、Service Workerって使ったことがありますか？ Service Workerは、オフラインでページを開き続けるためのキャッシュ機構として導入されましたが、それ以上のパラダイムシフトを含んでいると理解され、注目されるようになっています。注目度は高い新機能なのですが、全体像をつかめる記事を意外と見かけなかったので、今回テーマとして選びました。 KARTEでもブラウザ通知機能として、Service Workerの利用を一部始めていますので、その際に得た情報とその考察をまとめたいと思います。個々の機能の詳細やサンプルコードについては、良い記事がたくさん出ていますので探してみてください。 8/4に公開されたService worker meeting notesについても、最後の方で軽く触れていますが、記事本文内には十分反映できていませ
GitHub - pazguille/offline-first: :electric_plug: Everything you need to know to create offline-first web apps.
Offline Web Applications This specification highlights features (SQL, offline application caching APIs as well as online/offline events, status, and the localStorage API) from HTML5 and provides brief tutorials on how these features might be used to create Web applications that work offline. Service Workers This specification describes a method that enables applications to take advantage of persis
Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016
Jake Archibald on Instant Loading: Building offline-first Progressive Web Apps For most of the web, poor network connectivity destroys the user experience. We can do better. In this session we'll take an online-only site and turn it into a fully network-resilient, offline-first installable progressive web app, and this won't involve rebuilding from scratch; it'll be done in small iterations, wit
Efficient module loading without bundling - Marius Gundersen
TL;DR We can combine ES2015 modules, static analysis of those modules, HTTP/2, caching, Service Workers and a bloom-filter to create a server-client relationship where the client can efficiently load any module and its transitive dependencies without having to bundle the modules. You can see a demo here (works in Firefox and Chrome, you should open the dev tools) and you can find the source code o
UpUp - Offline First in 1 line of Javascript
Your users are no longer sitting at their desktops, with a wire connecting them to the internet. They are visiting your site from a phone in an elevator, from their tablet on the subway, or on their laptop while they sit cramped into seat 25 E. This is why modern browsers support service workers, a new technology which lets you serve your content to your users, even when they are offline. UpUp is
[Service Worker] プッシュ通知の使い方
Push Notifications for the web Eiji Kitamura | April 4th 2015
![[Service Worker] プッシュ通知の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a492a16fc2e5161bac730e2eed547b850c24f22/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Flh7-us.googleusercontent.com%2Fdocs%2FAHkbwyJhzDV36QIRzIUsZWNZzWnJ6R8N9wZPstu5rYAJCC4YwuHNFgVoy40kkbsdsKLXkSmCF4V035SvwKYPKkr-kT9qjqKSYiWHRTNi7FMpDmowK2P3rW4a%3Dw1200-h630-p)
the-offline-cookbook-ja/ja.md at master · kuu/the-offline-cookbook-ja
Japanese translation from the original post in English. 原文: [The offline cookbook by Jake Archibald] (http://jakearchibald.com/2014/offline-cookbook/) #The offline cookbook Posted 09 December 2014 #オフラインクックブック 投稿日：2014年12月9日 When AppCache arrived on the scene it gave us a couple of patterns to make content work offline. If those were the patterns you needed, congratulations, you won the AppCache l
Fetch API issue tracking · Issue #1 · azu/meta-fetch-issue
This issue is meta issue of Fetch API discussion about cancel. Cancellable promises, abort, fetch is high level api or low level api, fetch with stream .... confuse me. Project someone's feeling outward... :( I worry about what Fetch API become a second AppCache in the future. Fetch API Add timeout option · Issue #20 · whatwg/fetch Start point. Aborting a fetch · Issue #27 · whatwg/fetch main thre
ServiceWorker上で動く軽量WAFみたいなミドルレイヤー作ってみた - Qiita
これ mizchi/sabizan ServiceWorkerっていう名前がサビ残っぽいよなってみんな思ってたと思う。 ServiceWorkerの勉強兼仕事で使うためのモックサーバーとして作った 用途 ServiceWorker層でビジネスロジックを持つAPIサーバー またはテスト用のAPIモックサーバー できるだけexpress風にしようとしたけどRequestのネイティブオブジェクトに値を挿入するの気持ち悪くて互換は諦めた。適当なラッパー書けば同じコードから生成できる気がしている。 どう動くか dist/sabizan.js は service worker上で動くことが必須で、他のクライアントJSと同じくbrowserifyを使うか、importScriptで読み込むことを意図している。 Sabizan = require 'sabizan' # with browserify o
GitHub - GoogleChromeLabs/sw-precache: [Deprecated] A node module to generate service worker code that will precache specific resources so they work offline.
Service Worker Precache is a module for generating a service worker that precaches resources. It integrates with your build process. Once configured, it detects all your static resources (HTML, JavaScript, CSS, images, etc.) and generates a hash of each file's contents. Information about each file's URL and versioned hash are stored in the generated service worker file, along with logic to serve t
![GitHub - GoogleChromeLabs/sw-precache: [Deprecated] A node module to generate service worker code that will precache specific resources so they work offline.](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0b45e0b80538e6e3383602c0467c55febb45609/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F4039c2ecdec2c026f75c47bfa0afd42dc64065c0a2f2cfcdecd8a220eefcb49c%2FGoogleChromeLabs%2Fsw-precache)
ServiceWorker のスコープとページコントロールについて
Chrome 40 から ServiceWorker が使えるようになりました。Opera もバージョン 27 から対応し、Firefox でも現在実装が進められています (参考「Is ServiceWorker ready?」)。ServiceWorker はページのライフタイムとは独立した JavaScript の実行コンテキストを提供する機能で、ページからのリクエストをフックしてキャッシュからレスポンスを返したり、サーバからのプッシュイベントを受けてそれをページに通知するといったことが可能になります。 ServiceWorker のコンセプトや基本的な使い方、ユースケースなどは下記のページが参考になります。 Service worker が拓く mobile web の新しいかたち Service Worker の紹介: Service Worker の使い方 - HTML5 Ro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Workbox Broadcast Cache Update | Workbox | Google Developers