タグ

JavaScriptとPWAに関するski_yskのブックマーク (2)

  • PWA Update Available - Service Workerの更新通知 MOONGIFT

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWAを適用することで、WebアプリケーションでネイティブアプリのようなUI/UXを実現できます。その一つとしてService Workerが挙げられます。Service Workerはクライアントサイドにキャッシュされ、アクセス時に差分があると更新される仕組みです。 しかし、更新はされるのですが、その場では適用されません。その場はキャッシュされているものが利用され、次回から新しいものに変わります。そこで使いたいのがアップデートを通知するPWA Update Availableです。 PWA Update Availableの使い方 WebサイトにアクセスするとService Workerの新バージョンがある旨通知されます。 もう一度アクセスすると表示されなくなります。 Servi

    PWA Update Available - Service Workerの更新通知 MOONGIFT
  • PWA Starter Kit - PWAを学ぶためのテンプレート

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWA(Progressive Web Apps)というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。 そこで勉強のベースに使ってみたいのがPWA Starter Kitです。PWAに関する要素が盛り込まれたテンプレートです。 PWA Starter Kitの使い方 こちらがテンプレートです。 カウンター。これは再読み込みすると消えてしまいます。 ショッピングカート。 マニフェストファイルもきちんと設定されています。 PWA Starter KitではPWAとして必要になる要素(レスポンシブ、SPA、アプリマニフェスト)などの要

    PWA Starter Kit - PWAを学ぶためのテンプレート
  • 1