この記事は「JX通信社Advent Calendar 2019」の14日目の記事です。 はじめに こんにちは。JX通信社でエンジニアインターンシップをしているペイと申します。 1ヶ月ほど前からKI-develop1で積ん読を防止できるアプリBookMotionを開発しています。 今回はBookMotionでWebフロントとfirebaseを担当したので作っていて良かったこと(主にWebフロント)など紹介できればと思います。 開発環境や具体的なコードの記述はないので知らなかったことが知れると思ってお読みください。 作ったもの ランディングページ / BookMotion WEB(β版) BookMotionは積ん読を防止する為に、読みたい本を簡単に登録、 読書のモチベーションを維持することできるようになっているアプリです。 特にエンジニアの方は,技術書を沢山積んでいるのではないでしょうか?
FlutterとFirebaseとFacebookと、クロスプラットフォームログインのはなし - JX通信社エンジニアブログ
この記事はJX通信社 Advent Calendar 2019 6日目の記事です。 Flutter に Firebase Authentication と Facebook認証を組み合わせる話 こんにちは、Flutter(Andorid)エンジニアのぬまっちです。(@nuMatch) 先月は登壇してきましたブログ tech.jxpress.net を投稿しました。 記事の最後に予告した通り、今回はFlutter と Firebaseの相性の良さについて筆を走らせたいと思います。 特にFirebase Authentication と Facebook認証が今回の主役になります。 おしながき ログイン機構と3つのF Firebase Authentication の仕組みについて Flutter側での実装 ログイン機構と3つのF 初めに、この記事は Flutterでクロスプラットフォームアプ
Firebase Admin SDKで一般的なWebサービスの構成にFirebase Authenticationを使った認証処理を組み込む。 - Qiita
Firebase Admin SDKで一般的なWebサービスの構成にFirebase Authenticationを使った認証処理を組み込む。Node.jsFirebaseFirebaseAuthentication 概要 Firebase #2 Advent Calendar 2019の14日目の記事です。 Firebase Authenticationを使用した記事は数多くあるのですが、一般的なWebサービスのサーバーサイドでの認証にFirebase Authenticationを利用する記事が見当たらなかったので、サンプル実装を書いてみました。 今回のFirebase Authenticationの想定ユースケース 自前でのユーザー管理は行いたい 認証部分のみFirebase Authenticationを導入し、Googleアカウントとの紐付けを行いたい。認証処理の実装の省略したい
1. はじめに Firebaseを使って独自ドメインWebサイトを公開する方法をまとめました。 一般的にはレンタルサーバーなどへFTPツールなどを利用してHTMLファイルをアップして、Webサイト公開という流れですが、Firebaseを使用すると、コマンド一発でWebサイト公開できるようになります。 ただ、独自ドメインを設定するのは少し複雑です。 ボク自身も数ヶ月経ったら独自ドメインの設定方法忘れそうなので、備忘のために当記事を書きました。 ぜひ参考にしていただければと思います。 2. 前提事項 今回ドメイン取得はお名前.comを利用する前提で解説していきます。 3. ドメイン取得 まずは、お名前.comでドメイン取得します。 取得したいドメインを入力し、検索ボタンをクリックします。 お名前.com 次にトップドメインを選択します。 オプションは特に不要なので、すでにIDを持っている方はI
Building a Real-Time Chat App with React and Firebase | CSS-Tricks
In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database, where we can sync data with a NoSQL cloud database. The client application is going to be built in Rea
概要 フロントエンド：nuxt.js API：rails apiモード 認証：firebase auth のような構成でrails側にてどのような認証に関わる実装が必要となるのかを調べてまとめてみました。 長くなりそうだったので、設計編と実装編にわけてあります。 なお、今回の内容はあまりrails関係なくなってしまったので、その他のサーバーサイド実装でも基本的な考え方は一緒かと思います。 ご指摘は真摯に受け止めて学習・修正いたしますので、何かありましたらフィードバックお願いします。 ※なお、以下firebase authとfirebaseは同義で使用しています 前提 Firebase authについて とても簡単にいうと、ログイン系の認証をgoogleのfirebaseさんが肩代わりしてくれます。 フロントエンドでログイン処理を動かすとgoogleのポップアップが出てきて、認証が完了すると
これにより、iOS アプリで Firebase を稼働させるために必要なライブラリが、Firebase 向け Google アナリティクスとともに追加されます。 ・ ポッドをインストールし、.xcworkspace ファイルを開いて Xcode でプロジェクトを確認します。 2回目以降も、インストールを使用すると、依存性でエラーになる事が多いです。 証明書を発行編に移ります プッシュ通知を送るために作成するもの・しておくことは以下の７つあります。 CSRファイルの作成 ※初回作成すれば後は同じものを使いますので改めて作成不要です 開発用証明書(.cer)の作成 ※初回作成すれば後は同じものを使いますので改めて作成不要です AppIDの作成 端末の登録 プロビショニングプロファイルの作成 APNs用証明書(.cer)の作成 APNs用証明書(.p12)の作成 1. CSRファイルの作成 キー
iOS14でのコピペ内容(UIPasteboard)取得警告について ※Firebase DynamicLinksを導入している場合は要注意！ - Qiita
iOS14でのコピペ内容(UIPasteboard)取得警告について ※Firebase DynamicLinksを導入している場合は要注意！iOSライブラリSwiftiOS14 おことわり この記事は、iOS 14 Beta2 での情報を元に書いています。 バージョンアップなどにより最新の情報と異なっている可能性がありますので、ご注意ください。 前置き iOS 14 Betaにアプリがコピペ内容を読み取るとOSによって通知される機能が追加されました。 従前にTikTokなど多くのアプリがコピペの内容を読み取っているという指摘がWebニュースで流れていたので、それがトリガーとなって仕様追加されたようですね。 実装ベースで言うと、↓こんな感じのコードを書いている場合。。。 コードが実行されたタイミングで、OSから警告が表示されます。 Androidのトーストのような感じのバナー表示です。 ※
【高1/歴25日】 React, TypeScript, CI/CD, Supabase, Firebase でデジタル名刺アプリを作った - Qiita
【高1/歴25日】 React, TypeScript, CI/CD, Supabase, Firebase でデジタル名刺アプリを作った初心者ですReact個人開発初学者高校生 みなさんこんにちは！僕は現在1ヵ月本気の技術力向上を目指している現役高校生1年生、 @shuniiです！ 今回はReact学習開始から25日目でデジタル名刺アプリCardfolioを作ったのでその成果を共有させていただきます。少し文章量が多くなってしまうかもしれませんがお付き合いいただけるとうれしいです。プログラミング初学者の方であれば、「自分にもこんなものを作れるようになるんだ！！」とワクワクしてくれたら嬉しいです(技術のことはいったんおいといて) 使用技術 React TypeScript react-hook-form Supabase jest react-testing-library github a
Google アナリティクス for Firebaseを導入するときの考え方と要件定義 | はじめての「Google アナリティクス for Firebase」入門
前回のコラムまで「Google アナリティクス for Firebase（略称：GA4F）」の基本的なイベント、パラメータの種類や意味を解説してきました。今回は、 アプリの表示回数を計測するには？アプリ画面上でタップされた数を計測するには？アプリ画面をコンバージョン設定するには？という具体的な状況を例に、実際にアプリを計測するときに「どのイベント」「どのパラメータ」を定義すれば良いか、弊社の電気自動車などの充電スポット検索アプリ「EVsmart」で紹介します。 アプリ画面の表示回数を計測するには？ ―― screen_viewイベントのfirebase_screenパラメータを使うアプリの計測を行うとき、画面（スクリーン）ごとの表示回数を計測したいことは多いはずです。 たとえば、Googleアナリティクスのタグが設置されたWebサイトであれば、ページタイトルやURLを自動的に取得し、ページ
Google I/O 2024 is here, and just like in previous years, we have many new products and features to tell you about. But first, a look back. For years, millions of you developers have been using Firebase to accelerate your app development and run your apps with confidence. From Realtime Database to Remote Config, we’ve been obsessed with helping you speed up and simplify your work so that you can m
FirebaseはGoogleが提供するクラウドサービスの一つでWebサービスをリリースする上で必要な機能を多数揃えています。この記事ではWebサービスで需要の高いお問い合わせフォームをFirebaseで実装する方法について紹介します。 当記事で目指すこと静的ホスティングしたコンテンツにお問い合わせフォームを実装するフォーム送信内容を指定のメールアドレスへ通知するフレームワークを使わないシンプルな構成で実装するFirebaseにはフォームを簡易実装できる機能が標準で備わっていないためCloud FunctionsとNode.jsでメール送信できるNodemailerを利用します。またメールを送信するには通常メールサーバーが必要となります。そこで今回はGmailを使用することにします。
【iOS】FirebaseのCloud Storageでサーバー上のファイルの日付を確認する方法（Swift）
デバイス上のファイルの作成日付と、FirebaseのCloud Storageに格納してあるファイルの作成日付を比較して、サーバー上のファイルの日付のほうが新しかったらダウンロードしたいという処理はよくあると思います。 日付を別で管理したり、一度ダウンロードしてから作成日付をチェックするのでは効率が悪いため、できれば、サーバー上のファイルを直接確認してからダウンロードをしたいところです。 Cloud Storageのリファレンスから作成日付や更新日付を直接確認する方法がありました。 作成日付はtimeCreated、更新日付はupdatedで取得できます。 また、日付に限らず、様々なメタデータを取得することができます。 取得できるメタデータは以下のとおりです。（更新することができるものもあります） メタデータ一覧 メタデータを取得して、日付チェックするまでのソースコード例は以下のとおりです
この記事はAndroid #2 Advent Calendar 2019の12/9の記事です。 前日は @tak-wisteria さんの「Android × TDD」でした。 はじめに Android Studioを普段使用している方で上記のアイコンがあるのをご存知でしょうか。 上記の👁の画像はゲーム画面などではなくAndroid Studioの一部を拡大したものです。 👁は若干不気味ですがAndroid開発をとても便利にしてくれます。 Android Studioでの👁のセットアップ方法と👁の使い方を説明します。 本記事ではMac OS 10.15, Android Studio 3.5を使用しています。 前編: 👁を追加する 1. 新規にプロジェクトを作成する File > New Project からプロジェクトを作成します。 サンプルではEmpty Activityを選
New for Firebase Hosting: request logging, Brotli compression, and internationalization
New for Firebase Hosting: request logging, Brotli compression, and internationalization We’re excited to announce several new features that make developing with Firebase Hosting even better! New features! Server-side analytics with Cloud Logging Our new integration with Cloud Logging gives you access to web request logs for your Hosting sites. Cloud Logging, previously known as Stackdriver Logging
2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話 - Qiita
2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話AndroidDartFirebaseFlutter 筆者のスペック：Delphi の人です。業務アプリたるやみたいなことを普段は考えています。 ERP業務アプリケーション開発17年 言語：Java, JavaScript (Delphi, COBOL, C++, SQL？, HTML？, CSS？, 趣味では色々 フレームワーク？：Spring, jQuery, 他：Windows, UNIX全般, LINUX, データベースは何でも で3層構造を主に触って食ってきました。タイトルだけは今時風にしてみました。 以下 Web制作を諦めた初心者が半年でアプリをリリースした話（Flutter） を読んで全く単語が頭に入ってこなかったのと、頭から入りたい質として「あーん？こいつら信用できるん？」
この本は執筆途中ですが著者のリソース問題で更新を断念しました。このままお蔵入りさせるのも忍びないので途中までですが公開することにしました。ご留意の上適宜参照してください。また、Tailwind CSSなど古いバージョンに基づいているのでその点もご留意の上ご参照ください。
![[WIP]Next.jsとFirebaseによる実用Webアプリ開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/874e75b6580735f12601fd23d6c62cd41b66f339/height=288;version=1;width=512/https%3A%2F%2Fstatic.zenn.studio%2Fimages%2Flogo-only-dark.png)
Next.js × TypeScript × Firebase AuthenticationでGoogle認証を実装する - Qiita
概要 Next.js × TypeScript × Firebase Authenticationを用いたgoogle認証機能を実装してみました。 実装（Firebase側） プロジェクトを作成する Firebaseにアクセスし、新しいプロジェクトを作成します。 作成が完了したら、『ウェブ』というアイコンをクリックし、アプリ名の登録を行います。 アプリ名の登録が完了すると、下記のようなスクリプトが表示されるかと思います。 こちらはnextアプリ側で使うので、コピーしておきます。 var firebaseConfig = { apiKey: xxxxx authDomain: xxxxx, databaseURL: xxxxx, projectId: xxxxx, storageBucket: xxxxx, messagingSenderId: xxxxx, appId: xxxxx, me
Firebase - Wikipedia
A/B Testing, App Indexing, Analytics, Authentication, Cloud Firestore, Cloud Functions, Cloud Messaging, Cloud Storage, Crashlytics, Dynamic Links, Hosting, In-App Messaging, ML Kit, Performance Monitoring, Predictions, Realtime Database, Remote Config, Test Lab, Firebase Extensions Firebase（ファイアベース）は、2011年にFirebase, Inc.が開発したモバイル・Webアプリケーション開発プラットフォームで、その後2014年にGoogleに買収された[5]。 2020年3月現在、Firebase
Flutter初心者からステップアップしたい！ Firebaseと連携してアプリを制作する方法を知りたい！ と言った方向けにFlutterでFirebaseを利用する方法を丁寧に解説します。 各種設定から解説を行い、本書に沿って進めていけば動作するアプリケーションが作成できるハンズオン形式です。またある程度の有識者の方はFlutterとFirebaseでこんなことがしたい！という際に参照するレシピ本のように扱っていただくことも可能です。 本書の内容を活用できるようになればFirebaseを利用して実用的なアプリを作成できるようになるかと思います。以下が扱う内容になります。 - Authentication ○匿名ユーザでの認証 ○メールアドレスによるサインイン、サインアップ ○パスワード変更、メールアドレス変更 ○パスワードリセット機能 ○メールアドレスの有効化機能 - Cloud Fir
FabricからFirebaseへのマイグレーション
Fabric は 2020 年 3 月 31 日をもって、Firebase に統合されます。 https://get.fabric.io/roadmap そのため、Fabric で使っていた Beta や Crashlytics を Firebase にマイグレーションをする必要があります。 今回は、iOS と Android で Beta と Crashlytics を Firebase SDK に置き換えた話をします。 Firebase CrashlyticsFabric の移行フローに沿って、Firebase Console の操作をします。 その後、Firebase Console にある Crashlytics が Fabric と同期されるようになり、クラッシュイベントが表示されるようになります。 ここまでは簡単なのですが、Fabric で使っていた SDK を Firebas
初めに Firebase Authenticationを使用すると簡単にアプリにユーザー認証の仕組みを実装することができます。 自前のWebサーバーでFirebase Authenticationのユーザー認証を検証したい場合、IDトークンをクライアントから送ることで実現できます。 このIDトークンとセキュリティについて記載します。 以下の記事も参考にしてください。 JWTでセッション管理してはいけない 登場する単語 IDトークン ユーザーの情報が含まれたJWT。 有効期限が1時間しかない。 更新トークン IDトークンを取得するために使用するトークン。 Webサーバーでのユーザー認証の流れ クライアントはFirebase Backendから更新トークンを使ってIDトークンを取得する。 クライアントはWebサーバーにIDトークンを送る。 WebサーバーはIDトークンを検証し、ユーザーを認証す
Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion
Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion Hi guys, I'm proud to present you my latest project: Fakeflix. I have started this project with the purpose of learning how to structure a Web App of a mid-level complexity integrating the Redux logic and experiment with things like Redux Thunk, Redux Saga, Firebase and Framer Motion. It's a Netflix cl
前置き 便利なfirebase！ シンプルに導入の仕方を解説していきます😉 簡単なデータの書き込みと取得をしてみます🍒 ❓そもそもfirebaseとは 簡単に言うと オンラインにデータを保存できて 取得もできる優れものです！ 自分で1から作るとなると大変ですが firebaseを使えば簡単ですね🌟 https://firebase.google.com/docs/database ❓どんな時に使うか 例えば、チャットアプリ！ リアルタイムにデータを保存・同期できるので メッセージを送り合うことが簡単になります💌 例えば、フリマサイト！👕👖 会員情報とその会員が出品した商品が DBに保存されていきます。 それを会員はいつでも編集でき、 反映したらすぐ表示が変わるわけです💡 会員自身でデータが作れて編集もできる！ といった感じです🌟 ❓Referenceの読み方 基本的にfir
Build an Instagram Clone with React Native, Firebase Firestore, Redux, and Expo
Recreating a popular app is a fun way to learn a lot of complex programming skills. We've released a full course on the freeCodeCamp.org YouTube channel that will teach you how to build an Instagram clone using React Native, Firebase Firestore, Firebase storage, Redux, and Expo. The app includes an authentication system, database, storage, and more. SimCoder created this course. He's taught dozens
そもそもFirebaseとはhttps://firebase.google.com/?hl=ja モバイルアプリやWebアプリケーションを素早く作成するために役立つ様々な機能が揃ったプラットフォームです。2014年にGoogleが買収し、現在もGoogleのサービスとして提供されています。 こういったプラットフォームを安定して提供することは技術力もリソースも必要ですが、Firebaseは十分にアプリ開発に使えるクオリティに達しており、さすがGoogleという印象です。 本記事はエンジニアのための技術的な解説ではなく、事業責任者・PM（プロジェクトマネージャー）・デザイナーなどエンジニア以外の職種の方にFirebaseの仕組みや概念をご理解いただけるように紹介していきます。 Webアプリケーション開発に使える代表的なFirebaseの機能https://firebase.google.com
Nuxt.js(SSR)+FirebaseというWEBアプリの最強最終形態｜プログラミングが出来るようになるノート
Nuxt.js(SPA)でS3にデプロイする方法にはだいぶ慣れたが、SEOの観点からSPAには限界を感じ始めていた。実際に自分がデプロイしたWEBアプリのPVを観測して出した結論ではないけれど、いつまでも悶々としているよりも、SSRを出来るようになった方が自分の成長の為にも絶対に良いハズ。 SSRと言えどサーバーレスな構成にするのは譲れない。インスタンス管理はやはり面倒。オンプレで運用している方から見ればだいぶ贅沢な事言ってるなと思うだろうが…笑 Nuxt.jsの静的ホスティングやSPAは、 ・S3(AWS) ・Netlify ・Cloud Storage(GCP) と選択肢が多いが、SSRをサーバーレスで実装するとなると、 ・Lambda + API Gateway(AWS) ・Firebase(GCP) ・Fargate(AWS) を使う３つの選択肢が一般的だと思う。 ログイン認証とN
この記事はFlutterとFirebaseを利用してアプリ内課金(IAP)機能を実装するためのステップバイステップ実装ガイドです。 主にIAPを実装する際の肝となるレシート検証処理を、プラットフォーム別で詳細に解説します。 目次 in_app_purchaseパッケージの導入 Flutterでアプリ内課金を実装をするためのパッケージはいくつか存在しますが、今回はFlutterの公式ライブラリであるin_app_purchaseを採用します。 pubspec.yamlにパッケージを追加し、flutter pub getコマンドを実行します。 dependencies: in_app_purchase: 0.3.4 # 導入時点での最新版を確認すること 実装手順 具体的な実装手順に関しては 公式のデモプロジェクト に付属しているREADME.mdを参考にするのがおすすめです。 こちらのREAD
初めてのSpring BootとFirebaseで社内サイネージの裏側を作った話 - istyle Tech Blog
この投稿は Advent Calendar 2018 の20日目の記事です。 先日掲載された 新卒エンジニアが初めてのVue.jsとFirebaseで社内サイネージを作った話 のバックエンド側の話になります。 はじめに つい先日弊社ECサイト ＠ｃｏｓｍｅ shopping にて弊社としては初の試みとなる年1回の大セール ＠ｃｏｓｍｅ Beauty Day 2018 を開催しました。 当日はいくつかのトラブルはありましたが、1日あたりの過去最高の売り上げを記録しイベントの目標は達成することができました。 そんな中、イベントの経過を見守るためのツールとして売り上げ金額を社内サイネージに表示するシステムを開発したので、多少のエピソードを交えながらその話をしようと思います。 開発の依頼 開発の依頼は「売り上げをサイネージに表示するものを作って」の一言だけでした。 ディレクターがつくこともなく、明
BlazorクライアントアプリケーションをFirebase Hostingにデプロイし、Firebase Databaseと連携したいと思います。 開発環境 Windows10 Visual Studio 2019 Preview .Net Core 3.0 Preview 9 Firebase CLI for Windows(beta) Firebaseの準備 Firebase-CLIを使えるようにする VisualStudioのプロジェクトをFirebaseにデプロイするために、Firebase-Cliを準備します。Firebase CLI for Windows(beta)は、Node.jsなどのインストールが不要なので便利です。 PATHを通しておきます。 Firebaseにログインし、新しいプロジェクトを作成 Firebaseアカウントを作成し、ログインして、新しいプロジェクトを
nuxt.ts(nuxt.js+Typescript)でfirebaseをインジェクションしたい。 - Qiita
前書き nuxt.jsとFirebaseの組み合わせでなにか作るというのは結構ポピュラーらしく、qiitaでも検索するといろいろな記事が出てきます。私も大変お世話になりました。 nuxt.jsでFirebaseSDKを使う場合、多くはpluginディレクトリ内でfirebase.jsを用意してFirebase SDKを初期化し、各々のVueファイル内でimportするというのが定番のようです。 一方でnuxt.jsのインジェクションという機能を使うことで、いちいちvueファイル内でimportせずにFirebaseを呼び出せるようにする方法もあります。importの方がどこで何を使っているのか明示されてわかりやすいのですが、私は横着なのでインジェクションを使っています。 今回はそれをTypeScript導入済みのnuxt.jsでやってみようと思い、（警告が出ていますが）実際に動作させること
react-native-firebase(v6↑) + react-native-push-notificationを使ったプッシュ通知実装の注意点 - Qiita
#import <UserNotifications/UserNotifications.h> #import <RNCPushNotificationIOS.h> ... - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { ... UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter]; center.delegate = self; return YES; } ... - (void)userNotificationCenter:(UNUserNotificationCenter *)center d
フィードバックを送信 基本的なセキュリティ ルール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase セキュリティ ルールを使用すると、保存データへのアクセスを制御できます。ルールの構文は柔軟なので、データベース全体に対するすべての書き込みオペレーションから特定のドキュメントに対するオペレーションまで、あらゆるオペレーションに適格なルールを作成できます。 このガイドでは、アプリを設定してデータを保護する際に実装する、いくつかの基本的なユースケースについて説明します。ただし、ルールを作成するための言語とルールの動作についての詳細を確認してからルールの作成を始めることをおすすめします。 作成したルールにアクセスして更新するには、Firebase セキュリティ ルールの管理とデプロイで説明されている手順に従ってください。 デフォルト ルール: ロ
概要 先日Next.jsをFirebase Hosting + Cloud Functions For Firebaseにデプロイしてみましたが しばらくアクセスないタイミングでアクセスするとかなり重くて厳しかったので Firebase Hosting + SWRでサーバーサイドの処理なく開発できないか遊んでみた ついでに裏側のAPIをGraphQL(gqlgen)で作成してCloud RunにTerraform経由でデプロイ 全部書くと長くなりそうなので、後で振り返れるようにポイントポイントをメモしておく ローカル環境 これまで業務ではフロントエンド、バックエンド（API）どちらも 同じリポジトリに格納されているケースしか経験が無かったため 今回は実験的に別リポジトリにして、それぞれ独立させてみた バックエンド（API） GraphQL(gqlgen)の作成 業務ではRESTしか触ってな
Next.jsにFirebase Authenticationを導入するときに考えるべきこと - Ateam Tech Blog
エイチームグループの子会社のエイチームライフデザインでフロントエンドエンジニアをしてます。小堀輝(@anneau)です。 今回はNext.jsとFirebase Authenticationについてお話ししようと思います。 はじめに ユーザーが複数端末を持つことが多い現代において、私たちが開発するWebアプリケーションでは、異なるデバイスで同じ体験をユーザーに提供するために、ユーザーIDを識別し、データを保存することはとても重要かと思います。 もちろん、独自にユーザーを識別するシステムを開発することは可能ですが、複雑なロジックになってしまい、メンテナンスコストが嵩んだり、不具合につながってしまう可能性があります。 そこで、議論のテーブルに上がってくるのが認証基盤を提供してくれるSaaS。 今回は、その中でもメジャーなFirebaseについて、実装する上で直面した課題をあげ、あらかじめ考えて
Flutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析する
はじめに こんにちは！Altive株式会社のFlutterアプリ開発者の小林遼太（@naipaka）です🦙 みなさんはアプリの利用状況を把握するためにどのような方法を使っていますか？ これまでFlutterでアプリを開発していて、Firebase Analyticsを使ってアプリの利用状況を確認することはあったのですが、 それだけだとアプリの利用状況の詳細を把握するのに不十分で、クライアントの要望に応えることができないことがありました。 Firebase Analyticsへ送信したデータをBigQueryにエクスポートして解析できるようにしたことでアプリの利用状況をより詳細に把握することができるようになったので、 今回はFlutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析するまでの手順をまとめました。 イベント送信 送信す
概要 react-native-firebaseを組み込んだアプリでプッシュ通知を行う際の作業メモ。 具体的なソース実装よりは、権限設定などの事務的な内容多め。 前提として、react-native-firebaseと関連モジュール(/coreとか/messagingとか)はインストール済み(+pod installやAppDelegate.mの追記)で、GoogleService-Info.plistやgoogle-service.jsonはネイティブディレクトリに組み込み済みとする。 ※要するにreact-native-firebaseのイントロダクションは終わっている前提 【iOS】Apple Developersでやること 【Certificates, Identifiers & Profiles】から【Identifiers】のメニューを選択し、対象のアプリのIdentifier
Use this extension to add a highly scalable counter service to your app. This is ideal for applications that count viral actions or any very high-velocity action such as views, likes, or shares. Since Cloud Firestore has a limit of one sustained write per second, per document, this extension instead shards your writes across documents in a _counter_shards_ subcollection. Each client only increment
Firebase Authenticationを用いた「やってはいけない」システム設計の話 - Xtone Design & Tech Talk
エクストーンの豊田です。先日、エクストーン社内で技術勉強会があり、そちらでFirebase Authenticationを利用してWebサービスを設計・運用した際に困った話をさせていただいたので、こちらでも紹介させていただきたいと思います。 Firebase Authentication FirebaseはGoogleが提供しているモバイル・Webアプリケーション向けのプラットフォームで、認証やストレージ、関数実行等の機能を提供します。今回はFirebaseが提供する認証サービスであるAuthenticationについてお話しします。 Firebase Authenticationはユーザーの管理や認証を行うサービスで、メールアドレス・パスワードによる認証の他に、同じユーザーに対してGoogleアカウントやApple IDを利用した認証を紐づける等が可能です。ユーザーの管理自体をFireb
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.js + firebaseで「積ん読防止」アプリを作ってみた - ペイの技術MEMO
Firebaseを使って独自ドメインWebサイトを公開する方法 - Qiita
Rails API×Firebase authの場合、Railsは何をすべきなのかを考えた【設計編】
FirebaseでiOSのプッシュ通知を実装 - Qiita
Google アナリティクス for Firebase を「Google アナリティクス4（GA4）」へアップグレードする方法 | はじめての「Google アナリティクス for Firebase」入門
What's new in Firebase at I/O 2024
Cloud Functions for Firebase を使ったお問い合わせフォーム実装
Firebaseと連携してAndroid Studioに👁を追加する方法 - Qiita
[WIP]Next.jsとFirebaseによる実用Webアプリ開発
Flutter × Firebase クックブック 【2020年版】
Firebase AuthenticationとIDトークンと更新トークンとセキュリティの話 - Qiita
【Nuxt.js】firebase導入編(firestore版)：データの追加 取得をしよう - Qiita
Firebaseを使ってどんなWebアプリケーションが作れるの？
【Flutter + Firebase】アプリ内課金(IAP)のステップバイステップ実装ガイド【レシート検証】
BlazorアプリをFirebase Databaseと連携させる - Qiita
基本的なセキュリティ ルール | Firebase セキュリティ ルール
Next.jsとFirebase HostingでSWR。ついでにGraphQLとCloud Run
react-native-firebaseでmessagingを使う時にやる作業メモ
Distributed Counter | Firebase Extensions Hub