ServiceWorkerハッカソン ブラウザ上で動くパッケージマネージャ作った http://googledevjp.blogspot.jp/2015/03/service-worker.html

1. パッケージマネージャ
わかめ まさひろ

2. わかめ まさひろ @vvakame
appengine
TypeScript
AngularJS
Masahiro Wakame
DefinitelyTyped

3. ブラウザ上で動く
パッケージマネージャ
作った

4. 黒い画面こわい

5. それな

6. bower

7. bower
npm

8. bower
npm
grunt

9. bower
npm
grunt
gulp

10. bower
npm
grunt
gulp
browserify

11. bower
npm
grunt
gulp
browserify
webpack

12. bower
npm
grunt
gulp
browserify
webpack
require.js

13. bower
npm
grunt
gulp
browserify
webpack
require.js
jake

14. bower
npm
grunt
gulp
browserify
webpack
require.js
jake
yo

15. 黒い画面がなきゃ
表示すら
できない…！

16. ブラウザだけで
動けばOKじゃね

17. jQuery
AngularJS
自分のコード

18. jQuery
AngularJS
自分のコード
自分のリポジトリには
入れたくない

19. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch

20. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
CDN
npm

21. デモ
わかめ用メモ
WebStorm上でファイル全部見せる
ServiceWorker一回Trashに
DevToolのNetwork見せる
bundle.js(置き換え後)見せる

22. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
CDN
fetchで単純に持ってくる

23. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
npm
fetchで持ってきて

24. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
npm
fetchで持ってきて
gzip解凍して

25. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
npm
fetchで持ってきて
gzip解凍して
tar展開して

26. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
npm
fetchで持ってきて
gzip解凍して
tar展開して
ファイル抜く

27. jQuery
AngularJS
自分のコード
ServiceWorker
onfetch
fetchで単純に持ってくる

28. jQuery
AngularJS
自分のコード
ServiceWorker
onfetchconcat!
bundle.js 1ファイルにまとめ返す

29. デプロイ

30. bundle.js
適当にconcatして置く
ServiceWorker使わない
識者が
黒い画面する

31. タスクランナーも
ほしいぞ！

32. ServiceWorkerすごい
デバッガ使いやすい
できなかったことできる
コード更新がだるい