NuxtとFirebaseでTwitterOGP使ったPWAアプリを最速で開発 - Qiita
export default { // ・・・ manifest: { name: "達成.me", short_name: "達成.me", title: "達成.me", lang: "ja" }, PWA用アイコンのための画像を/static/icon.pngに配置します。 Firebaseの準備 今回サーバーサイドはFirebaseのFirebase Authentication、Firestore、CloudFunctionsを利用しますので、そのための準備をします。 この手順も「Nuxt.jsとFirebaseとCloudFunctionsでWebアプリ開発 - 準備編」を参考にしてください。 ポイントだけ説明します。 利用するサービスを選択する箇所は、今回はRealtimeDatabaseは利用しないので、それ以外のFirestore、Functions、Hosting、St
PWA 方法 無料 今すぐ
READY FOR THE BATTLE? -Introduction to Live Coding-
Webでプッシュ通知を試してみる
こんにちは。GMOアドマーケティングのK.Mです。 最近よく聞くPWAという概念があります。ざっくりいうと「アプリのようなWeb」ということで、プッシュ通知や、アプリのようにリッチなオフライン体験、バックグラウンド処理などをWebにもたらそうとする取り組みやそういったWebアプリのことを指します。 サービスワーカーと呼ばれるブラウザがWebページとは別にバックグラウンドで実行するプログラムが肝となっており、具体的にはこのサービスワーカーが働くことによって「アプリっぽいWeb」を実現可能とします。 今回は、いざアプリっぽいWebをということで、Webアプリにプッシュ通知を追加するということを試してみました。プッシュ通知は、メルマガ等に比べてリーチしやすいことが多いと思いますし、それをしたいがためにネイティブアプリ化するようなケースも聞くところだったりしますので、既存のWebアプリにお手軽にプ
FRESH! における Web プッシュ通知機能 〜実装編〜 | CyberAgent Developers Blog
はじめまして。FRESH! でフロントエンドの開発をしている池田 (こりら) です。 この記事では、Web Push の実装概要や FRESH! における Web プッシュ通知機能 〜機能設計編〜 をもとに、実際に FRESH! でどのように Web Push 通知機能を実装したのかを紹介します。 アジェンダ Web Push の実装概要 Web Notifications API Web Push API Firebase Cloud Messaging (FCM) Service Worker push イベント notificationclick イベント FRESH! における Web プッシュ通知の実装 FCM に関連する処理をユーティリティ化 通知に関する実装 チュートリアルの実装 チャンネルページ・登録情報の管理ページの実装 各ブラウザの個別対応 Chrome (59) Fi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
