こんにちは！

• 山本悠滋(@igrep) 26歳♂
• 最近はRubyよりもJavaScriptに力を入れてます。
• Node学園たのしいれす (^q^)

Service Workerの話をします！

(^o^)ノ<(はーい!!)

Facebookでーす！

• AndroidのChrome版FacebookでPush通知を実装するのに使ってるっぽい！
  • Google Chrome Mobile Users Can Now Get Facebook Push Notifications

ChromeからPush通知？

• できるんです。そうService Workerならね。

なにするもの？

• いわゆるHTML 5的に新しく生まれている（仕様策定中）、ブラウザのJavaScriptから使える新しい機能。
• 役割は大きく2つ。
  • ブラウザ内臓のローカルプロキシ
  • ブラウザ版daemon的な奴

なにするもの？

ブラウザ内臓のローカルプロキシ

• Webページを閉じててもバックグラウンドで動いて
  • ブラウザに成り代わってページをダウンロードしたり
  • オフラインでもアクセスできるようキャッシュしたり。

なにするもの？

ブラウザ内臓のローカルプロキシ

• Eightで使うなら
  • 全件同期！！！！！！
  • ログインと同時にサーバーからまるっと落としてIndexedDBに保存！
    • アプリ版でやってることがブラウザでも！
  • もちろん、普通に画像とかをキャッシュしておくもよし。

なにするもの？

ブラウザ版daemon的な奴

• 文字通り、バックグラウンドで動く奴。
  • Service WorkerのServiceはWindows ServiceのService!
    (要出典)
• プッシュ通知を受け取ったり、設定した時間に何かしたりできる？

試してみたで: その1 Facebook

• 「ええやん！」が来るか試してみた。
• 

試してみたで: その1 Facebook

• こうへん (´;ω;`)
• PC版、Android版共に試すもうんともすんとも言わない
• しかもいつの間にかService Workerが死んでる…

試してみたで: その1 Facebook

と、思っていた時期が、私にもありました…。

• 「ええやん」にはそもそも通知がこない仕様らしい。
• 翌日になって「今日は○○の誕生日やで！」というどうでもいい通知がちゃんとやってきた。

試してみたで: その1 Facebook

• 疑ってごめんなさいFacebookさん 人(￣ω￣;)

試してみたで: その2 ちぃちゃいサンプル

そもそものモチベーション:

• 予め設定したタイミングで通知を出したい。
  • ただし、サーバーなしで。
• 作ったで: igrep/sample-notification-service-worker

試してみたで: その2 ちぃちゃいサンプル

• よっしゃ動いた―ーーー
• 
• やったーーー！ページ閉じても動くでー！

試してみたで: その2 ちぃちゃいサンプル

• さすがService Workerさんやー！
• …あれ？

試してみたで: その2 ちぃちゃいサンプル

• 止まった… (´・ω・`)
• また死んでる…

試してみたで: その2 ちぃちゃいサンプル

W3Cおにいちゃん、なんでService Workerすぐ死んでしまうん？

試してみたで: その2 ちぃちゃいサンプル

W3Cおにいちゃん:

The user agent may terminate service workers at any time it has no event to handle or detects abnormal operation such as infinite loops and tasks exceeding imposed time limits, if any, while handling the events.

試してみたで: その2 ちぃちゃいサンプル

要するに…

• 何もイベントを処理しなくなったり、
• なんか処理に時間がかかりすぎたりすると、
• 勝手にuser agent (つまりブラウザ)に殺されてしまうらしい…
  • 泣かぬなら 殺してしまえ Service Worker

試してみたで: その2 ちぃちゃいサンプル

Service Workerの状態をよく見てみたところ、

• Facebookはなにもイベントを起こさなかったから死んだっぽい。
  • ページを使用している間は死ななかった。
  • でもPush通知は死んでからもちゃんと届く。不思議。

試してみたで: その2 ちぃちゃいサンプル

Service Workerの状態をよく見てみたところ、

• 僕のケースは無限ループだったから死んだっぽい。
  • setIntervalでえんえん通知を出す処理だったので…。

まとめ

• 要するに僕がService Workerの仕様を勘違いしていたというタダのドジな話。
• 言い換えると僕が先進的すぎてService Workerが追いついていなかったということ。
• いずれにしても、夢が広がりんぐ！
• Eightアプリ版と全く同じことがブラウザ上で、しかもネットに繋がなくてもできる時代が来そう。