Firebase Authentication

メール・パスワードによるアカウント認証機能を持つメモアプリを作ります。また、作成しメモはクラウドに保存されるため、他の端末からログインすれば同じメモを見ることができますし、編集もできます。メモアプリにわざわざ認証機能を追加する必要があるのかと考えればそれまでですが、勉強の一環として実践しようと思います。 デモンストレーション Firebaseについて Firebase Authentication Firebase Realtime Database アプリの仕様 画面遷移はActivityResultLauncherを主軸とする アクティビティの役割 アクションバーの非表示 レイアウトの作成…

firebase.google.com pub.dev 目的 仕事で認証系の処理に関わることがあり、なんとなく興味がわいた。SDKの使い勝手や認証プロセスをどこまで抽象化しているのか気になった。 自分で何かサービスを作ろうとしたときに、もはや認証は避けて通れない気がした。明示的なログインがなくともユーザの区別はつけたくなりそう。また、Firebaseの他機能を利用しようとするとAuthは必須なのでいい機会だと思った やったこと 公式サイトを見ながら、匿名ログインとgoogleログインだけ試した(Androidのみ)。実際のログイン処理はSDK内でやってくれるので、開発者はライブラリの呼び出しと…

はじめまして。 開発チームでAndroidエンジニアをしている松崎です。 今回は弊社のプロダクトである「nana」のAndroidアプリで初めて担当したFirebase Authenticationを使ったTwitter認証の機能を実装したお話をします。 なぜFirebase Authenticationを導入したのか nanaでは以前からTwitter認証に Twitter Kit for Androidを使用していました。 しかしある時期から「Twitterアカウントでのログインに失敗する」というユーザからの問い合わせが増えてきました。 原因について調査を進めたものの有効な解決策が見つけら…

前々からFirebaseについて色々と勉強したいと思っていたが、5月のGWで時間に余裕が出来て勉強したのでその内容を共有するということと、メモ書きとして残すために記事を書きました。 目次 目次 Firebaseって？ 筆者の環境 サンプルアプリの作成 概要 xmlの編集 com.google.android.material.textfield.TextInputLayout com.google.android.material.textfield.TextInputEditText Firebaseとの連携設定 SwitchListenerの定義 onCheckedChanged サインア…

Firebase Authenticationでログイン機能を実装しようとして失敗したときのメモ。 FirebaseSDKのsignInWithPopup()を利用したところ、 コンソールに下記エラーを吐き出し、真っ白なままポップアップが閉じてしまいました。 Refused to display 'https://console.firebase.google.com/u/0/project/[PROJECT_NAME]/database/data/__/auth/iframe#id=I1_1234567891234&_gfid=I1_1234567891234&parent=https%3A…

Nuxt＋Firebase Authenticationを使用したソーシャルログイン実装方法を紹介します。 完成イメージ １．ソーシャルログインとは ２．実装方法 ２－１Firebaseでの作業 （１）Firebaseプロジェクトの作成する （２）Authentication の設定 （３）ウェブ設定の確認 ２－２Nuxtプロジェクトでの作業 （１）Nuxtプロジェクトの作成 （２）Firebase SDK の追加 （３）ログイン処理の実装 （４）ログアウト処理の実装 （５）ログイン状態確認処理の実装 （６）ログイン・ログアウト・状態確認の実装例 参考サイト 完成イメージ 今回はGoogle …

みなさん、おはようございます。今年も Qiita Advent Calendar に申し込みましたが、ネタが無い Yamato です🧑‍🔧 ということで、今回はタイトルの通り Firebase で Sign in with Apple を実装する手順を紹介していきたいと思います。 前提 iOS13 以上をアプリターゲットとします App Store Connect に該当の App ID および、その他諸々の証明書の設定が完了しているものとします ざっくり手順 App ID の Capabilities で、Sign in with Apple を有効にする Xcode で、アプリの Capa…

この一週間のこと。 先週までにDiscord のOAuth 2.0の仕組みを使ってDiscordの外のアプリケーションのサインアップ、ログインをサーバーを用意せずに無料で使えるリソースで作ってみる、っていうのをやってた。 先週、動くものができた。できたけど、動くものを作ってみたかっただけで自分では使い道がない。作る途中で出会った小さなtipsがいくつかあって、それを誰かに話したいと思っていた。 このブログや、zennやqiitaなどに書いてみようとも思っていた。んで、いざ動くものができてみたら、もう興味を失ってしまって、何もできなくなってしまった。いつもの突然のブロッキング現象だ。 メモは書き…

みなさん、こんにちは！今回は、以前の Buckendless や Xano に続きまして、Bubble の外部 DB の候補の一つである Firebase Realtime Database との連携方法についてご紹介したいと思います。 Firebase のデータベース には「Cloud Firestore」と「Realtime Database」の2種類がありますが、今回は後者の Realtime Database との接続にフォーカスしています。なお、データベース自体の違いについては、以下リンクにあります Firebase のドキュメントで比較することができますので、ご参考いただければと思…

