serviceworkerハッカソン ブラウザ上で動くパッケージマネージャ作った

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

Upload: masahiro-wakame

Post on 15-Jul-2015

2.557 views

Category:

Technology


0 download

TRANSCRIPT

パッケージマネージャ

わかめ まさひろ

わかめ まさひろ @v vakame

appengine

TypeScript

AngularJS

Masahiro Wakame

DefinitelyTyped

ブラウザ上で動く パッケージマネージャ

作った

黒い画面こわい

それな

bower

bowernpm

bowernpm

grunt

bowernpm

grunt

gulp

bowernpm

grunt

gulpbrowserify

bowernpm

grunt

gulpbrowserify

webpack

bowernpm

grunt

gulpbrowserify

webpack

require.js

bowernpm

grunt

gulpbrowserify

webpack

require.js

jake

bowernpm

grunt

gulpbrowserify

webpack

require.js

jakeyo

黒い画面がなきゃ 表示すら できない…!

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

jQueryAngularJS

自分のコード

jQueryAngularJS

自分のコード

自分のリポジトリには 入れたくない

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

CDNnpm

デモわかめ用メモ

WebStorm上でファイル全部見せる

ServiceWorker一回Trashに

DevToolのNetwork見せる

bundle.js(置き換え後)見せる

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

CDNfetchで単純に持ってくる

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

npmfetchで持ってきて

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

npmfetchで持ってきてgzip解凍して

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

npmfetchで持ってきてgzip解凍してtar展開して

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

npmfetchで持ってきてgzip解凍してtar展開してファイル抜く

jQueryAngularJS

自分のコード

ServiceWorkeronfetch

fetchで単純に持ってくる

jQueryAngularJS

自分のコード

ServiceWorkeronfetchconcat!

bundle.js 1ファイルにまとめ返す

デプロイ

bundle.js

適当にconcatして置く

ServiceWorker使わない識者が

黒い画面する

タスクランナーも ほしいぞ!

ServiceWorkerすごいデバッガ使いやすい

できなかったことできるコード更新がだるい