並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 235件

新着順 人気順

Firebaseの検索結果81 - 120 件 / 235件

  • TypeScriptで書いたFirebase FunctionsのコードをVSCodeデバッガから起動する

    VSCode から TypeScript のコードを tsc でコンパイルせず直接実行したい場合は、node の実行時引数から ts-node を使うように launch.json の設定を書けばいい。 https://github.com/TypeStrong/ts-node#visual-studio-code { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "runtimeArgs": ["-r", "ts-node/register"], "args": ["${file}"] } ] } Firebase Functions を扱うリポジトリでは、package.json が functions/ ディレクトリ下に入

    • 個人開発でFlutterとFirebaseを使って60日でアプリをリリースした方法

      この記事について FlutterとFirebaseを初めていじりながら、個人開発でアプリを作ってみたんです。開始から60日でリリースまで持っていけたのは、めちゃくちゃ嬉しい!この記事では、短期間でアプリをリリースするためのTipsをシェアしたいと思います。 リリースしたアプリについて 作ったのは「ちょいトレ」というトレーニングアプリです。 コンセプトは「毎日たった3分から始められるトレーニングの友」。ちょっとした時間に健康への一歩を踏み出せるようなアプリを目指しました。 アプリの詳細・ダウンロードはこちらです。 良かったら使ってみてください。m_ _m (現在はiOSのみで、Android版ももうすぐ出したいと思います。) 使用技術 このアプリ開発には主に以下を使いました。 Flutter Firebase Cloud Functions 開発期間 新年に「今年こそは何かアプリをリリースし

        個人開発でFlutterとFirebaseを使って60日でアプリをリリースした方法
      • Flutter × Firebase × Agoraで通話アプリを作ってみる

        はじめに 注意事項 「とりあえず動く」というだけで、セキュリティの懸念があります。 参考にする際には十分にご注意ください。 なにか不都合が生じた際も、私は一切の責任を負いかねます。 ご了承ください。 初記事となります。 不明な点がありましたら指摘していただけたら幸いです。 オープニング的な FlutterとFirebaseは個人開発やスピーディな開発をするにあたってよくみる組み合わせだと思います。 Flutterは様々なデバイスに対応し(しかもちゃんと動く)、Firebaseを使うことでバックエンドのコスト削減を達成していて、「予算がそんなにない」や「自分のスマホアプリを作ってみたい」といった方々の要望を叶えています。 一方で、誰でも簡単に通話機能を実装できるSDKとしてAgoraというものがあります。 おそらくは古代ギリシャのアゴラから来ていると思います(ソクラテスがよくいた場所です)。

          Flutter × Firebase × Agoraで通話アプリを作ってみる
        • Goエンジニアのための生成AI - Firebase Genkit入門

          はじめに LLM アプリを開発する際のプログラミング言語の選択としては、主に JavaScript/TypeScript、Python などが挙げられます。しかし、Go でも LLM アプリを開発できるようになったので、本記事ではその方法を紹介します。簡易的な例として、Web コンテンツの URL を渡すとその内容を要約する API を作成します。 最終的な成果物は以下の TypeScript による実装と等価のため、こちらも読むとより Firebase Genkit の理解が深まると思います。 ※注意事項: Genkit の Go サポートは alpha のため、仕様が大幅変更されたり不具合を含む可能性があるため、本番環境ではまだ使用しないでください。あくまでもプライベートや検証用として楽しんでください! Firebase Genkit とは? Firebase Genkit は、開発者

            Goエンジニアのための生成AI - Firebase Genkit入門
          • ユーザー プロパティを設定する  |  Google Analytics for Firebase

            フィードバックを送信 ユーザー プロパティを設定する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 iOS+ Android ウェブ Flutter ユーザー プロパティとは、ユーザーベースの特定部分を表す属性(言語設定、地理的位置など)であり、自由に定義できます。これらを使用して、アプリのオーディエンスを定義できます。このガイドでは、アプリでユーザー プロパティを設定する方法について説明します。 アナリティクスは一部のユーザー プロパティを自動的にロギングします。それらのログを有効にするコードを追加する必要はありません。それ以外のデータを収集する必要がある場合は、ユーザー プロパティをプロジェクトごとに最大 25 個まで設定できます。ユーザー プロパティ名では大文字と小文字が区別されます。そのため、大文字と小文字の使い方だけが異なっている同じ名前の 2

            • FlutterからCloud Functions for Firebase(Python)経由でOpen AIのAPIを使ってみた | DevelopersIO

              FlutterからCloud Functions for Firebase(Python)経由でOpen AIのAPIを使ってみた こんにちは、ゲームソリューション部のsoraです。 今回は、FlutterからCloud Functions for Firebase(Python)経由でOpen AIのAPIを使ってみたことについて書いていきます。 実装した画面 見た目としては、リクエストメッセージを入力してOpenAIのAPIを実行して文章を生成するシンプルなアプリです。 内部的には、シークレットキーをバックエンド(Firebase)に持たせることで、Flutter側で管理せずに実行する作りにします。 環境準備 Firebase CLIのインストールなどの必要な環境準備していきます。 npmはインストールされている前提とします。 # firebase cliのインストール npm ins

                FlutterからCloud Functions for Firebase(Python)経由でOpen AIのAPIを使ってみた | DevelopersIO
              • 使ってみる  |  Genkit  |  Firebase

                Firebase Genkit の使用を開始するには、Genkit CLI をインストールして次のコマンドを実行します。 Node.js プロジェクトの genkit init。このページの残りの部分では、その方法について説明します。 要件 Node.js 20 以降。 推奨事項: nvm と nvm-windowsのツールは 簡単にインストールできます。 Genkit をインストールする 次のコマンドを実行して、Genkit CLI をインストールします。 npm i -g genkit このコマンドは、Genkit CLI を Node インストール ディレクトリにインストールし、Node プロジェクトの外部で使用できるようにします。 サンプル プロジェクトを作成して確認する 新しい Node プロジェクトを作成します。 mkdir genkit-intro && cd genkit-

                • Flutter Web、firebase_auth、KeycloakでSAMLフェデレーションを試す(SSO)

                  1.はじめに 以前、上記の記事でAmazon Cogintoを利用したSAMLフェデレーションを試しました。 今回は、Firebase Authenticationを利用したSAML認証を試したいと思います。 IdPはlocalhostのKeycloakを利用します。 こちらで用意したものです。 ソースはGitHubにあります。アプリを動作させた際の動画も貼り付けてあります。 2.Firebase Firebase AuthenticationでSAMLを有効化します。 最初は上記画像の状態のはずです。 SAMLを利用するには、Identity Platformと連携する必要があるため、「アップグレード」を選択します。 「次へ」を選択します。 プランの変更点を確認し、「次へ」を選択します。 使用量の確認も「次へ」を選択します。 「新しいAuthenticationにアップグレードする」を選

                    Flutter Web、firebase_auth、KeycloakでSAMLフェデレーションを試す(SSO)
                  • Raspberry Pi Pico + LTEボードでFirebase functionsを呼び出す - Qiita

                    export const getAllMorotomo = functions.https.onCall((data, context) =>{ const ref = database.ref("morotomo"); return ref.once("value").then((snapshot) => { const data = snapshot.val(); const morotomolist = Object.entries(data).map(([key, value]) => ({ id: key, data: value, })); console.log(JSON.stringify(morotomolist)); return morotomolist; }); }); export const setStatus = functions.https.onCall(

                      Raspberry Pi Pico + LTEボードでFirebase functionsを呼び出す - Qiita
                    • 【flutter × firebase_auth】updateEmail() 廃止に伴うエラーに関して

                      前段 Flutter にて firebase_auth を利用して開発中のサービスにて、updateEmail() 関数を用いて email アドレスを更新しようとするも、何故かエラーが出て怒られてしまい変更処理ができなかった。 以下エラー文: [firebase_auth/operation-not-allowed] This operation is not allowed. This may be because the given sign-in provider is disabled for this Firebase project. Enable it in the Firebase console, under the sign-in method tab of the Auth section. [ Please verify the new email before

                        【flutter × firebase_auth】updateEmail() 廃止に伴うエラーに関して
                      • Firebase を Next.js アプリと統合する

                        フィードバックを送信 Firebase を Next.js アプリと統合する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 1. 始める前に この Codelab では、Firebase を Next.js ウェブアプリ「friend Eats」(レストランのレビューサイト)と統合する方法を学びます。 完成したウェブアプリには、Firebase が Next.js アプリの構築にどのように役立つかを示す便利な機能が用意されています。主な機能は次のとおりです。 自動ビルドとデプロイ: この Codelab では Firebase App Hosting を使用して、構成済みのブランチに push するたびに Next.js コードを自動的にビルドしてデプロイします。 ログインとログアウト: 完成したウェブアプリで Google でログイン、ログアウトできま

                        • Firebase A/B Testing で注意すべき Remote Config のデフォルト値

                          はじめに こんにちは、カナリー の中野です。 普段は React Native で「CANARY」というお部屋探しのアプリを開発しています。 よりよいアプリにすべく週 1〜2 回のペースでアップデートをしていますが、 新しい施策を打つときは、その効果を検証するために Firebase A/B Testing を利用しています。 CANARY では Firebase A/B Testing の用途として、以下の 2 つの面で利用しています。 AB Testing - 2 つの機能・UI の優位比較 Feature flag - 段階的なリリースコントロール たとえばユーザー影響の大きい変更の場合は はじめから全ユーザーを対象とせず、まずは全体の 20% をテスト対象とする。 その中で 50:50 のテスト(つまり全体の 10% vs 10% のテスト)を開始する。 問題なさそうであれば少しず

                            Firebase A/B Testing で注意すべき Remote Config のデフォルト値
                          • 生成AIを活用した「Firebase」製アプリの開発のノウハウを学べるガイドブックが発売/『Remix × Firebaseで始める生成AIアプリ開発』【Book Watch/ニュース】

                              生成AIを活用した「Firebase」製アプリの開発のノウハウを学べるガイドブックが発売/『Remix × Firebaseで始める生成AIアプリ開発』【Book Watch/ニュース】
                            • Firebase Genkit Functions 開発のすゝめ

                              本記事では Firebase Genkit を使用した Cloud Run Functions (旧 Cloud Functions) のことを Firebase Genkit Functions と呼んでいます。 Cloud Functions for Firebase を Firebase Functions と呼ぶイメージに近いです。 はじめに こんにちは、Firebase が大好きな cobo です。 アプリケーション開発の際、Google では Test Sizes の考え方が推奨されています。 これは、テストを Small / Medium / Large といった規模に応じて分類し、それぞれの目的に応じて効率的にテストを行う方法です。 特に重要なのが、Small Tests をローカル環境で高速に実行することです。 これにより、一般的な結合テストフェーズで動作を確認するよりも

                                Firebase Genkit Functions 開発のすゝめ
                              • firebaseの匿名認証を使っていると既に認証したユーザとは違う別のユーザとして認証されてしまう現象の対応法 - Qiita

                                こんにちは。virapture株式会社でCEOしながらラグナロク株式会社でもCKOとして働いているもぐめっとです。 本日はなんでかわからないけどきっと困った人がいるんじゃないかというFirebaseAuthの匿名認証での現象の対応法です。 症状 FirebaseAuthの匿名認証はGoogleのエンジニアいわく、基本的に一度認証したら変わることがありません。 Anonymous authentication tokens do not expire and are persisted to disk between runs of your app. 自分が確認している仕様としては下記になります。 iOSはKeychainに保存しているらしく、再インストールしても変わりません。 Androidはアプリを再インストールすると変わります。 しかし、なぜかアプリを起動したら変わってしまうというこ

                                  firebaseの匿名認証を使っていると既に認証したユーザとは違う別のユーザとして認証されてしまう現象の対応法 - Qiita
                                • Firebase AnalyticsのDebug ViewをAdHocビルドで使う(Swift)

                                  はじめに Firebase Analytics には Debug View というイベントを即時送信して表示してくれる便利な機能があります。いつもは Xcode のシミュレータで確認するときに使っていたのですが AdHoc ビルドでテスターに配布してテスター側で Debug View を使いたいということがありました。 ということで AdHoc ビルドで Debug View を使う方法について調べました。 シミュレータで使う方法 とりあえず普段シミュレータでやってる方法は下記です。 Xcode の Edit Scheme > Run > Arguments > Arguments Passed On Launch に「-FIRAnalyticsDebugEnabled」を追加する。 あとはシミュレータを起動するだけです。 参考:Firebase Analytics DebugView の

                                    Firebase AnalyticsのDebug ViewをAdHocビルドで使う(Swift)
                                  • Firebase Authenticationのユーザー認証用のIDトークンをコマンド一発で取ってくる方法 - Qiita

                                    Firebase Authentication、便利ですよね。 ログインや認証の機構を丸投げしてるプロダクトも数多くあると思います。 Firebase AuthenticationのIDトークン(JWT)を認証に使ったAPIの開発等でAPIレスポンスの確認をするにあたって、実際のユーザーのIDトークンがすぐにほしいケースが結構あるのですが、 クライアントSDKなしでIDトークンをパッと取得する方法が思いの外わかりにくかったので備忘録的に残しておきます。 ※Admin SDKの認証トークンの話ではなく、ユーザー認証用のIDトークンの話です! 前提 メールアドレス・パスワードでのログインが出来るユーザーをFirebase Authへ登録しておいて下さい。 Firebase Authenticationと互換性のあるGCPのプロダクトであるIdentity PlatformにてREST APIが

                                      Firebase Authenticationのユーザー認証用のIDトークンをコマンド一発で取ってくる方法 - Qiita
                                    • Firebaseの電話番号認証をFlutterで実装する方法

                                      はじめに 前回、WebでのSMSによる電話番号認証を使った方法を説明しましたが、今回は、Flutterでの電話番号認証の実装について説明します。 目次 Firebaseの設定 電話番号認証を行う 確認コードの入力 再送処理 Firebaseへ設定追加 FirebaseにFlutterの設定を追加します。cliで自動設定もできますが、Firebaseの設定画面上でAndroidとiOSでそれぞれ設定します。 Android Firebaseの管理画面でAndroidの登録に必要な各項目を入力し、Androidで利用できるようにします。 Androidパッケージ名 アプリ名 アプリの署名証明書のSHA-1ハッシュ 登録すると、google-services.jsonをダウンロードできるので、<プロジェクトのディレクトリ>/android/src/main/ へ保存してください。 また、手順に従

                                        Firebaseの電話番号認証をFlutterで実装する方法
                                      • Firebase Invites から Dynamic Links とカスタム共有機能への移行

                                        フィードバックを送信 Firebase Invites から Dynamic Links とカスタム共有機能への移行 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase Invites は、アプリ内で Firebase Dynamic Links を受信するためのメカニズムと、SMS またはメールを介してリンクを共有するための機能を提供してきました。クチコミでアプリのユーザー数を増やせるようにするために Firebase Invites を開発しましたが、Firebase Invites の現在の機能よりも優れた、ユーザーがお気に入りのアプリを友だちと共有するように奨励するためのより良い方法があることがわかりました。 また、Firebase Invites の使用は減少しており、その一方でユーザー間共有ソリューションの重要な要素として Fir

                                        • 自社のWebフロントエンドにFirebase Authenticationを導入する際に考えたこと

                                          こんにちは! マイベストでフロントエンドエンジニアをしているIchikiです! マイベストテックブログ連載:「みんなでお買い物サポートクラブ」リリースまでの開発の裏側の3日目を担当します。 はじめに これはマイベストというプロダクトのWebアプリケーションにFirebaseの認証機能(Firebase Authentication)を導入するにあたって自分が考えたことを整理したメモのような記事です。 本記事では弊社の技術スタックであるReactをサンプルコードに載せていますが、内容自体は実装面よりも考え方を中心にまとめているため、フロントエンドの技術全てで適用できるものだと考えています。 Firebase Authenticationとは? Firebaseの中のユーザー認証を管理するためのサービスです。これにより、メールアドレスとパスワード、GoogleやAppleなどの外部プロバイダに

                                            自社のWebフロントエンドにFirebase Authenticationを導入する際に考えたこと
                                          • FlutterでFirebaseを使うための環境構築トラブルシューティング集(Macの場合:動画なし) – みんプロ式 – 初心者専門Flutterでスマホアプリプログラミング講座

                                            Firebase CLIをNode経由でインストールする際にパーミッションエラー発生 FlutterでFirebaseを使うためには、Firebaseのコマンドラインツール(Firebase CLI)をインストールする必要がありますが、 「Firebase CLI」を「npm(Node Package Manager)」を使ってインストールする際に、ターミナルから npm install -g firebase-tools というコマンドを打つ必要がありますが、 その際に、以下のようなパーミッションエラー(permission denied・・・It is likely you do not have the permissions to access this file as the current user)が発生した場合は、 「npm install -g firebase-tool

                                            • Firebaseを組み込むことですぐに使える! Google アナリティクス for FirebaseとGA4によるWebとアプリの横断分析

                                              CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                                                Firebaseを組み込むことですぐに使える! Google アナリティクス for FirebaseとGA4によるWebとアプリの横断分析
                                              • 【FlutterFire】Flutter で作成したアプリに Flutter CLI を使って Firebase を紐付けする - Qiita

                                                【FlutterFire】Flutter で作成したアプリに Flutter CLI を使って Firebase を紐付けするFirebaseFlutterFlutterFire ■ はじめに 説明 FlutterFireってなに?という部分から、実際に Flutter で作成したアプリに Firebase を 紐付けする部分まで解説していきます。 前提としては、 Flutter の環境構築が出来ていること 適当な Project があること Fiarebase のアカウントがあること nvm(Node Version Manager)を使用するため、Node.js をインストールされていること(まだの方は Node.jsの部分に外部リンク貼ったので、そこから LTS版をダウンロードしてもらえればOKです) などが挙げられます。 説明などにおいて、過不足あれば是非ご指摘下さい。 環境 Ma

                                                  【FlutterFire】Flutter で作成したアプリに Flutter CLI を使って Firebase を紐付けする - Qiita
                                                • はじめに|FirebaseとTypeScriptとNext.jsを使ってリアルタイムチャットアプリを作ろう

                                                    はじめに|FirebaseとTypeScriptとNext.jsを使ってリアルタイムチャットアプリを作ろう
                                                  • Laravel で クロージャリクエストガードを使ってFirebase認証をする

                                                    Laravel のクロージャリクエストガードを使って、Firebase 認証を実装してみました。 参考: Laravel 10.x - Closure Request Guards バージョン Laravel: 10.3.2 php: 8.2.4 インストール 必要なパッケージをインストールします。 <?php namespace App\Providers; use App\Models\User; use Illuminate\Auth\Access\Response; use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider; use Illuminate\Http\Request; use Illuminate\Support\Facades\Auth; use Illumi

                                                      Laravel で クロージャリクエストガードを使ってFirebase認証をする
                                                    • Firebase App Hosting | 最新のフルスタック ウェブアプリを構築、デプロイ

                                                      フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 最新のフルスタック ウェブアプリを構築してデプロイする Google Cloud のセキュリティと拡張性により、Angular アプリと Next.js アプリを迅速にリリースできます。CDN からサーバーサイド レンダリングまで、すべてを一つのプロダクトで管理できます。

                                                        Firebase App Hosting | 最新のフルスタック ウェブアプリを構築、デプロイ
                                                      • Firebaseでメモアプリを作成した時のエラー対処について~400 (Bad Request)~ - Qiita

                                                        はじめに こんにちは、未経験からエンジニア転職を目指しているものです。 オンラインスクールで本格的に学習して4ヶ月目に入りました。勉強し始めの頃の自分が疑問に思っていたことを整理してみようと思い記事を書いております。Firebasaを使用してデータベースと連携するシンプルなメモアプリを作成した際に発生したエラーの解決までの流れを整理してみました。 アプリの概要 今回は、HTML・CSS・JavaScriptのフロントエンド技術に加えて、サーバーサイドではNode.js、Vite、Firebaseを利用しています。 構成は以下の通りです。 ホーム画面:ユーザーがメモを入力するページ 履歴画面:入力されたメモが履歴として表示されるページ このアプリは、FirebaseのFirestoreを利用してデータを保存し、履歴として表示する仕組みです。 エラーの概要 しかし、実際にアプリを動作させたとこ

                                                          Firebaseでメモアプリを作成した時のエラー対処について~400 (Bad Request)~ - Qiita
                                                        • electronでfirebase-authを使うときにlocalhostを承認済みドメインに入れたくない! - Qiita

                                                          electronでfirebase-authを使うときにlocalhostを承認済みドメインに入れたくない!JavaScriptFirebaseElectronFirebaseAuth *この資料はナレッジワークの社内勉強会で利用したものを公開したものです 問題点tl;dr electronのrendererプロセスでfirebase-sdkを利用する場合、URLにlocalhostを使うことになるので、firebase-authの承認済みドメインにlocalhostを許可せざるをえないという問題があります 解決策tl;dr 以下のように解決します mainプロセスへfirebase sdkを利用する処理を逃がす sign inはサーバーを用意し、firebae-adminで createCustomToken を使って行い、そのtokenをmainプロセスで利用する ただし、mainプロ

                                                            electronでfirebase-authを使うときにlocalhostを承認済みドメインに入れたくない! - Qiita
                                                          • Cloud Functions for Firebase で機密情報を扱う方法

                                                            はじめに Cloud Functions for Firebase の処理を書いていると、Google Maps API などの外部サービスを呼び出したくなる場面に遭遇することがあります。 その際に、API キーなどの機密性の高い値を Cloud Functions for Firebase の処理にハードコーディングするのは危険です。 本記事では GoogleMapsAPI の API キーを例として、機密性の高い値を Cloud Functions for Firebase (TypeScript) で扱う方法を紹介します。 Secret Manager を利用する Secret Manager とは? API キー、パスワード、証明書、その他の機密データを保存するための、Google Cloud のサービスの1種です。 Secret Manager の利用が有効になっていない方は次の

                                                              Cloud Functions for Firebase で機密情報を扱う方法
                                                            • Remix, Firebase Authのセッション管理をService Workerにする

                                                              FirebaseのService Workerによるセッション管理をRemix環境下で行う際のまとめです。

                                                                Remix, Firebase Authのセッション管理をService Workerにする
                                                              • FlutterにFirebaseを導入してみる(FlutterFire CLI+Flavor) - くらげになりたい。

                                                                ひさびさにFlutterのセットアップをしてたら、 FlutterFire CLIを使った形になってて、かなりハマったので、 いろいろ調べたときの備忘録(*´ω`*) Flutter アプリに Firebase を追加する invertase/flutterfire_cli: A CLI to help with using FlutterFire in your Flutter applications. CLIのインストール/セットアップ まずはCLIとかのセットアップ。 # firebase CLIのインストール $ brew install firebase-cli # firebase CLIのログイン $ firebase login # FlutterFire CLIのインストール $ fvm dart pub global activate flutterfire_cli

                                                                  FlutterにFirebaseを導入してみる(FlutterFire CLI+Flavor) - くらげになりたい。
                                                                • 【Flutter】Firebaseで ログ実装の薄いラッパークラス

                                                                  概要 Flutterアプリで、FirebaseAnalyticsを使う際にそのまま使わず、薄くラッパークラスをつくる。 下記のように呼び出して利用するイメージ Event名をEnumで管理したかった。 サンプルコードの内容について 詳細な分析をするというよりは、とりあえず導入しておいて、利用具合を把握、というレベル感の内容です。 個人開発で「特定の機能」の利用具合をみる、ぐらいであれば、Firebaseの管理画面で確認できます。 (より詳細分析するには、「BigQuery」を叩く必要があるし、それようにログ設計をきちんと行う必要があると思います。) 管理画面での見え方 イベント名とその数、はみれます。 ※イベント名に任意のパラメータ付与した場合は、現状は管理画面ではみえない。 (BigQuery使う必要が出てくる、と思います。) 注意点 FirebaseのAnalyticsは、イベント名の

                                                                    【Flutter】Firebaseで ログ実装の薄いラッパークラス
                                                                  • React & Firebaseを使ったWebサービス開発入門【データベース&ログイン】 - Qiita

                                                                    この記事について 先日作成したReact & Firebaseを使ったWebサービス開発入門の続編であり、まだ全編を読んでない方はそちらを先にお読みください。 このサービスについて 私も含めWebアプリ開発を行うことを志した人間が最も初めに作る本格的なサービスはおおよそSNSになるのではないだろうか。 それも当然でWebサービスに必要な機能が全て揃っている。データベースのCRUDとユーザログインである。 このサービスはユーザ毎に気になる映画をお気に入りに保存したり解除したりすることを肝としているため、これらの機能追加は避けられない。 それでは今回FirestoreとFirebase Authenticationを使って実装していく。 開発開始 Routerの設定 まずお気に入りページとサインイン・サインアウトページと今回のサービスにおいて必要となるページを作成するにあたってのルーティング設

                                                                      React & Firebaseを使ったWebサービス開発入門【データベース&ログイン】 - Qiita
                                                                    • Terraform で Firebase プロジェクトを構築してみる

                                                                      こんにちは、SRE ディビジョンの小堀内です。 今回も 前回に引き続き Google I/O 2023 で発表された Firebase の新機能 の中から紹介していきます。 本記事のテーマ Terraform integration to automate provisioning and configuration workflows (Terraform の統合によるプロビジョニングと構成のワークフローの自動化) 対象読者 Terraform に興味はあるが触ったことがない方 Terraform を通して IaC を学んでみたい方 コンソール操作によって Firebase プロジェクトを構築している方 Terraform とは Terraform とは、HashiCorp 社が開発した IaC(Infrastructure as Code)ツールの一種です。 異なるクラウドプロバイダー

                                                                        Terraform で Firebase プロジェクトを構築してみる
                                                                      • xcode 16でiOSのビルドを実行すると、Firebase関連でエラーが大量に発生する

                                                                        結論 RunnerとTargetのBuildSettingsからAllow Non-modular includes In Framework Modulesを検索し、Yesに変更する エラー エラー /Users/developer/Documents/GitHub/leads_ai/ios/Pods/FirebaseAuth/FirebaseAuth/Sources/Swift/Utilities/AuthWebViewController.swift:19:3: warning: add '@preconcurrency' to suppress 'Sendable'-related warnings from module 'WebKit' import WebKit ^ @preconcurrency /Users/developer/Documents/GitHub/leads

                                                                          xcode 16でiOSのビルドを実行すると、Firebase関連でエラーが大量に発生する
                                                                        • jetpack composeで使うFirebase Authentication - Qiita

                                                                          はじめに 最近jetpack composeでFirebaseを始めたんですが、なかなか日本語の記事がヒットしなかったり、構造複雑すぎじゃね!?とかが多かったので今回はFirebase初学者向けに簡単に実装できて色々と応用が効くように実装したいと思います。 参考資料 英語の動画ですがコードだけ参考にする程度であれば字幕つけるだけで十分に理解出来ます。 こちらはFirebaseAuthを使う際に構造を理解するために使いました。 丸々コピペより構造を理解しながら使うのがベストかも、、、 実装 1.Android Studioを立ち上げたら、Macだったら上部の(Windowsであったら左上の三本線を押して上部の)toolsからFirebaseを選択します。 2.したらAuthenticatonを選択して①のConneConnect your app to Firebaseを完了させて下さい。

                                                                            jetpack composeで使うFirebase Authentication - Qiita
                                                                          • Supabaseの機能一覧・解説 オープンソースのFirebase代替mBaaS|TodoONada株式会社

                                                                            前回『Firebaseの機能一覧』についてご紹介しましたが、『機能が多すぎる』と感じた方もいらっしゃるでしょう。 もっとシンプルに、安く、使いやすいmBaaSはないのでしょうか。 正しくそのような人たちに向けたサービスが『Supabase』です。Supabaseとは、Firebase Alternative(Firebaseの代替)を掲げるオープンソースのmBaaS(mobile backend as a Service)です。 Firebaseより機能は少ないですが『シンプルで使いやすい』『多くの場合、Firebaseよりコストが安く済む』『ベンダーロックインが生じにくい』といったメリットがあります。 今回はそんな『Supabase』の主要機能をご紹介します。ぜひこちらもご覧いただき、『Firebase』『Supabase』どちらも使いこなせるようになりましょう。 Supabase Da

                                                                              Supabaseの機能一覧・解説 オープンソースのFirebase代替mBaaS|TodoONada株式会社
                                                                            • Firebaseは全然簡単ではないが使い込むとすごい武器になる | (株) クオリティスタート

                                                                              Flutterでアプリを作るようになってから、Firebaseとのお付き合いが最近とみに濃くなっています。アプリにまつわる非機能要件の多くをこなしてくれるからです。どんなアプリでも鉄板で使うものと言えば、Firebase Cloud Messagingと、Firebase Authenticationだと思います。 Firebase Cloud Messaging(以下FCM)は、プッシュ通知を実現するサービスです。スマホがインフラになった時代において、プッシュ通知はもはや公共インフラ。世界で最も大規模なシステムを運用維持しているGoogleが運営してくれており、無料で使えます。 Firebase AuthenticationはFirebaseが持つ認証基盤のことで、匿名ログイン・パスワード認証ログイン・SNS/Google等の認証プロバイダーでのログイン機能を提供してくれます。アプリの場

                                                                                Firebaseは全然簡単ではないが使い込むとすごい武器になる | (株) クオリティスタート
                                                                              • FlutterでFirebaseのIDFA収集を無効化する

                                                                                はじめに IDFA(広告識別子: Identifier for Advertiser)とは IDFAとは、AppleがユーザーのiOS端末ごとに付与しているデバイスIDのことで、端末を識別することができる。そのため、IDFAに紐づいた利用履歴などの個人データを広告仲介会社や広告配信会社が取得、自社の製品・サービスを買いそうな消費者に対象を絞った広告「ターゲティング広告」に活用できる。 しかし、2021年春からネット広告制限により、iOS14.5より全てのApple製品上でIDFAの取得にユーザーの許可を義務付ける「IDFA取得のオプトイン化」が適用された。 引用元:https://acompany.tech/privacytechlab/digitalmarketing-idfa-apple/ 「IDFA取得のオプトイン化」への対応 これは対象となるアプリの要件次第ですが、そもそも広告から

                                                                                  FlutterでFirebaseのIDFA収集を無効化する
                                                                                • GCPプロジェクトとFirebaseプロジェクトの関係を図解する!

                                                                                  作成するFirebaseプロジェクトはGCPプロジェクトに包含される位置づけとなる。 請求アカウント Firebaseの使用料はFirebaseプロジェクトを含むGCP Projectが紐づく請求アカウントに課金される。組織でFirebaseを利用することを考えると、他のGCPプロジェクトのサービスと合算して請求されるのは都合が良いだろう。 新規GCPプロジェクトごと新規作成 GCPプロジェクトを新規で作り、その中にFirebaseプロジェクトを作る場合はこうなる。GCPはプロジェクト単位でシャットダウンできるのでお試し用途ではこちらがオススメだ。 新しく作成するGCPプロジェクト表示名を入力する。プロジェクトID("親リソースを選択"の左)はすべてのGCPプロジェクト間で一意となるように自動的で調整される。gcloud cliやAPIからはプロジェクトIDを使ってGCPプロジェクトを指定

                                                                                    GCPプロジェクトとFirebaseプロジェクトの関係を図解する!