サーバーからブラウザを通じてデスクトップ通知する方法（Push API を利用）
プログラミング サーバーからブラウザを通じてデスクトップ通知する方法（Push API を利用）※当サイトにはプロモーションが含まれています。 1. はじめにウェブサーバーから任意のタイミングで、ブラウザにメッセージを送信（プッシュ通知）する方法について説明します。 これを実現するために Push API を使います。この API は、RFC 8030 – Generic Event Delivery Using HTTP Push という「 ウェブブラウザもしくはアプリケーションサーバーと、プッシュサービスとの間のやり取りを可能にする 」を可能にするプロトコル (HTTP Web Push) の使用を前提としてます。 2. 全体像以下の図が、この仕組の全体像を表しています。かなり単純化した図です。 +-------+ +--------------+ +-------------+ |
サービスワーカーで PWA をオフラインで動作させる - プログレッシブウェブアプリ (PWA) | MDN
前のページ Overview: プログレッシブウェブアプリ (PWA) 次のページ js13kPWA の構造と、基本シェルが起動し実行させる様子を見てきたので、サービスワーカーを使用したオフライン機能の実装方法を見てみましょう。 この記事では、 js13kPWA の例 (ソースコードはこちら) で使用されている実現方法を見てみましょう。 どのようにオフライン機能を追加するのかを学習します。 サービスワーカー（Service Workers）は、ブラウザーとネットワーク間の仮想プロキシです。 これらはついにフロントエンド開発者が長年にわたって苦労してきた問題を修正します — 最も注目に値するのは、ウェブサイトのアセットを適切にキャッシュし、ユーザーのデバイスがオフラインのときにそれらを利用できるようにする方法です。 これらは、ページのメインの JavaScript コードとは別のスレッドで実
Progressive Web Apps (PWA) 学習者のメモ その1 (Service Worker) - Qiita
この記事について PWAについての理解がふわっとしていたので、おさらいし直した内容を記しました。 2019年2月時点のメモとなりますが、誤記などありましたらどうぞご指摘ください。 Progressive Web Apps とは Google が提唱・推進しているアプリ https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=ja 概念はGoogle の説明を参照するとして、仕様面で見ると Web技術 (html、css、JavaScript、および各種 Web API) を利用したアプリ ウェブサイトで公開可能、Appストアを経由せずに配布できる スマートフォンにインストール可能 Service Worker を利用し、アプリプログラムをキャッシュすることで、ネットにつながっていなくても動作可
PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 - エンジニアHub｜Webエンジニアのキャリアを考える！
PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 PWAをテーマにしたコミュニティ「PWA Night」を運営する菅家大地さんが、既存のWebアプリをPWA化する簡単な実装方法を解説します。 はじめまして、菅家（@kan_dai）といいます。普段は株式会社TAMという会社でフロントエンドをメインに、クライアントのWebサイト制作やWebサービスの開発をしています。PWA（Progressive Web Apps）をテーマにしたコミュニティ「PWA Night」の運営もしています。 さて、2018年ごろからPWAという言葉を聞く機会が多くなってきました。2019年現在、毎月コンスタントにPWAに関する仕事の相談を受けるようになっており、PWAへの関心の高まりを感じます。日本経済新聞やスマートフォン版Yahoo! Japanといった有名サービスでの
Nikkei achieves a new level of quality and performance with their multi-page PWA | web.dev
Nikkei achieves a new level of quality and performance with their multi-page PWA Stay organized with collections Save and categorize content based on your preferences. With a publishing history of more than 140 years, Nikkei is one of the most authoritative media businesses in Japan. Along with their print newspaper, they have over 450 million monthly visits to their digital properties. To provide
What makes a good Progressive Web App? | Articles | web.dev
What makes a good Progressive Web App? Stay organized with collections Save and categorize content based on your preferences. Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase. To help you create the best possible experience, use the core and opti
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より)
2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった方に向けてセッションの内容を記事にまとめましたので、ぜひご覧ください。 進化する Web ～ Progressive Web Apps の実装と応用 ～ from Osamu Monoe この記事では、昨今話題に上ることが多いPWAことProgressive Webアプリケーションについて、実際の作り方を解説しながら、それがいったいどういったものであるかを詳(つまび)らかに紹介することを目的としています。 Webでは、「ネイティブアプリと同じことができる」「ネイティブアプリを置き換える」など、期待に胸を膨らませずにいられない浪漫に満ちた噂がありますが、それが本当かどうか記事
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEO担当者向け PWA・SPA・Service Worker 超入門。もう「JavaScript苦手」なんて言ってられない | Moz - SEOとインバウンドマーケティングの実践情報
JavaScript for Internet Explorer 9 Beta