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
Realtime Config with Firestore@Firebase Meetup #8
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
pochi-sato
December 10, 2018
Programming
660
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Realtime Config with Firestore@Firebase Meetup #8
pochi-sato
December 10, 2018
More Decks by pochi-sato
See All by pochi-sato
JP_Stripes Deep Dive vol. 6 [Stripe Payment Links]
pochisato
0
100
副業しやすい会社/しにくい会社
pochisato
2
680
LINEでプロダクト検討時に知っててほしい5つの武器
pochisato
0
760
ズボラ旅開発のLINE APIとの歩み
pochisato
0
820
Firebase Authenticationでカスタム認証システムをつかう勘所@Firebase Meetup #13
pochisato
6
2.6k
Firestore導入前に検討したかったベスト5@Firebase Meetup #10
pochisato
9
2.4k
Other Decks in Programming
See All in Programming
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.4k
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
600
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
240
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
310
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
18k
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
1.4k
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ~ 一本の登り道の、行き先 ~
panda728
PRO
0
210
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
730
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
150
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
210
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
670
yield再入門 #phpcon
o0h
PRO
0
980
Featured
See All Featured
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Ruling the World: When Life Gets Gamed
codingconduct
0
290
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
How GitHub (no longer) Works
holman
316
150k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Skip the Path - Find Your Career Trail
mkilby
1
180
How to make the Groovebox
asonas
2
2.3k
RailsConf 2023
tenderlove
30
1.5k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
360
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
Transcript
リアルタイムコンフィグを Firestoreで
自己紹介 • さとう たくと(ぽち) • 営業→エンジニア→人事→いま!! @pitown
自己紹介 • さいきんは、この記事にいました。。
None
None
None
自己紹介 今はHotspringでおしごとしてま す。 2人目のエンジニアとしてやって ます。 3人目ぜひ!! しごとは、「ズボラ旅」というもの をつくっています。
自己紹介 ーズボラ旅ー LINEで旅行の相談ができるサー ビスです。 おすすめの提案をもらって、 そのまま予約まで。 ズボラな人程キモチいいです よかったら使ってね!
自己紹介 そんなことより、みんなスマブラがアツいので、ただふつうにあそ びにきてください ぼくのガノンドロフが火を吹きます ここにがのんどろふの絵を描きたい なぁ
では本題
リアルタイムコンフィグを Firestoreで
まじめそうなタイトルですが、 かなり変態的なtipsになります
リアルタイムコンフィグを Firestoreで • リアルタイムに書き換わるコンフィグ • Firestoreの管理画面からも書き換えられちゃう、型のミスもな い • 1分でバリューがでる!!
こんなシーンありませんか • 定数なんだけれど、時期的要因やタイミングで変わってしまう データを扱う • →定数にしたらビルドしないといけないし、DBに入れるにし たらちょっと重い • 本当は管理画面に入れて、Bizに調整して欲しい •
でも管理画面にする余裕もない • →まずはDBオペで繋ぐか、、、の流れ
こんなシーンありませんか わりと、キャンペーンの文言やパラメータなどで よくあるきがします
これをFirestoreをつかって かんたんに解決します
しかも、1分でバリュー!!
1分でバリューをだしている ようす
1分でバリューをだしている ようす
裏では何をやっていたか
Firestore console(スマホ)
バリュー発揮していたときはこんなかん じでした
バリューはっき中!! _人人人人人人_ > バリュー <  ̄Y^Y^Y^Y^Y ̄ _人人人人人人_ > バリュー <  ̄Y^Y^Y^Y^Y ̄ _人人人人人人_ > バリュー <  ̄Y^Y^Y^Y^Y ̄
寝っ転がっててもバリュー
ではちゃんと説明していきます
背景 • 定数なんだけれど、時期的要因やタイミングで変わってしまう データを扱う • →定数にしたらビルドしないといけないし、DBに入れるにし たらちょっと重い • 本当は管理画面に入れて、Bizに調整して欲しい •
でも管理画面にする余裕もない • →まずはDBオペで繋ぐか、、、の流れ
背景 DBオペもしたくない!でもハードコー ディングしたらもっと辛い! 開発工数もない!! でもリアルタイムで書き換わって欲し い! できるだけ安全に更新したい!
しかたないので考えた
おもいついたもの • 案1: スプレッドシート x Google App Script • 案2:
ファイルにデータおいて数秒ごとにキャッシュ取得 • 案3: DBにデータおいて数秒ごとにキャッシュ取得 • 案4: Firestore + Cloud Function + PubSub • 案5: Firestoreだけ
案1: スプレッドシート x Google App Script カジュアルすぎてこわい。
案1: スプレッドシート x Google App Script まだまだカジュアルすぎるなぁ..
案2: ファイルから取得してキャッシュ わりと賢明。このリクエスト回数要らんけれども
案3: DBから取得してキャッシュ これもわりと賢明。アレっコンソールつかえるかも、、?
案4: Firestore + Cloud Function + PubSub まさに求めるものなんだけど、ちょっと設計がデカイ
None
案5: Firestoreだけ あれ??いける、、?いけるのでは、、、???
使用した環境 • Firestore • GAE x Node.js x Firebase Admin
Node.js SDK • →リアルタイムアップデートを取得
データを入れる 1個それ用のコレクションつくって、1つドキュメントをつくればok
実装する ドキュメントを直指定して、onSnapshot、おわり!
かんたんでしょ??
必要なところに全力投球できるように、 略せるものは略していけたらいいですね!
なお、いちおう注意事項 (変態的なので用法はきをつけよう)
気をつけること1 • このコンフィグで1コレクションに複数のドキュメントをつくった ら、BigQueryに一括エクスポートしたときに『スキーマがありま せん』と怒られました • スキーマ無視してたので正論すぎる • 1コレクション1ドキュメントだけだったら大丈夫そう(ためして ない)
• 一括エクスポートではなく、コレクションごとにエクスポートし たらできるけど、一括エクスポートできるようにしておいた方 がいいよ
気をつけること2 • リアルタイムアップデート、いつまでコネクション張りっぱなしで いけるかな?とやっていたけれども、24時間やってると、しくっ たりします。 • なので、本番で使うのであれば、cronなりなんなり、定期的に つなぎ直しにいくようにしたら良いです ←でunsubscribeした後、またonSnapshotでつなぎ直す
最後に、Remote Configとの違い
注:今日はめちゃくちゃトリッキーな 発表しましたが、 普段は実直にやっています
おわり