Firestoreはいろいろ制限がある。それでも便利なのでいろいろ試す。 私はポイントバリューを扱うアプリをよく書きます。バリュー操作自体はトランザクション処理もできるので、Firestoreでも安心して処理できます。で、処理時にtransactionsコレクションに下記のようなスキーマのdocumentを処理の度に残すとします。 処理した時間と、どのような処理をしたかを記録するとします。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

こういうまとめ方してあったらｶｶｯと理解できたはず…と思う書き方をしてみた。 ※Firebaseの覚え書きには連番つけてますが内容は繋がってません。 2022/07/28 V9について追記 V8とV9の書き方の違い V8はnamespaceだったのがV9でmoduleになったので、書き方がかなり変わっている。 V9のinitializeApp import { getApp, FirebaseApp } from 'firebase/app' import { getFirestore, collection, getDocs, Firestore } from 'firebase/firestore'; const app: FirebaseApp = getApp() const db: Firestore = getFirestore(app); async function get

ドキュメントを追加 新規作成( 自動的にID生成 ) - CollectionReference.add(docData) CollectionReferenceのaddメソッド を利用してドキュメントを追加します。 (async () => { try { // 省略 // (Cloud Firestoreのインスタンスを初期化してdbにセット) const userRef = await db.collection('users').add({ name: { first: 'tarou', last: 'yamada', }, score: 80, birthday: firebase.firestore.Timestamp.fromDate(new Date(1980, 10, 15)), createdAt: firebase.firestore.FieldValue.serve

はじめに Firebase とか Firestore とか単語だけは知ってるけど実際には使った事がない人がゼロからFirestoreにデータを突っ込むまでを記したものです なにぶん右も左もわからぬ状態ですので、情報として正しくない可能性があるのでご注意下さい 慣れてしまえば簡単だがそうでない場合には長い長い前準備 大体は公式に書いてある通り 1. プロジェクト設定 Firebaseコンソールで適当に新しいプロジェクトを作成 Databaseセクションでデータベースの作成 ⇒ テストモードで開始 ⇒ 有効にする コレクションを追加 ⇒ コレクションIDに「users」 次へ ⇒ フィールドに「test」 保存 2. サービスアカウント設定 ここで作成されるJsonファイルはクレデンシャルな認証情報なので公開等は厳禁です サービスアカウント作成ページで適当に新しいサービスアカウントを作成 AP

はじめに いや、とうぜん使えるんですが、ほとんどの PHPキッズ たちは Firestore が使えないと思います。日本において、 PHPキッズ たちが気軽に Firestore をつかったら GDP は跳ねる訳です。 日本政府 や Google日本 はその点勉強が足りない訳です。電車に乗ってたらとなりのおじさんがそのように言ってました。さだかではありませんが、では私が一役買いましょう。 Firestore どころじゃない まずですが、Firebaseに入って、プロジェクトをつくって、Firestoreでコレクションとかドキュメントとかポチポチいじって試してください。NoSQLの世界です。 ここまではいいですか？ Firebaseのプロジェクトの設定で、サービスアカウントに遷移します。 で、ここからGoogle Cloud Platformに移動します。 この経路でなくてもいいです。 Go

Firebaseの設定 アカウント登録 Firebaseのサイトにアクセスしてユーザ登録を行います。ユーザ登録にはGoogleアカウントが必要になります。 ページが開いたら、真ん中にある使ってみるボタンをクリックします。 Firebaseトップページ ログイン画面が表示されるので、メールアドレスを入力します。次へボタンにいくとパスワードを聞かれるので入力してください。 Googleアカウント情報を入力 Firebaseへようこそ画面が表示されればアカウント登録は完了です。 ログイン完了 プロジェクトの作成 Firebaseへようこそ画面の真ん中にあるプロジェクト作成ボタンをクリックしてください。 プロジェクトの作成 プロジェクト名を入力する画面が表示されるので、任意の名前をつけてください。ここではfirst-projectとしています。 プロジェクト名の入力 Googleアナリティクスを使

はじめまして、Zenn 初投稿です。よろしくお願いします。 はじめに Firebase Authentication で Twitter ログインなどを実装していると、デフォルトではリダイレクト時に https://[projectId].firebaseapp.com へアクセスし、それがブラウザのアドレスバーに表示されます。 独自ドメインで運用している Web サービスの場合、これがそのまま表示されるのはダサくて https://auth.example.com とかでアクセスさせたくなりませんか？ なりますよね。 公式ドキュメントの罠 Firebase の公式ドキュメントにリダイレクト ドメインのカスタマイズという項目があります。これで勝った！と思いきや少し罠がありました。 むしろ、罠がなければこんな記事は必要ありません。 どんな罠が仕掛けられているかというと、こちらです。 カスタム

無料で認証やらデータベースやらが揃ったサイトが作れる。 デザインこそ一から作らないとだが、そこさえどうにかすれば認証だのリアルタイムデータ表示だの、そういう楽しそうなサイトを作る受け皿を、目の前に準備してくれるというね。 Firebase価格表 インストール Node.jsをここからダウンロードして、インストール （WindowsメニューのNode.jsではなく）Node.js command promptがあるので、開く インストールされているか確認

先日、同期2人とWebアプリ作成しよう！と意気込み、手始めにFirebaseを利用してWebサイトのデプロイに挑戦してみました。 しかし、何度Firebaseのコマンドを実行しても-bash: firebase: command not foundが表示されてしまい実行出来ない・・・。(自分だけでなく2人とも) 同じような事例が調べても見つからず困りましたが、無事に解決出来たのでメモしておきます。 ##簡単にFirebaseについて説明 FirebaseとはMBaaS (Mobile Backend as a Service)と呼ばれるクラウドサービスの一種。 バックエンドの処理をFirebaseのサービスに担ってもらうことで、アプリ開発者はフロントエンドの開発に注力することができます。 ##Firebaseを始めてみた Firebaseの利用手順については、Firebaseの始め方やFi

はじめに 何回煎じるんだって言うほどよく見る内容ですが、Firebaseを用いてデプロイする機会があったので、ある程度知識をまとめてみました。 あくまで備忘録として記すので、もしわかりにくい部分が会ったらご指摘お願いします。 また、今回の記事はこの記事を非常に参考にさせてもらいました。 使用環境 MacBook (version: 10.15.4) Nuxt　(version: 2.11.0） firebase sparkプラン firebase-tools (version: 8.2.0) 目標 Nuxtで作ったアプリケーションを、動的コンテンツとしてデプロイしたい。 さらにBasic認証もかけれれば完璧。 0.概観 デプロイの流れ ①Firebase Hostingにアクセスします。 ②HostingされるとFirebase Functionsに必ずリライトします。 ③Nuxtアプリを

{ "firestore": { "rules": "firestore.rules", "indexes": "firestore.indexes.json" }, "functions": { //追記 "functions": { "source": "functions" } }, "hosting": { "public": "public", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ //追記 { "source": "**", "function": "ssr" } ] }, "storage": { "rules": "storage.rules" } } 後ほどのfirebase serve, firebase deploy のコマンドは、この設定ファイルを読み込

概要 自作のNuxt.jsはSSRモードでfirebaseにホスティングしようとネットで方法を探してました。 見つかった記事は2019の物でちょっと古くて（実際その通りやったら詰んでしまう）困ってました。 そこでこの記事とこの動画を参考になんとかデプロイできました。 でもどれも英語だったのでせっかくなので日本語の記事を書こうと思った次第です。 手順を見たくない方へ このボイラープレートをそのまま使う。 手順1 新規Nuxtアプリを作成する 注意 nuxt本体のソースコードを管理しやすいために/srcの中に入れてますが、そうしなくても良いです。ただ後述のfirebase.jsonのpredeployの設定をご自身のパスに合わせて修正してください。 手順2 まずfirebaseでアカウントを申請し、新規プロジェクトを作成してください。 nodeバージョンを10以上を使うため、プランはblaze

Firebase Authenticationのカスタム認証システムを使って、Slack連携サインインを実現するまでの道のり。authenticationSlackFirebase おはこんにちは、あさマックです。 この記事は、謎の集団Zeneloのアドベントカレンダー、11日目の記事です。 現在は謎の集団からは少し離れてしまったのですが、気付いたら書くことになっていました。有り難い話、どうやらまだ在籍しているようです。あまりに謎の集団すぎて、私自身もよくわかっていません。 前書きが長くなってしまいました。 今回はいま携わっているサブプロジェクトで、Slackと連携したWebアプリケーションをひとつを開発したのですが、サインイン機構として、Firebase Authentication を用いて「Sign in with Slack（Slack認証）」を実装しました。その時の流れを自分の備

まずtokenの取得。admin権限が必要みたい。 hogehogeとなっているところ、既存の認証システムでのIDにすればよい。 ここをProvider:userIdとかするといろいろ便利らしい。 const admin = require('firebase-admin'); const serviceAccount = require('path/to/key.json'); admin.initializeApp({ credential: admin.credential.cert(serviceAccount), databaseURL: 'https://staging-xxxxx.firebaseio.com', }); admin.auth().createCustomToken('hogehoge') .then(token => { console.log(token)

Important The SDK, along with its Laravel Package and Symfony Bundle, has garnered over 3,200 stars on GitHub. The SDK alone is downloaded more than 650,000 times a month, highlighting its significant impact and widespread use in the PHP community. If your PHP project utilizes Firebase, there’s a high likelihood it’s leveraging this SDK. The impressive number of downloads underscores its integrati

この資料は5分LT用に作成されたもののため、だいぶ端折って説明されています。 Sign in with Slackとは https://api.slack.com/docs/sign-in-with-slack 名前の通り「Slackアカウントを使ったログイン」を実現できる仕組み。 (ログイン時に要求する権限によっては)ユーザー情報やチーム情報を取得する事が可能 あんまり知られてないような気がした(僕が知らなかっただけかも) こんなケースに使えそう Slackのアカウント情報と連携したWebサービス 社員だけに限定公開するサイト ※ちなみにいろいろサンプルを用意しようとしたら全然間に合いませんでした Firebase Authenticationとは DBやらを用意せずとも認証・ユーザーの永続化などを一手にやってくれるFirebaseのサービスの一つ Firebase内の他のサービスの認証

これは たまに、LINE API触ってるエンジニアと話していると、Firebase Authenticationと繋いでいる/繋ぎたいと思っている、 という話を聞く。 恐らく、現時点で LINE ログインをしたいようなシチュエーションだと、わりとライトなプロダクトが多くて、そういうプロダクトでは Firebase を使って開発していることが多いのかな。 例えば、LINE Messaging API の柔軟なメッセージの JSON の保存場所を Firestore にして Bot をつくる、とか。 そのときに、LINE ログインのことを考えると思うのだが、実はとにかくユースケースがややこしいし、情報あんまりなくて困るよね、という話。 まぁ都度ちゃんと考えるしかないよね〜くらいに思っていたけど、そういえばLINE API ExpertになったときにFirebaseが絡んだユースケースは俺に任せ

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads