サービスワーカーで PWA をオフライン動作させる - プログレッシブウェブアプリ (PWA) | MDN
前のページ 次のページ js13kPWA の構造と、基本シェルが起動し実行させる様子を見てきたので、サービスワーカーを使用したオフライン機能の実装方法を見てみましょう。 この記事では、 js13kPWA の例 (ソースコードはこちら) で使用されている実現方法を見てみましょう。 どのようにオフライン機能を追加するのかを学習します。 サービスワーカーの説明 サービスワーカーは、ブラウザーとネットワーク間の仮想プロキシーです。 これらはついにフロントエンド開発者が長年にわたって苦労してきた問題を修正します — 最も注目に値するのは、ウェブサイトの資産を適切にキャッシュし、ユーザーのデバイスがオフラインのときにそれらを利用できるようにする方法です。 これらは、ページのメインの JavaScript コードとは別のスレッドで実行され、DOM 構造にアクセスすることはできません。 これは、従来のウェ
【Navigation API】SPAでもタブをぐるぐるさせよう - Qiita
きっかけ ReactやNext.jsの普及により、SPAのサイトも増えてきましたよね。 一般的なSPAでは、ページ遷移時にリンクのクリックをJavaScriptで検知し、DOMの再描画やHistory APIを用いたURLの書き換えなどを行うことが多いと思います。 また、処理に時間がかかる場合は、DOM上にスピナーやプログレスバーを表示するのが一般的だと考えていました。 しかし、Amaz○n Prime Videoでリンクをクリックしたところ、SPAであるにもかかわらず、プログレスバーだけでなくブラウザのタブも読み込み中の表示（ぐるぐる）になっていることに気づきました。 この挙動が気になって調べてみたところ、「Navigation API」によって実現できることが分かりました。 Navigation APIとは？ MDNによると、Navigation APIは、ナビゲーションアクション（ペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
