firestoreでサブコレクションの追加の仕方
async addFavoriteProduct(userId: string, product: string) { try { // 保存先の指定 // db, コレクション1, 各コレクション, サブコレクション1, 各コレクション const path = doc(db, 'user', userId, 'favorite_products', productId); const updatedTime = firebaseTimestamp.now(); // 登録データ const updatedData = { product_id: product, updated_at: updatedTime }; // 保存 await setDoc(path, updatedData, { merge: true }); } catch (error) { throw new Er
Firestoreサブコレクションへデータ追加｜Firebase v9
Firebaseバージョン９でサブコレクション(入れ子、多階層のコレクション)へのデータ追加についてメモしたいと思います。 v９でサブコレクションへデータ（今回はオブジェクト）を追加 結論から書きますと以下のようになります。 import { addDoc, collection, doc, getFirestore } from "firebase/firestore"; const firebaseApp = initializeApp(firebaseConfig); const db = getFirestore(firebaseApp); const collectionPath = collection(db, "collection1", cid1, "collection2"); addDoc(collectionPath, addObject); まずはaddDocを使用
Firebase入門 FireStore編(v9) ※編集中
参照(公式) 【はじめに】 公式のドキュメントを読んだ内容をまとめる。コピペして利用したいので説明とコードを合わせて記載する。 FireStoreを利用するにはFirebaseのセットアップとデータベースの作成を事前に行う必要がある。 セットアップは以下の記事参照。 ほかにも、データベースへのアクセス制限ルールなどを定義できるのだが、まだよくわかっていないので学習が完了したら執筆する予定。 【FireStoreの基本知識】 ロケーション firestoreページにてデータベースを作成するとロケーションを選択できる。 日本に近ければどこでもよいが公式から以下が提供されているので参考にする。 私は東京での利用を想定して「asia-northeast1」に設定。 ・公式ページ データ構想 この記事では「コレクション、ドキュメント、データ」という3つのワードが頻繁に出てくる。これは「NoSQL ド
FirebaseのFirestore v9でサブコレクションを取得する - Qiita
FirebaseとReactでアプリを作成していたときに、Firestore ウェブバージョン9のサブコレクションを取得する方法を記載した記事が中々なかったのでまとめます。 サブコレクションとは？ Firestoreはリレーショナルデータベースとは構造が違い、ドキュメントとコレクションの組み合わせで構成されています。 リレーショナルデータベースとFirestoreの違い とあるユーザがいてそのユーザに紐づくブログ記事（複数）があった場合、 リレーショナルデータベースでは「ユーザ」テーブルと「ブログ記事」テーブルがそれぞれあり、ブログテーブルにユーザIDを持つなどして「ユーザ」とそれに紐づく「ブログ記事」を定義すると思います。 Firestoreでは、複数の「ユーザ」というコレクションがあり、個々のユーザの中にそれぞれサブコレクションとして「ブログ記事」があるというイメージです。 FireS
Firebase Authenticationの認証とアカウントリンク - Qiita
PONOS Advent Calendar 2020の3日目の記事です。 昨日は@e73ryoさんのScriptableWizardからコンポーネントとプレハブを同時に作成する例でした。 はじめに Firebase Authenticationを利用すると簡単にアプリに認証機構を導入できます。 一時的な匿名認証の他、一般的なパスワード認証、さらにGoogleアカウントやFacebookログイン等を簡単に導入することができます。 Firebase Authenticationでは大まかに三つの挙動を上げることができます。 1. サインアップ（アカウント作成） 2. サインイン 3. アカウントを他の認証にリンクする 今回はこれらの認証を呼び出した時の状態変化がどうなるかを検証してみたいと思います。 また、ここでは具体的な実装方法は省略いたします（Firebaseのドキュメントをみてね）。 こ
Firebase Authentication を利用した認証システムの実装 - Qiita
２０２２年２月追記 Firebase SDK v9では、実装方法が大きく変わりました。 v9を利用した認証の実装については、以下をご覧ください。 Authenticationを利用した実装 前回 に続き、 Firebase の備忘録を書いていきます。 今回はFirebase Authenticationを利用した認証システムの実装についてメモを残しておきます。 Firebase Authentication の設定 認証は、Firebase プロジェクトのコンソールから「Auhentication」を選んで設定していきます。 公式ドキュメントは以下。 ここでは、サンプルアプリで利用したGoogle 認証に絞って記述します。 Google 認証の設定 Authentication → Sign-in methodを選び、設定を「有効」に変更→保存で、終了。 Google認証の実装 Fireb
Firebase Authenticationの使い方についてざっくりメモしてみる | 株式会社アイ・プライド
概要 GoogleのFirebaseにおける機能の1つ、「Firebase Authentication」の利用方法についてのメモ書きです この機能を使うと、ユーザー認証機能を簡単に実装することができます 技術についての概要は、公式(Google)から提供されているWebページや字幕付き動画などをご覧ください 一番基本的な「ポップアップで認証画面を表示する」パターンしか使用していませんので、より高度な機能を利用したい場合は、Google Firebaseの公式ドキュメントを参照してください 実際の操作手順 Firebaseでプロジェクトを作成します Webサイト上でプロジェクトの画面に移り、どの認証(ログイン方法)を追加したいかを選択する画面まで移動します 具体的には、https://console.firebase.google.com/project/<プロジェクト名>/authent
Service Worker - Qiita
概要 Service Worker とは、バックグラウンドで動く JavaScript。オフラインで動くウェブアプリを作るために便利なイベントが定義されている。今まで Application Cache 等の宣言的なキャッシュ方法が提案されて来たが、なかなか全てのユースケースをカバーするのは難しいので、柔軟なキャッシュを実装するための低レベル API を提案してみたという事らしい。なので、実際には https://workboxjs.org/ 等のライブラリ経由で使う方が楽。 Service Worker の動作には HTTPS サーバか localhost で動くウェブサーバが必要。開発には Web Server for Chrome が便利。他の人に見せたい場合は Github pages や Amazon Cloud Front を使えば良い。 登録と削除 登録には、navigato
Web Push通知の受信を、Firebase Cloud Messaging(FCM)＋Service Worker ＋Notificationで受信側でコントロールしてみた | Tech Blog | CRESCO Tech Blog
Web Push通知の受信を、Firebase Cloud Messaging(FCM)＋Service Worker ＋Notificationで受信側でコントロールしてみた
「アプリで開く」を実現する、Firebase Dynamic Linksの実装と運用Tips
2018年12月12日、株式会社サイバーエージェントにて「CA.swift」の 第7回が開催されました。AbemaTVやAmeba、AWAなどを担当しているiOSエンジニアが登壇し、それぞれのチームの開発ノウハウを惜しみなく語るイベント。今回は、『iOSアプリ設計パターン入門』の著者2名を含む5人のエンジニアが、iOS開発における知見を披露します。プレゼンテーション「Firebase Dynamic Links導入事例」に登壇したのは、株式会社サイバーエージェントの行木千春氏。講演資料はこちら Firebase Dynamic Links導入事例 行木千春氏：よろしくお願いします。株式会社サイバーエージェントの行木千春です。 自己紹介なんですけれども、2015年中途入社で、それ以降ずっとAmebaでiOSエンジニアをしています。WWDCに2回参加していまして、2015年にUniversal
ChromeでW3C Push APIを使ってみた - Qiita
※ (2017/7/4: Chrome以外のブラウザとの相互運用性を考慮する場合は、Web Pushへの移行を推奨します。Web Pushについては[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる[旧仕様対応版]にまとめています。(なお、AndroidやiOSへのFirebaseプッシュ通知と統合して運用する場合は、Firebase JavaScript SDKの利用を検討した方がよいかもしれません。)) ※ (2015/11/27: 関連してFetch APIの使い方を簡単ながら別記事に書いてみました。) もう既に、ググると参考記事がいくらでも出てくるような内容ではありますが、個人的にいろいろと上手く行かなかったりしたこともあるので、参考までにまとめてみました。 さて、Chrome 42 (Android版を含む(!))では、Service Workersとの組み合わせで
ZOZO大忘年会でFirebaseを使った1,000人規模のリアルタイムアンケートを費用2円で制作した話 - Qiita
この記事はZOZOテクノロジーズ TECH BLOGにも同じ内容で投稿しています。よろしければ他の記事もご覧ください。 こんにちは！ ZOZOテクノロジーズ フロントエンドエンジニアの高橋（ニックネームはQ）です（@anaheim0894） 昨年12/26、毎年年末に行われる大忘年会（ZOZOCAMP2018）で、グループ会社も含めた1,000人規模でのリアルタイムアンケートを、FirebaseとVue.jsを使って制作しました。 当日会場にて弊社の昨年の事業紹介や、「楽しく働く」というコンセプトの動画を流し、動画の合間で質問をし動画と一体となるような演出を行いました。 その質問に対して全社員それぞれのスマートフォンで回答できるシステムを作ったので、その制作の裏側や、当日の様子などご紹介させていただきます。 まずは当日の様子の紹介 これを実現するまでの様子をご紹介いたします。 CAMP運営
FirebaseのRealtime Databaseのざっくり概要 - Qiita
個人的に作っているアプリで簡単にリアルタイムにデータが同期される機構を組み込みたく調べていたところ、Firebaseにたどり着いたのでまずはざっくり概要をまとめました。 Firebaseとは Googleが運営しているMBaasです。 Firebaseの特徴としては、他のMBaasと同じ様に、オンラインでサインアップするだけで、オンラインのデータベースにデータを保存 / 取得ができることに加え、 HTML / CSS / JS / 画像などの静的ファイルをホスティングし、CDNを通じSSLで提供するとこまでを提供するFirebaseHostingやユーザーの行動を分析するFirebase Analyticsなど、Googleさまさま(?)な強力な機能も利用することができます。 Firebaseの機能一覧 サービス 概要 対応プラットフォーム
Firebase Authenticationを使ってみる🔥 - Qiita
初めまして。普段様々な機会を頂いてAndroid開発をやっている大学院生です。 もう早いもので12月も半分以上が過ぎてしまいましたね。 2016年も様々なことがありましたが、2016/05/19(日本時間)にGoogle I/O 2016にてFirebaseの新バージョンが発表されました。おかげで、Firebaseを使ってできることが更に増え、GoogleのいくつかのサービスがFirebaseに統合されました。 そんな中で、今年Firebaseの一つの機能である認証機能を触る機会がありました。もちろん、公式ドキュメントがあるのですが、公式ドキュメントだけではつまづくポイントがいくつかありましたので(特にTwitterとの連携周りで)、この機会にまとめておこうと思います。 今回認証の連携に用いたプロバイダサービスは、Google、Facebook、Twitterの3つです。これらに加えて、e
Firebase Realtime DBを実践投入するにあたって考えたこと - Qiita
Firebase Realtime DBを実践に投入する Databaseと聞くと、これから利用しようとするFirebaseがmBaaSであることを忘れてついREST(Client Server Model)で考えてしまいがちですが、大前提はMobile Platformなので、一度REST、RDBの考え方は捨ててみてください。 RDBの考え方を引き継いだままでは、Firebase Realtime DBの最善の設計はできないと考えています。 そして、RDBの考え方を引き継いだままFirebase Realtime DBを理解しようとすることが、導入の一つの障壁となっていると思っています。 ぜひ頭をリフレッシュしてFirebase Realtime DBの見方を変えてみてください。 この記事では、Firebase Realtime DBの導入するにあたっての考え方やテクニックを紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2022年最新】 Flutter × Firebase でアプリを作ろう！ - 週刊Flutter大学