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
当初は better AppCache1 として開発が始まった Service Worker2 ですが、ページとは独立したライフサイクルを持つことでイベント駆動型のサービス3実行基盤としての色合いが強くなっています。本記事では、イベント駆動型のサービス実行基盤とは何なのか、そこへと発展していった流れについて紹介します。 なお本記事は Service Worker の使い方を紹介するものではありません。Service Worker をある程度理解している開発者を想定読者としています。また、本記事はすべて私の個人的な意見や調査に基づくものであり、所属する組織、団体とは一切関係ありません。前置きおわり。 AppCache、そして Service Worker へ 冒頭でも述べた通り、Service Worker は当初 better AppCache として開発が始まりました4 5 6。AppC
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.
Design Patterns for Offline First Web Apps (Ravidu Perera - Sep 20, 2022) Making PWAs work offline with Service workers (MDN - Sep 9, 2022) Why Would a Web App Need Encryption-at-Rest? (Erik Hermansen - May 31, 2022) Offline UX design guidelines (Mustafa Kurtuldu, Thomas Steiner - Jun 13, 2022) How to design for slow networks and offline (Nick Babich - Feb 17, 2022) Downsites of Offline First (Dan
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
Marius Gundersen
Efficient module loading without bundling 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
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/d65629a7a2cdc9158e9e61eb02745725c6f85884/height=288;version=1;width=512/https%3A%2F%2Flh7-us.googleusercontent.com%2Fdocs%2FAHkbwyKR7DJo5pgyqpX-JwdoC1Pubc-Yzqb2JwZRIdd4yFAySg90JClKu20pbRKLyKkxGMYvS0MbDCthWaJwiw69AOp9hJ_82mYGRofmr5v4aUU30BTwoAS-%3Dw1200-h630-p)
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
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
GitHub - GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
the-offline-cookbook-ja/ja.md at master · kuu/the-offline-cookbook-ja
Fetch API issue tracking · Issue #1 · azu/meta-fetch-issue
GitHub - GoogleChromeLabs/sw-precache: [Deprecated] A node module to generate service worker code that will precache specific resources so they work offline.![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/8ac096618bacafff8877d3e3637783ed9280f312/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F54c6a459447f34022b1fdca4ac425d43dce8059028ec3d6bde867526c4db20b5%2FGoogleChromeLabs%2Fsw-precache)