前回の記事ではFirebase Apple SDK 9.0.0でasync/awaitに対応したのでAuthenticationで試してみた記事を書きましたが 今回はFirestoreで試してみました。 前回の記事 tech.nri-net.com 概要: 今回試した事 前提知識: Firestoreとは 実践: Firestore 追加 更新 取得 取得のtips 削除 実際に試してみて おまけ 概要: 今回試した事 5/11から開催かれたGoogle I/O 2022でFirebaseについての発表、説明がありました。 詳細を知りたい方は以下動画と記事を参照ください。 io.google …

こんにちは。 メディアサービス開発部バックエンド開発グループのフサギコ(髙﨑)です。 Ruby on Railsによるバックエンドの実装運用と、AWSによるサービスインフラの設計構築を中心とした、いわゆるテックリードのような立ち位置で働いています。 本記事では株式会社一迅社さまの公式漫画連載サイトであり、ブックウォーカーが開発保守運用を担当している一迅プラスのサービスインフラの概要についてご紹介したいと思います。 もしよければ、前記事のニコニコ漫画のインフラ構成についてならびに読書メーターのインフラ構成についてもご覧ください。 一迅プラスについて 一迅プラスは株式会社一迅社さまが運営する公式漫…

プロダクトマネージャーの鈴木 @kecholです。前回のアプリの紹介記事に続き、今回は「Assured」のインフラ基盤をご紹介したいと思います。 「Assured」のインフラ構成 インフラ基盤は大まかに分けて以下のような構成になっています。今回は以下について簡単にご紹介したいと思います。 IaaS: Google Cloud Platform (GCP) アプリケーション(コンテナ)基盤: Google Kubernetes Engine (GKE) インフラ構成管理: Terraform モニタリング: Datadog CI (テスト): CircleCI CD (デプロイ): CloudB…

はじめに Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第13回目です。 今回はウェブアプリ、静的コンテンツ、動的コンテンツ、マイクロサービス向けにホスティングができるFirebase Hostingについてです。 Flutterアプリをwebアプリとしてホスティングしたい場合に使用できます。 目次 はじめに 目次 シリーズの内容 開発環境 準備 導入方法 コード全文 参考 シリーズの内容 回数 内容 リンク 第0回 準備編 ブログ 第1回 Analytics ブログ 第2回 Firebase Crashlytics ブログ 第3回 Fi…

はじめに Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第12回目です。 今回はトリガーされたイベントに応じて、バックエンドコードを自動的に実行できるCloud Functions for Firebaseについてです。 Cloud Functions for Firebaseはjavascriptとtypescriptでの記述に対応しており、サーバの管理やスケーリングせずにバックエンドを実装できるサービスです。 目次 はじめに 目次 シリーズの内容 開発環境 準備 導入方法 コード全文 参考 シリーズの内容 回数 内容 リンク 第0回 …

はじめに Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第11回目です。 今回はFirebaseを使った機械学習モデルの推論についてです。 目次 はじめに 目次 シリーズの内容 開発環境 準備 FirebaseとFlutterで使用できる機械学習の推論 FirebaseによるカスタムTensorflowLiteモデル配信の導入方法 コード全文 シリーズの内容 回数 内容 リンク 第0回 準備編 ブログ 第1回 Analytics ブログ 第2回 Firebase Crashlytics ブログ 第3回 Firebase Performan…

はじめに Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第10回目です。 今回はターゲットを絞り込んだメッセージを送信することができるFirebase In-App Messagingについてです。 このサービスはモバイル(iOS, Android)でのみ使用できます。 目次 はじめに 目次 シリーズの内容 開発環境 準備 導入方法 コード全文 シリーズの内容 回数 内容 リンク 第0回 準備編 ブログ 第1回 Analytics ブログ 第2回 Firebase Crashlytics ブログ 第3回 Firebase Performa…

はじめに Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第9回目です。 今回はクライアントアプリに対してプッシュ通知を送信できるFirebase Cloud Messagingについてです。 目次 はじめに 目次 シリーズの内容 開発環境 準備 導入方法 コード全文 参考 シリーズの内容 回数 内容 リンク 第0回 準備編 ブログ 第1回 Analytics ブログ 第2回 Firebase Crashlytics ブログ 第3回 Firebase Performance Monitoring ブログ 第4回 Firebase Remot…

はじめに Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第8回目です。 今回はユーザーが作成した写真やビデオのようなコンテンツを保存するCloud Storage for Firebaseについてです。 目次 はじめに 目次 シリーズの内容 開発環境 準備 導入方法 コード全文 参考 シリーズの内容 回数 内容 リンク 第0回 準備編 ブログ 第1回 Analytics ブログ 第2回 Firebase Crashlytics ブログ 第3回 Firebase Performance Monitoring ブログ 第4回 Firebase…