Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firebase Cloud Messaging のベストプラクティス を、探している
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
gyarasu
February 01, 2020
Technology
3.5k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Firebase Cloud Messaging のベストプラクティス を、探している
2020.02.01 PWA Night Conference
https://conf2020.pwanight.jp
gyarasu
February 01, 2020
More Decks by gyarasu
See All by gyarasu
QAエンジニア組織立ち上げはじめの一歩
gyarasu
0
89
RESTful Firebase with Vue.js
gyarasu
1
470
Next.jsではじめるPWA
gyarasu
2
1.7k
doda AIジョブサーチ PWAとパフォーマンスの話
gyarasu
0
1.9k
副業時代のプロジェクトマネジメント
gyarasu
3
3.1k
PWA基礎_1
gyarasu
0
320
PWA基礎_2
gyarasu
0
210
PWA基礎_3
gyarasu
0
180
フロントエンドエンジニア (実稼働まで) ひとりでできるもん
gyarasu
0
2.8k
Other Decks in Technology
See All in Technology
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か? / Is it true that “the more you divide AI agents, the better”?
brainpadpr
1
300
10倍の生産性を実現するAI駆動並列エージェントのすべて
kumaiu
5
1.3k
How Timee Delivers Day 1 Production Ready LLM Features
tomoyks
0
130
失敗を経て、Harness Engineering で 大切にしたいことを考える / Learning from Failure: What Matters in Harness Engineering
bitkey
PRO
1
310
AIの性能が向上しても未解決な組織の重大問題は何か?/An Unsolved Organizational Problem in the Age of AI
moriyuya
4
610
連合学習と機密コンピューティング
lycorptech_jp
PRO
0
100
Bucharest Tech Week 2026 - Reinventing testing practices in the AI era
edeandrea
PRO
1
140
【Cyber-sec+】経営層を"動かす"ための考え方
hssh2_bin
0
130
自宅LLMの話
jacopen
1
240
エンジニアリング戦略の作り方 / Crafting Engineering Strategy
iwashi86
20
6.6k
AGENTS.mdとSkillsで始めるAIエージェント活用
sonoda_mj
3
200
社内 AI エージェント Synapse と セマンティックレイヤーの育て方
hiroakis
2
1.7k
Featured
See All Featured
Ruling the World: When Life Gets Gamed
codingconduct
0
250
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
330
The Mindset for Success: Future Career Progression
greggifford
PRO
0
360
Test your architecture with Archunit
thirion
1
2.3k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
160
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
150
Designing Experiences People Love
moore
143
24k
Transcript
Firebase Cloud Messaging のベストプラクティス を、探している 2020/02/01 PWA Night Conference 吉次
洋毅
誰? • 吉次洋毅(ヨシツグヒロキ) • 経歴 ◦ 某レストラン検索サイトでバックエンドエンジニアなど ◦ 某HR会社でエンジニアをしつつ ◦
フリーランスで受託開発&他社さんの開発やプロジェクトマネジメントのお手伝い • 趣味 ◦ 一人旅 & 写真 & スーパー銭湯 ◦ スマブラ(VIPボーダー周辺をウロウロ・ゼロサムユーザ) ◦ ポケモン(約20年ぶりにはじめました) @gyarasu
使ってる??
FCMによるWeb Pushが届くまで ① FCMからトークンを取得 ④ プッシュ送信を受信 ②トークンをサーバに送信 ③ FCMに処理を投げる
FCMによるWeb Pushが届くまで ① FCMからトークンを取得 ④ プッシュ送信を受信 ②トークンをサーバに送信 ③ FCMに処理を投げる 送信方法がいくつかある
複数のデバイスに送信する方法は2つ https://firebase.google.com/docs/cloud-messaging/js/send-multiple
よくみたら色々あった Node.js Admin SDKリファレンス: https://firebase.google.com/docs/reference/admin/node/admin.messaging
FCMでのPush送信方法いろいろ • CURL / send(Admin SDK) ◦ 単一のトークンを指定して送信 • マルチキャスト(Admin
SDK) ◦ 複数のトークンを指定し送信 • トピックメッセージング ◦ 特定のトピックにオプトインした複数のデバイスにメッセージを送信 • デバイスグループメッセージング ◦ 定義したグループに属する複数のデバイスにメッセージを送信
FCMによる送信方法Decision Tree(暫定)
FCMによる送信方法Decision Tree(暫定) やってみたけど、 ちょっと苦労した
トピックメッセージングのハマりポイント • トピック購読管理の難しさ • ユーザ単位での送信状態の管理の難しさ デバイスグループメッセージングのグ ループ管理も同様の課題あり
トピックメッセージングのハマりポイント • トピック購読管理の難しさ • ユーザ単位での送信状態の管理の難しさ デバイスグループメッセージングのグ ループ管理も同様の課題あり
トピック管理の難しさ
トピックの購読状態の管理 ① FCMからトークンを取得 ④ プッシュ送信を受信 ②トークンをサーバに送信 ③ FCMに処理を投げる
トピックの購読・購読解除の流れ topic, tokenの 組み合わせを保存 ・購読(subscribe) ・購読解除(unsubscribe) ・送信リクエスト メッセージ配信(publish) FCM FaaSなど
データベース
FCMとDBの状態の整合性 topic, tokenの 組み合わせを保存 ・購読リクエスト ・購読解除リクエスト ・送信リクエスト ・購読(subscribe) ・購読解除(unsubscribe) ・メッセージ配信(publish)
FCM FaaSなど データベース 何らかの原因で データが消失 FCMから購読状態を取得す ることはできない
DB上のデータとFCM上での実際の 購読状態の整合性が合わなくなる
DB上のデータとFCM上での実際の 購読状態の整合性が合わなくなる ・DB上では購読してないのに Pushが届く ・DBの上では購読状態なの にPushが届かない
DBのデータ更新とFCMの購読・非購読は Atomicな処理にする
ユーザ単位での 送信状態の管理
通知設定の単位と細分化されたトピック 営業 事務 技術 設定 : 購読トピック = 1 :
n
細分化トピックが引き起こす通知の嵐 営業 事務 技術 トピックメッセージングは、あく までも「トピック」に対して通知 を送る
設定とトピックが1 : 1になっていない場合 ユーザにとって過多な通知になり得る
細かいセグメントで 送信先を制御したい場合は マルチキャストでの送信が良さそう
Decision Tree途中経過 ここはわかった!
トピックメッセージングの選択基準 • 受信設定の単位とトピックが1:1になっている場合 • トピックの単位が単純である場合 ◦ 基本的にはコンテンツの単位が良い ◦ 年齢や性別のようなユーザ属性や、行動ログ等の要素を掛け算してトピック分 割すると、条件が変動するたびに頻繁にトピックの購読・解除を行う必要があ
るのであまり向かない
まとめ • まずはサービスとしてのPush通知の要件・仕様をしっかり検 討してからどの方法で送るか考える(最重要) • トピックメッセージングが向いているパターン ◦ 設定と購読トピックが1:1である場合 ◦ 細分化されたトピックで送信しても問題ない場合
• 細かい条件で送信対象を抽出したり、条件が頻繁に更新され る場合はマルチキャストが良さそう ◦ トピックやデバイスグループ管理をしないで済む ◦ 1回の送信で500トークンという制限あり
※スキップしたスライドも含めてSpeaker Deckで公開します @gyarasu ありがとうございました!