Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう 矢倉 眞隆（myakura） 今回お届けするのは、Jake Archibald氏とAlex Russell氏によるServiceWorkerのセッション「Appy Times with ServiceWorker – Bridging the gap between the web and apps」です。 Alex氏はService Workers仕様のEditorで、古くはDojoやChrome Frameに携わっています。TC39やW3CのTAGのメンバーとしても活動し、Extensible Web構想を推し進める一人です。 Jake氏はService Workers仕様の「ゴーストオーサー」だそうです。とても面白い人で、今回も彼のユーモアが炸裂、笑いに包まれた楽しいセッションとなり
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線 岩瀬 義昌（HTML5 Experts.jp編集部） 今月上旬5月8日に、W3CよりServiceWorkerの草案初版が提示されました。ServiceWorkerは、オフラインWebアプリケーションの開発者が問題と考える点を解決する、非常に魅力的な仕様です。日本語の情報がほとんどないこのタイミングで、HTML5 Expert.jp編集部が解説いたします！ ServiceWorkerとは ServiceWorkerは、リソースの永続的なキャッシュを可能にする、およびWebアプリケーションのリソース要求の処理を可能にする新しい機能です。Webページを開く前であっても（ネットワークの接続/切断の有無にかかわらず）、独自の処理を挟み込めるのがポイントです。クライアント側に、一種のプロキシサーバがあるようにイメー
Is service worker ready?
ChromeSupported FirefoxSupported OperaSupported Samsung InternetSupported SafariSupported EdgeSupported Chrome: Shipped.Firefox: Shipped.Samsung Internet: Shipped. Based on Chromium 44.2403 with some additions and changes. (See "Service Worker" section.)Safari: Shipped.Edge: Shipped.Support does not include iOS versions of third-party browsers on that platform (see Safari support). ChromeSupported
PWAで注目されるオフラインWebアプリをService WorkersとPouchDBで実装しよう
グーグルのPWA（Progressive Web Apps）の登場によって、再び注目されているWebアプリのオフライン機能。Service WorkersとPouchDBを使って実装する実例を紹介。 オフラインWebアプリがどんどん使われるようになっています。オフラインのサポートが重要になった結果、最初にオフラインでの利用を考える「オフライン・ファースト」を話題にするのが普通になりました。また、プログレッシブWebアプリ（PWA）という考え方が現れたのもオフライン・サポートが普及し始めた一因になっています。 この記事では、アセット・キャッシング、クライアント側のデータストレージ、リモート・データストアとの同期などの機能を利用して、基本的な電話帳Webアプリにオフライン・サポートを追加する方法を説明します。 アプリのソースコードはGitHubで入手できます。 なぜオフライン・サポート？ なぜ
【Service Worker最前線】仕様策定の現場で何が議論されているのか？
【Service Worker最前線】仕様策定の現場で何が議論されているのか？ 安田 絹子 昨年末頃からホットなトピックになりつつある「Service Worker[1]」ですが、その先行実装が落ち着いてきた今夏、仕様に対する提案や今後の方向性などについて話し合うF2F（Face-to-Face）ミーティングがサンフランシスコで開かれました。本稿では、このミーティングの様子を中心に、Service Workerの最近、そしてこれからの論点をいくつか解説してみたいと思います。 Service Workerは昨年5月に最初のドラフトが公開されたばかりの新しいAPIですが、Webの前提を変える可能性を持った基盤APIとして注目されています。Service WorkerはあくまでWebの1つのAPIにすぎませんが、このミーティングではWebのこれからの方向性を考える上でも興味深い議論がいくつかなさ
「ホーム画面に追加」からはじめる『PWA(Service Worker)』 - Qiita
Android ChromeでService Workerが使えるようになり、徐々に盛り上がりを見せそろそろ使ってみても良いんじゃ・・・という匂いも感じ始めています。 ブラウザプッシュでの通知やキャッシュなどの機能にService Workerの注目が集まりがちですが、これらの実装はかなり複雑でやっかいです。 その中でも一番実装が簡単なService Worker(?)がホーム画面に追加の機能です。 この機能はService WorkerのJSは１文字書く必要がないので、Service Workerの実装を始める前にやっておくのも良いと思います。 実際に実装してみると、下からにゅるっと出てきます 条件 HTTPS接続（または localhost） Android Chrome 42以上 が必要です。SSLは https://letsencrypt.org/ で無料で入れられるので入れましょ
The Service Worker Lifecycle
If you have worked with Service Workers, you may have run into some issues with previous Service Workers still being in control of a document, even though the file itself has been updated. The reason for this is to do with some nuances in the lifecycle of the Service Worker; it may be installed and valid, but not yet actually in control of the document. A Service Worker can be in one of the follow
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Service Worker は非常に有用ですが 使い始めたばかりでは使いこなせませんWorkbox により、Service Worker が使いやすくなります。ただし、Service Worker は難しい問題を解決します。そのため、そのテクノロジーを抽象化するのは、理解していないと難しい作業になります。そのため、最初の数枚のドキュメントでは、Workbox の詳細に入る前に、その基盤となるテクノロジーについて説明します。 実行中の Service Worker のリストを表示するには、アドレスバーに「chrome://serviceworker-internals/」と入力します。 Service Worker には何の機能がありますか。 Service Worker は、ウェブブラウザとウェブサーバー間のプロキシとして機能する特殊な JavaScript アセットです。オフライン ア
Changeset 223935 – WebKit — Enable service worker to use cache storage api
Show lines around each change Show the changes in full context Timestamp: Oct 24, 2017 3:28:44 PM (7 years ago) Author: commit-queue@webkit.org Message: Enable service worker to use cache storage api https://bugs.webkit.org/show_bug.cgi?id=178684 Patch by Youenn Fablet <youenn@apple.com> on 2017-10-24 Reviewed by Brady Eidson. Source/WebCore: Test: http/tests/workers/service/service-worker-cache
iOS 9やService Workerの登場で対応待ったなし！ これからのWebで重要度を増すSSLの活用事例
はじめに SSL（Secure Socket Layer）は、Webの通信を暗号化してセキュリティを高める技術で、ブラウザに鍵マークが表示されて安全に通信できる方法として一般に広く認知されています。 SSLはオンラインバンキングなど高いセキュリティが要求されるサービスに用いられるのはもちろん、SSL環境でしか利用できない技術が登場している状況など、その重要性は近年ますます高まっています。本記事ではSSLを取り巻く現在状況や、SSLを容易に利用できる環境について紹介します。SSL環境でしか使えないWeb技術としてService Workerを紹介し、実装例を説明します。 対象読者 SSLについて復習したい方 SSLの重要性は知っているが、めんどくさそうで手が出なかった方 Service Workerの実装例を探している方 本記事で使用する環境 本記事では使用している環境は以下の通りです。 G
Service Worker における BaseURI の振舞いについての議論 - Qiita
Intro Service Worker は、その立ち位置が非常に特殊なため、仕様を策定する上でも「どう振る舞うべきか？」を決定するのが難しい場合がある。 時には、開発者は「どう振る舞うだろう」と考えるか、感覚的な部分についてアンケートを行い、フィードバックを得ることが過去にもあった。 今回は、 Service Worker が絡んだ場合の BaseURI について、同様のアンケートが行われているので紹介する。ぜひ考えてみてほしい。
Service Workerを利用したWeb Push通知環境の構築【導入編】 - Tech Inside Drecom
サーバサイドエンジニアの古谷です。 ウェブブラウザを用いたサービスの欠点であったオフライン時の動作やプッシュ通知など、従来ネイティブアプリにしかできなかったことができるようになってきました。 なかでもWeb Push通知は、ユーザのエンゲージメント向上やメールに変わる情報発信の手段として注目をあつめています。 本記事では、Service Workerを利用したWeb Push通知環境の構築について、コードを交えながら解説します。 Service Workerとは Service WorkerとはWebブラウザとWebサーバの間にある、クライアントPC側のプロキシのようなものです。 Service Workerを使えば、オフライン時でもWebサービスを提供できたり、Web Push通知を受け取ることができます。 Service WorkerにはHTTPSでしか利用できない制約がありますが、近
Service Workerの基本とそれを使ってできること - Qiita
Service Workerとは ブラウザが Web ページとは別にバックグラウンドで実行するスクリプト オフラインのアプリを実現・サポートするために作られたものです ちなみに、ブラウザの対応状況はこんな感じ http://caniuse.com/#search=service%20workers 特徴 DOM にアクセスできない DOM を操作したい場合は、Service Worker がコントロールしているページ(js)と postMessage でメッセージのやり取りをして行う リクエストをプロキシすることが可能 Service Worker はブラウザが必要に応じて起動・終了するので、変数の値を保持しておけない Cache、IndexedDB 等で値を保存して、必要になった時に取り出すようにする Promise を多用する https か localhost 上でしか動作しない ラ
The service worker lifecycle | Articles | web.dev
The service worker lifecycle Stay organized with collections Save and categorize content based on your preferences. The lifecycle of the service worker is its most complicated part. If you don't know what it's trying to do and what the benefits are, it can feel like it's fighting you. But once you know how it works, you can deliver seamless, unobtrusive updates to users, mixing the best of web and
イベント駆動型サービス実行基盤としての Service Worker - Qiita
当初は better AppCache1 として開発が始まった Service Worker2 ですが、ページとは独立したライフサイクルを持つことでイベント駆動型のサービス3実行基盤としての色合いが強くなっています。本記事では、イベント駆動型のサービス実行基盤とは何なのか、そこへと発展していった流れについて紹介します。 なお本記事は Service Worker の使い方を紹介するものではありません。Service Worker をある程度理解している開発者を想定読者としています。また、本記事はすべて私の個人的な意見や調査に基づくものであり、所属する組織、団体とは一切関係ありません。前置きおわり。 AppCache、そして Service Worker へ 冒頭でも述べた通り、Service Worker は当初 better AppCache として開発が始まりました4 5 6。AppC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Service Workersを使ったウェブアプリのアーキテクチャ / Web App Architecture on Service Workers
https://engineering.mercari.com/entry/2017/12/19/workbox
Service Worker で横取りしたリクエストをネットワークにフォールバックさせたい時はただ return するべき - Qiita
Service Worker Deep Dive
Service Worker Deep Dive