create-react-appのService Workerサポートで手軽にオフラインキャッシュを使う - ninjinkun's diary
この記事はPWA Advent Calendar 21日目の記事です。 create-react-appのService Workerサポートを使ってお手軽にオフラインキャッシュを組み込んでみたので、調べたことをメモします。とりあえずすぐにオフラインでPWAが動かせるようになって便利です。 使い方 create-react-app でアプリを生成していればindex.js|tsで import { register } from './serviceWorker'; register(); するだけ。 内部 create-react-app（2.0以上の場合、現在は2.1.4）のService Worker supportは内部でworkbox-webpack-pluginを使っている 使われているのはgenerateSW モード プロジェクト内のhtml/js/imageが一通りキャッシ
create-react-appで作った雛形のコードがService Workerで何をしているのか - Qiita
create-react-appコマンドを実行すると、React.jsプロジェクトの雛形を作れます。 その雛形のsrcディレクトリ以下にregisterServiceWorker.jsというファイルがあります。 また、ビルドするとservice-worker.jsというファイルが生成がされます。 雛形のコードがService Worker上でしている事と、上記ファイルについてまとめてみました。 Service Workerについて Service Workerとは、リッチなオフライン体験・定期的なバックグラウンド同期・プッシュ通知など、いわゆるPWAの機能を実現するために基盤となる技術です。 （詳しくはGoogleのドキュメントにて解説されています。Service Worker の紹介） Service Workerによって実現できる機能は様々ですが、create-react-appで作っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
