{"height":"190","blog_title":"\u5099\u5fd8\u9332","description":"\u2160. \u306f\u3058\u3081\u306b \u30bf\u30a4\u30c8\u30eb\u306e\u901a\u308a\u300cLaravel Mix\u3067Workbox\u3092\u5229\u7528\u3057\u3066\u30aa\u30d5\u30e9\u30a4\u30f3\u5229\u7528\u53ef\u80fd\u306b\u3059\u308b\u65b9\u6cd5\u300d\u3067\u3059\u3002 \u203b\u3053\u306e\u8a18\u4e8b\u3067\u306f\u89e6\u308c\u307e\u305b\u3093\u304c manifest.json \u3092\u8ffd\u52a0\u3067\u4f5c\u6210\u3059\u308b\u3068PWA\u5316\u3067\u304d\u307e\u3059\u3002 \u2161. \u3084\u308a\u65b9 1. \u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b npm i -D workbox-sw npm i -D workbox-webpack-plugin 2. \u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3059\u308b welcome.blade.php ... <script> if ('serviceWorker' in navigator) { window.addEventListener('load', () =>\u2026","type":"rich","width":"100%","provider_url":"https://hatena.blog","categories":["Laravel","Vue.js"],"title":"Laravel Mix\u3067Workbox\u3092\u5229\u7528\u3057\u3066\u30aa\u30d5\u30e9\u30a4\u30f3\u5229\u7528\u53ef\u80fd\u306b\u3059\u308b\u65b9\u6cd5","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kagasu/20190528/20190528015326.png","author_name":"kagasu","author_url":"https://blog.hatena.ne.jp/kagasu/","blog_url":"https://kagasu.hatenablog.com/","url":"https://kagasu.hatenablog.com/entry/2019/05/28/015516","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkagasu.hatenablog.com%2Fentry%2F2019%2F05%2F28%2F015516\" title=\"Laravel Mix\u3067Workbox\u3092\u5229\u7528\u3057\u3066\u30aa\u30d5\u30e9\u30a4\u30f3\u5229\u7528\u53ef\u80fd\u306b\u3059\u308b\u65b9\u6cd5 - \u5099\u5fd8\u9332\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","version":"1.0","published":"2019-05-28 01:55:16"}