本日開催されてた Service Worker ハッカソン。
http://googledevjp.blogspot.jp/2015/03/service-worker.html
参加できなかったので後で自分で見るように twitter で流れてた資料をまとめ。
ハッシュタグは #serviceworker です。
セッション動画
前半
後半
[Service Worker] プッシュ通知の使い方 - Google スライド
スライド
- イントロ
- Service Worker 入門
- Push 通知
- Fetch API
- Service Worker のデバッグ方法
その他資料
- Service Worker を使ったデモ
https://jakearchibald.github.io/trained-to-thrill/
ソースコード https://github.com/jakearchibald/trained-to-thrill
- Service Worker のキャッシュを設定できる（？） grunt/gulp プラグイン
Offline-first, fast, with the sw-precache module | Web | Google Developers
- The offline cookbook
http://jakearchibald.com/2014/offline-cookbook/
日本語版 https://github.com/kuu/the-offline-cookbook-ja/blob/master/ja.md
- Push 通知デモ
https://simple-push-demo.appspot.com/
ソースコード https://github.com/gauntface/simple-push-demo
Tips 的な
chrome://inspect で Portforwardingを設定すると、USBで接続しているAndroidのブラウザからマシンのlocalhostにアクセスすることができます #serviceworker #chromejp
— Eiji Kitamura / えーじ (@agektmr) 2015年4月4日
#serviceworker #hackathon Google console developerでGoogle Cloud Messaging for Chromeを有効にする方法：project=>API&Auths=>API=>messaging chromeを検索...
— Kenji Baheux (@KenjiBaheux) 2015年4月4日
あとこれは Service Worker の DevTools を有効にするための隠しコマンド。のよう。
chrome://flags → enable-devtools-experimentsを有効にして再起動 → DevToolsのSettings → Experiments → Shiftを６回叩く→ SW in Resources をチェック #serviceworker
— Kinuko Yasuda (@kinu) April 4, 2015
おまけ
ServiceWorker を知ったきっかけになった、2/25 の HTML5 とか勉強会の資料
と、これも読みたいと思っていた Qiita の記事。
