PWAでwebプッシュ通知を作る (1) - 朝日ネット 技術者ブログ

PWAとは どのようにPWA化するのか PWA化されたwebページの例 採用情報 朝日ネットの開発チームでサービスの企画やUIデザイン、HTML+CSSでの実装を主に担当している watanabeです。 今回技術テーマとしてwebページをネイティブアプリのように見せる「PWA(Progressive Web Apps)」を選択しました。 PWAで実現できることとして特に注目したのがプッシュ通知です。 今まで、ネイティブアプリでしか行えなかったプッシュ通知を「PC」でも「ブラウザ（PC・モバイル問わず）を起動していなくても」行えるようになるのです。 自サービスでどのようにユーザにリマインダや新着の通知を見せるかは長年悩んでおり、（メールだと埋もれてしまうことが多く、重要な情報を見逃してしまうこともある）そこで、プッシュ通知を候補として挙げ、そちらをwebページで受け取る仕組みを実装するのを目