タグ

ブックマーク / qiita.com/OMOIKANESAN (2)

  • PWA形式のWebサイトを構築してAndroidスマートフォンにインストールする - Qiita

    はじめに 1つ前の記事でPWAについて簡単に解説しました。 端的にまとめれば、PWA化によるWebサービスの高速化とは、キャッシュをJS(Service Worker)によって制御して、いかに回線に頼らずに機能やコンテンツを提供するかという部分が肝になります。 今回の主題は、PWAとしてWebサイトを構築するという部分ですが、背景は「Webサービスを高速にユーザに提供できるようにする」です。 ただ、工夫された状態では学習には不向きだと思いますので、今回は最小構成でPWAとしてブラウザに認識させるというところから始めたいと思います。 そのため、この記事ではPWAの数ある機能のうちの最も基礎となる部分を実装する方法について紹介します。 「PWAである」≒「最新のGoogle Chromeの環境でインストール可能」 という条件で作ってみたいと思います。 実装内容 必要となるファイルはそこまで多く

    PWA形式のWebサイトを構築してAndroidスマートフォンにインストールする - Qiita
  • PWA: ServiceWorkerを使って、キャッシュをコントロールする(オフラインハンドリング) - Qiita

    はじめに 前回の記事 (https://qiita.com/OMOIKANESAN/items/5b23fa8ea9ea0d181df5) で、最小構成でPWAのWebサイトを作成する方法についてご紹介しました。 今回は、別のページを作成して、「オフラインのときの挙動を制御する」に取り組みました。 前回も、オフライン状態で動作するページを作成しましたが、複数のページにまたがるような、つまりは通常のWebサイトでの使い方には触れなかったので、今回はページを跨ったときのオフライン表示をコントロールしようというのが主題です。 コードの概要 今回も前回同様に、なるべく最小構成でのオフラインハンドリングを目指しました。 すべてこの記事内に書くと冗長になってしまうため、GitHubへアップロードしましたので、適宜参照してください。 トップページが目次になっていて、それぞれの花の名前を選択すると、選択し

    PWA: ServiceWorkerを使って、キャッシュをコントロールする(オフラインハンドリング) - Qiita
  • 1