vue-pwa-plugin で Service Worker をカスタマイズする - Qiita
はじめに vue-cliにはPWAのプラグインがあってデフォルトでキャッシュなどの処理を行ってくれるServiceWorkerを作成するようになっています。しかし、WebPushなどの別の機能も利用したい、というときがありますよね。そうしたときに、ServiceWorkerをカスタマイズする方法を紹介します。 Vue.jsやvue-cli自体について詳しく知りたい方は、こちらの記事をおすすめします。 - Vue.js を vue-cli を使ってシンプルにはじめてみる 環境 vue: 2.5.16 vue/cli: 3.0.1 vue/cli-plugin-pwa: 3.0.1 インストール プロジェクトを作成したい場所で以下のコマンドを実行します。 $ npm install -g vue-cli $ vue create my-project ? Please pick a prese
Vue + PWAの開発環境をvue-cli3 + pwa plugin + yarnを使ってDocker上で構築する - GAミント至上主義
uyamazak.hatenablog.com 2018年の2月ごろ、VueでPWAの履歴書作成アプリを作り始めて、もうすぐ本番公開だけど改めて調べると環境がすでに大きく変わっていた。 作ったのこれ↓ rirekisho.yagish.jp 半年もたってないけどこの変化だからなるべく早く変更する準備をした方がよさそう。 大きいのは下記4点。 vue-cliのテンプレートではなくプラグインになった 以前使ったテンプレート形式のもの github.com 新しいvue-cliのプラグイン形式 vue-cli/packages/@vue/cli-plugin-pwa at dev · vuejs/vue-cli · GitHub まだrc版なせいもあるのか、ドキュメントちょっとしか書いてない WebPack3が4に せっかく分かってきたところで大きく変わった yarn.lockを見たらwebpa
VuePress をお試ししてみた - Qiita
VuePress とは この記事は 2018-04-15 に記載されたものです。 VuePress は Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 VuePress の機能 公式に記載されている内容を抜粋して雑に翻訳してみました。 ref: VuePress | Introduction 技術文書に最適化されたビルトインのMarkdown拡張 Markdown 内部での Vue 活用 Vue により強化されたカスタムテーマシステム Progressive Web Applicati
Vue.jsで始めるPWA - Qiita
はじめに 先月、フロントエンドエンジニア界隈ではリニューアルした日経電子版が高速すぎてヤバイ件に注目が集まりましたね。 今自分で注目しているVue.jsと、PWAでSPAをつくるためのことはじめを記事にしようと思います。 1. PWAとは PWA（Progressive Web Application）とは、一言で言えば「ネイティブアプリのような使い勝手を実現したWebアプリ」です。 Googleのコードラボを一通りやると全体像がつかめるかと思います。 PWAでできること ホームスクリーンへの追加（Add to homescreen） PWAで作られたWebアプリケーションにアクセスした際に、ホーム画面への追加を促すことができます。 条件は下記です。 - 必要な情報が記載されたマニフェストファイルが存在する - サイトにService Workerが登録されている - HTTPS経由で配信
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
