[B! library][serviceworker] uchiuchiyamaのブックマーク

uchiuchiyama id:uchiuchiyama

libraryとserviceworkerに関するuchiuchiyamaのブックマーク (3)

Workbox Broadcast Cache Update | Workbox | Google Developers
Chrome でビルドする Chrome の仕組み、オリジントライアルに参加して、あらゆる場所で Chrome を使って構築しましょう。
uchiuchiyama 2017/06/20
google

serviceworker

library

javascript

analytics

cache

development
リンク
GoogleChrome/sw-precache が便利そう - console.lealog();
知ってた人には今さらーって感じかもやけど。正月休み最後の日ということで、何か新しい目のやつを学びたいなあと思い。 ServiceWorkerでできることやデザインについては追ってたつもりやったけど、実際にコード書いたことはないなということで。スーパーイカメーカーとかいう丁度よい題材も手元にあることやので、これにServiceWorkerを適応するならどんな感じかとやってみた。ただ結局リリースはしてなくて、その紆余曲折もまとめてメモ。 ServiceWorkerでやりたかったこと主にはCache APIによるオフライン対応。もはや更新の予定がないのでプッシュ通知もいらないし、他のテクいことにも使えなさそう。最初は勉強がてら手書きで全部いこうかと思ったけど、細かいとこまで考慮しようとすると色んなイベントで色んなことが必要なのと、キャッシュしたいパスをコードに手書きするのはアレやなー
uchiuchiyama 2017/06/20
google

serviceworker

cache

library

introduction

tutorial
リンク
サンプルコードで学ぶPWA - Qiita
はじめに Google I/O 2017の動画を確認し、そろそろPWAについて真面目に把握していかなければと思い至り、GitHubからいくつかサンプルプログラムを探してきて触ってみたので基本的な技術情報と合わせてまとめました。なのでPWA初心者向けです。特定のJSフレームワークを扱う専門のエンジニアでない限り（私自身がそうなので）、それぞれのJSフレームワークの対応状況なども気になるところだと思いますので、 React.js , Angular , Vue.js の3つにおけるPWAのサンプルについても調べました。確認した手順などを含めて要点だけまとめていますが、詳細はそれぞれのGitHubページを参照しつつcloneして触ってみて頂ければと思います。シンプル構成まずはJSフレームワークなどが入っていないシンプルな構成で、PWAの仕組みについてざっくりまとめました。 PWA ret
uchiuchiyama 2017/06/20
serviceworker

pwa

library

introduction

react

webpack
リンク
1