並び順

ブックマーク数

期間指定

  • から
  • まで

441 - 480 件 / 2045件

新着順 人気順

Firebaseの検索結果441 - 480 件 / 2045件

  • 【Next】Next.jsの中で Firebase Admin SDK を使った処理をどのように実装すべきか - 7839

    最近、Next.js に触れる機会があり、試行錯誤しながらコーディングを行っている。その中で、Next.js の中で Firebase Admin SDK をどのように実装すべきかという課題にぶち当たり、とりあえず実装はできたものの、最適解ではないと思っている。もし最善の策があれば教えて欲しい。切実に。 WEBアプリケーション構成 Firebase Authentication Firebase Admin SDK を用いた ID トークン検証 Next.js 内での実装方法 Next.js の API Routes を利用する getServerSideProps と HOC を利用して実装する Express の Custom Server に実装する まとめ WEBアプリケーション構成 今回のWEBアプリケーションでは、Firebase Authentication でユーザー管理、

      【Next】Next.jsの中で Firebase Admin SDK を使った処理をどのように実装すべきか - 7839
    • Firebase Authentication を使って API Gateway の認証を行う

      サーバーレスワークロード向けのフルマネージドな API ゲートウェイサービス “API Gateway” がベータ版としてリリースされました。API Gateway では Firebase Authentication を使ったユーザー認証をサポートしていますので、本記事ではその手順をご紹介したいと思います。 Firebase Authentication & API Gatewayはじめに本記事は Google Cloud Japan Customer Engineer Advent Calendar 2020 の 23 日目の記事です。 API Gateway は Google Cloud Next ’20 OnAir で発表された、フルマネージド API ゲートウェイサービスです。主にサーバーレスワークロード向けのサービスとして、Cloud Run や Cloud Functions

        Firebase Authentication を使って API Gateway の認証を行う
      • 【Firebase入門】Firebase CLIをインストールする(Windows10)

        ■PC環境・Windows10、Administrator(管理者)アカウント ■Firebase CLI のバイナリをダウンロードまずは、Firebase CLI のバイナリをこちらにアクセス(https://firebase.tools/bin/win/instant/latest)し、ダウンロードします。 アクセスすると、Webブラウザで指定されたファイルの保存場所に「firebase-tools-instant-win.exe」というファイルがダウンロードされます。このファイルをダブルクリックします。 ダブルクリックすると、「WindowsによってPCが保護されてました。」というウインドウが表示されます。ウインドウ内の「詳細情報」をクリックします。 クリックすると、「実行」ボタンが表示されますので、こちらをクリックします。 クリックすると、「Firebase CLI」のウインドウが

          【Firebase入門】Firebase CLIをインストールする(Windows10)
        • Flutterのfirebase_admobプラグインのバナー広告が使いにくいのでなんとかする - Qiita

          (2020-12-21・2021-01-07追記) いろいろ改良を加えて、パッケージ化しました!!是非お使いください! なお、いろいろ改良した結果、この記事の説明はパッケージの説明と整合しておりませんので、使う場合はパッケージの方の説明をお読みください。 例えば、パッケージの方にはAdmobBannerWidgetWithRouteは入っておらず、AdMobBannerWidgetに統合されております。 #firebase_admobプラグインのバナー広告は使いにくい このプラグインです。 https://pub.dev/packages/firebase_admob これのBanner広告が使いにくいんです。公式なのに。 Banner以外の、InterstitialとRewardedVideoは、読み込み失敗時の処理とかを間違えなければ普通に使えると思うんですけどもね。 バナー広告がとに

            Flutterのfirebase_admobプラグインのバナー広告が使いにくいのでなんとかする - Qiita
          • JS+HTMLのWebサイトにFirebase Analyticsによるアクセス解析を導入してみた | DevelopersIO

            こんにちは、CX事業本部 IoT事業部の若槻です。 Googleが提供するFirebaseでは、アプリケーションの開発や運用をする上で便利な機能がたくさん用意されていますが、そのうちの一つがFirebase Analytics(Google Analytics for Firebase)です。 Google Analytics for Firebase 今回は、Firebase Analyticsをアプリへ導入するにあたっての調査をする機会があったため、まず手始めにWebサイトの最低限のアクセス解析記録をFirebase Analyticsに送信して可視化するところまでやってみます。これによりFirebase Analyticsの基本を学んでいきます。 やってみた 対象のWebサイトの用意 まずGoogle アナリティクスでの計測対象とするWebサイトを用意します。 今回は用意する手間を省

              JS+HTMLのWebサイトにFirebase Analyticsによるアクセス解析を導入してみた | DevelopersIO
            • Satoshi Nakajima @NounsDAO 🇺🇦 on Twitter: "何が凄いって、サーバーにあるデータベース(Firebase)に起こった変化をリアルtタイムにUIに反映するコードが、Vueのcomputed propertyを使うと、もの凄くシンプルに記述出来る点にある。「パラダイムシフト」と言… https://t.co/4FDH0p6t8v"

              何が凄いって、サーバーにあるデータベース(Firebase)に起こった変化をリアルtタイムにUIに反映するコードが、Vueのcomputed propertyを使うと、もの凄くシンプルに記述出来る点にある。「パラダイムシフト」と言… https://t.co/4FDH0p6t8v

                Satoshi Nakajima @NounsDAO 🇺🇦 on Twitter: "何が凄いって、サーバーにあるデータベース(Firebase)に起こった変化をリアルtタイムにUIに反映するコードが、Vueのcomputed propertyを使うと、もの凄くシンプルに記述出来る点にある。「パラダイムシフト」と言… https://t.co/4FDH0p6t8v"
              • Firebase の signInWithRedirect からの戻り先を指定する

                January 28, 2022 Firebase で Google や Facebook といった外部認証を利用したログインを実施する場合 signInWithPopup または signInWithRedirect のメソッドを利用します。 参考:https://firebase.google.com/docs/auth/web/google-signin 大抵の場合 UI を独自に構築したいでしょうから signInWithRedirect の方を利用することになるでしょう。 さて signInWithRedirect を呼び出した場合、自サイトから認証プロバイダー(例:Facebook)のページに飛び、その後また自サイトに戻ってくるといった遷移になります。 このときの認証プロバイダーからの戻り先は、リダイレクトを発生させた元ページになります。例えば /home というページで si

                • Firebase Cloud Messagingのメッセージのテストコードを書く(Java) - Qiita

                  方法 ApiClientUtils.getDefaultJsonFactory() を使用すると、MessageクラスをJSON文字列に変換できる。 // 実際値のMessageクラス Message actual = Message.builder() .setNotification(Notification.builder().setBody("message_text").setTitle("").build()) .putData("id", "data") .setToken("FCM_TOKEN_XXXXX") .build(); // 期待値のJSON文字列 String expected = """ { "data": { "id": "data" }, "notification": { "body": "message_text", "title": "" }, "t

                    Firebase Cloud Messagingのメッセージのテストコードを書く(Java) - Qiita
                  • firebase-toolsのバージョン確認とアップデート

                    Firebase Storageの簡単な使い方 2020.02.29 FirebaseのStorageを利用して、Storageにファイルをアップするための簡単なサンプルコード 目次 1. ローカル環境 2. Stora[…] Firebase Databaseの簡単な使い方 2020.02.28 FirebaseのDatabaseへのアクセスや、簡単なデータの利用するためのサンプルコード 目次 1. ローカル環境 2. DATABASE作成 3[…] Firebase Authenticationの簡単な使い方 2020.03.03 FirebaseのAuthenticationを利用して、ユーザー登録とログイン機能を実装する簡単なサンプルコード 目次 1. ローカル環境 2. A[…] Firebaseを使って静的なサイトの構築手順 2020.01.10 firebaseを利用して、簡

                      firebase-toolsのバージョン確認とアップデート
                    • Firebase Realtime database を使った ESP32, M5Stack, スマートフォン相互通信してみる

                      ただ、ブレッドボードに挿す時に深く挿し込み過ぎると、抜けなくなる場合があるので注意してください。 本来、ブレッドボードに挿すようには作られていないのですが、ちょっとテストしたいときに便利です。 micro SDHC カードに東雲フォントデータを保存しておく 先ほど、M5Stack 版で述べたように、同じように micro SDHC カードに /font/ フォルダを作成して、3つのフォント関連ファイルを保存しておいてください。 SDカードスロット付き LCD ILI9341 モジュールに SD カードをセットする 先に紹介した、LCD ILI9341 モジュール は 2.2インチのものですが、micro SD カードスロットではなく、標準サイズ SD カードスロットが搭載されています。 これに、micro SDHC カードを使おうとすると、アダプターが必要です。 これは、先に紹介したカード

                        Firebase Realtime database を使った ESP32, M5Stack, スマートフォン相互通信してみる
                      • 【React】 Firebaseを使用してEmail・パスワードでの認証機能の実装 - Qiita

                        概要 ReactでFirebaseを使用した簡単な認証の実装方法に関してまとめました。 あくまでも、実装の流れをメインとしており、各機能の詳しい説明等は省いております。 Firebaseのセットアップ 新しいプロジェクトの作成 まずはFirebaseのConsoleで新しいProjectの作成を行いましょう。 Authenticationの使用 Authenticationの画面にて、 SET UP SIGN-IN METHODをクリックしましょう。 そして、何を使用して認証を行いたいのか選択しましょう。 本投稿でははEmailを使用して行うので、Email/Passwordを許可します。 credentialsの取得 左端にあるセッティングボタンから、project settingsを選択し、アプリのcredentialsを取得しましょう。 (project settingsの下の方にI

                          【React】 Firebaseを使用してEmail・パスワードでの認証機能の実装 - Qiita
                        • フロントエンド弱者がNuxt.js + TypeScript + Firebaseで個人開発に挑戦してみました。 - Qiita

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? どうもこんにちは。雑食系エンジニアの勝又です。 最近は本業では技術顧問業務や開発内製化アドバイザー業務を掛け持ちしておりまして、複業でYouTuberやオンラインコミュニティ事業の運営等もやらせていただいております。 昨年は「Web系エンジニアになろう」という書籍も出版させていただきました。 ここ数年は、手を動かすエンジニアとしてはDevOps系の業務に従事することが多かったのですが、個人開発で久々にフロントエンドの技術を使う機会がありましたので、そこから得た知見や感想をまとめてみました。 なお、こちらは雑食系エンジニアサロンアドベント

                            フロントエンド弱者がNuxt.js + TypeScript + Firebaseで個人開発に挑戦してみました。 - Qiita
                          • Firebase Cloud Functionsを使ってGmail送信機能を作る - Qiita

                            #Firebaseについて FirebaseはGoogleが提供しているモバイルアプリ、Webアプリのプラットフォームのことで、バックエンド機能を体系的に提供している。Firebseを使うことによって、開発者はクライアントサイドの開発に専念することができる。 できることの例 ◇Hosting 本番環境へのホスティング ◇Authentication ユーザ認証/ログイン機能の実装 ◇Databases データベース ◇Functions クライアントサイドで実行するには重すぎる処理をHTTPリクエストなどをトリガーに実行できるようにする機能 <以下参考> Firebase公式: https://firebase.google.com/?hl=ja Firebaseの概要についてまとまっいたサイト: https://www.topgate.co.jp/firebase01-what-is-f

                              Firebase Cloud Functionsを使ってGmail送信機能を作る - Qiita
                            • Firebase AuthなどJavaScriptでAPIセッション用のトークンを得ることについて - Qiita

                              ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう (※ こちらの参照記事の内容自体に不備があるとか甘いとか指摘するものではないんですが、勝手に枕として使わせてもらいます) 上記記事は、Firebase Authenticationが提供するJavaScript APIを使ってJWTのトークンを取得し、自前のサーバにHTTPのヘッダで送りつけて検証をさせることで、認証の仕組みをセキュアかつかんたんに実現しよう、という内容です。 このようにJavaScriptのAPIでトークンを発行して自前バックエンドのAPI認証につかう方法はAuth0のSDKなどでも行われていますので、IDaaSをつかってSPAを開発する場合には一般的なのかもしれません。 話は変わりますが、SPAの開発に携わっている方は「localStorageにはセッション用のトー

                                Firebase AuthなどJavaScriptでAPIセッション用のトークンを得ることについて - Qiita
                              • API Reference  |  Firebase JavaScript API reference

                                フィードバックを送信 API Reference コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

                                • Firebase Cloud FunctionsのonCallでCORS(Access-Control-Allow-Origin)エラーになったので手動で対応した話 - Qiita

                                  解決方法 アプリから関数を呼び出すのfunctions.https.onCallでCloud Functionsを呼び出した際に、以下のようにCORSエラーに遭遇した。 色々調べてた結果、onCall function returning cors on web and "UNAUTHENTICATED" on mobileに書かれている通り、Google CloudのCloud Functionsの権限設定で以下のような権限を追加したら問題は解決された。 上記は公式でも触れられているので解決策としてアリだとは思われる。が、その場合、クライアント(ブラウザ)からの全てのクロスドメインアクセスが許可されてしまうので、App Checkでの保護が必須になるだろう(もしApp Checkがない場合、全てのPOSTリクエストが到達してしまいNG)。 ※CORSはブラウザからのリクエストでしか発生し

                                    Firebase Cloud FunctionsのonCallでCORS(Access-Control-Allow-Origin)エラーになったので手動で対応した話 - Qiita
                                  • Unity AndroidアプリでFirebase Crashlyticsを使うのにハマった話 - Qiita

                                    この記事について UnityでAndroidアプリにFirebase Crashlyticsを利用する際、ハマった部分をまとめました。 バージョン Unity 2021.3.11f1 firebase unity sdk 9.6.0 事象 Firebaseドキュメントに沿ってアプリを作成し、実行したところ、adb logcatでなんかエラーが出た (ビルドのタイミングで出て欲しい) 10-17 15:19:00.821 17474 17552 E firebase: Failed to read Firebase options from the app's resources. Either make sure google-services.json is included in your build or specify options explicitly. いきなり結論 Unit

                                      Unity AndroidアプリでFirebase Crashlyticsを使うのにハマった話 - Qiita
                                    • Announcing Firebase Live

                                      Firebase banner. Firebase Live. Update: To show respect for current events, we are postponing the launch of Firebase Live to June 23rd. Please take care of yourselves and your families. We look forward to connecting, sharing and learning together very soon. Stay tuned for updates. Here at Firebase we are extremely proud of our avid developer community. We love interacting with so many of you at di

                                        Announcing Firebase Live
                                      • Firebase Dynamic Linksで短縮URLサービスを使ってみる|mc_kurita

                                        Google ショートURLのサービスが終了して久しい、長いURLを人に見せるときとか、2バイト文字が入っているURLとかを人に見せるとき大変ですよね。そんな時にショートURLで短く伝えたい。 1)Firebaseにログインしてプロジェクトを作成Firebase console(https://console.firebase.google.com/)にアクセスして、ご利用のGoogleアカウントでログインして、初めての場合はプロジェクト作成を行います。プロジェクトは何でもよいので適当に名称を作りましょう。 Google アナリティクス Google アナリティクスの構成 すると「プロジェクトを作成しています…」となり、数十秒でプロジェクトができます。 となったら閑静なので「続行」をタップする。 2)指定のプロジェクトに入って初めての人なら(1)で作ったプロジェクトを選び、初めてではない人

                                          Firebase Dynamic Linksで短縮URLサービスを使ってみる|mc_kurita
                                        • Javascriptとfirebaseで新規登録を実装したら、import付近でエラーが起きます。

                                          Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

                                            Javascriptとfirebaseで新規登録を実装したら、import付近でエラーが起きます。
                                          • Firebaseとフロントエンドのみで作ったオンラインゲーム『バトルアクターズオンライン』をリリース - Qiita

                                            どんなゲーム? RPGの戦闘部分のみ切り出したようなオンライン対戦ゲームです (会員登録不要・完全無料) 2~4人までのオンライン対戦とオフラインで遊ぶことも出来ます また、チャット機能やコマンド入力までの時間制限も付けました 技術スタック 言語 typescript フレームワーク vue.js データベース Firebase RealtimeDatabase ホスティング Firebase バックエンド 無し(サーバレスと呼ばれる Google Apps Script や AWS Lambda も使用していません) なぜ作ったのか サクッとオンラインゲーム遊びたい・対戦したい ということがありますが 会員登録が不要のゲームが無く、長い会員登録のあと長いチュートリアルをやって ようやくゲームが出来るというモノばかりだと思った 最近のゲームは課金ドリブンで、金で殴るゲームばかりだなと思い

                                              Firebaseとフロントエンドのみで作ったオンラインゲーム『バトルアクターズオンライン』をリリース - Qiita
                                            • GoogleのmBaaS「Firebase」を活用したスマートなアプリ開発一覧

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

                                                GoogleのmBaaS「Firebase」を活用したスマートなアプリ開発一覧
                                              • SvelteKit + Firebaseでリアルタイムクイズ大会開催システムを作った話【前編】 - GREE DX Tech Blog

                                                クイズ番組といえば...? DX事業本部の小松です。 突然ですが、皆さんはクイズ番組といえば何をイメージされるでしょうか? 私は「クイズ$ミリオネア」や「クイズ!ヘキサゴン」をよく見ていました。これは年代が分かってしまう質問かもしれませんね笑 一方、私の上司は「オールスター感謝祭」が好きとのことでした。 オールスター感謝祭は、大体半年に1回放送されるクイズ番組です。 クイズは選択式の通常問題に加え、解答者が参加するミニマラソンなどの結果を予想する問題が出題されます。 いくつかのクイズをまとめて「ピリオド」と呼び、繰り返されるピリオドごとに、チャンピオンが賞金を獲得します。 こんなクイズ大会を社員総会の出し物にしたら盛り上がるはず!と持ちかけられ、私も面白そうだと思ってメインの開発を担当させていただきました。 開発したアプリは、名付けて「感謝祭クイズ!」 「感謝祭クイズ!」ロゴ (ロゴを作成

                                                  SvelteKit + Firebaseでリアルタイムクイズ大会開催システムを作った話【前編】 - GREE DX Tech Blog
                                                • Vercel(Now.sh)にNuxt.js(SSR)をデプロイすると、Firebase関連でSSR時にNuxt.js Internal Server Errorになるのを修正する - Qiita

                                                  build: { extend ( config, { isDev, isClient, isServer } ) { if ( isServer ) { config.externals = { '@firebase/app': 'commonjs @firebase/app', '@firebase/firestore': 'commonjs @firebase/firestore', //etc... } } } }

                                                    Vercel(Now.sh)にNuxt.js(SSR)をデプロイすると、Firebase関連でSSR時にNuxt.js Internal Server Errorになるのを修正する - Qiita
                                                  • Firebase入門 FireStore編(v9) ※編集中

                                                    参照(公式) 【はじめに】 公式のドキュメントを読んだ内容をまとめる。コピペして利用したいので説明とコードを合わせて記載する。 FireStoreを利用するにはFirebaseのセットアップとデータベースの作成を事前に行う必要がある。 セットアップは以下の記事参照。 ほかにも、データベースへのアクセス制限ルールなどを定義できるのだが、まだよくわかっていないので学習が完了したら執筆する予定。 【FireStoreの基本知識】 ロケーション firestoreページにてデータベースを作成するとロケーションを選択できる。 日本に近ければどこでもよいが公式から以下が提供されているので参考にする。 私は東京での利用を想定して「asia-northeast1」に設定。 ・公式ページ データ構想 この記事では「コレクション、ドキュメント、データ」という3つのワードが頻繁に出てくる。これは「NoSQL ド

                                                      Firebase入門 FireStore編(v9) ※編集中
                                                    • React AppをGithub ActionsでFirebase Hostingにデプロイする

                                                      Firebase Hostingって便利ですよね。手元でReact AppをFirebase Hostingにデプロイする場合は次のコマンドで手軽にできます(project idは.firebasercに書いているものとします)。 さて、とはいえ毎度手動でデプロイというのは思わぬ事故をつながったりもしますので、自動化したいところです。本エントリではReact AppをGithub ActionsでFirebase Hostingにデプロイする手順について説明します。 deploy.ymlを作成する Githubリポジトリのrootに次のファイルを作成してください。 .github/workflows/deploy.yml これはGithub Actionsの設定ファイルです。ymlファイルの命名に制約はないので、deploy.ymlじゃなくても問題ないです。 FirebaseのCI Ser

                                                        React AppをGithub ActionsでFirebase Hostingにデプロイする
                                                      • GitHub - yuiseki/imhere: Firebaseプラットフォームで動作する、あらゆるマイノリティの可視化を目標としているWebサービス imhere.yuiseki.net

                                                        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                          GitHub - yuiseki/imhere: Firebaseプラットフォームで動作する、あらゆるマイノリティの可視化を目標としているWebサービス imhere.yuiseki.net
                                                        • Migrating between Firebase Auth and Auth0

                                                          I’m using Firebase Auth in an app. I’d like to know if it’s possible to migrate to Auth0 without friction for my users. Something like exporting there, importing here. Also, would I be able to migrate back to Firebase Auth in the future? Thanks in advance. A normal user export from Firebase, and import into Auth0 using the extension or API v2 would require users to reset their passwords. As a work

                                                            Migrating between Firebase Auth and Auth0
                                                          • React NativeでFirebase Dynamic Linksを使ったシェア機能を実装する

                                                            2023/05/17 追記 Firebase Dynamic Links は新しいプロジェクトには推奨されなくなりました。 https://firebase.google.com/support/dynamic-links-faq?hl=ja はじめに こんにちは、株式会社カナリーの中野です。 私たちは現在「Canary」というお部屋探しのアプリを作っています。 Canary の中には物件の共有機能があります。 物件ページから共有ボタンを押すと共有リンクが作成され、作成されたリンクを開くと、アプリで該当のページが開く機能です。 3 年ほど前に実装された機能ですが、さまざまな問題を抱えておりました。 既存のシェア機能の問題点 リンク先は 3 年ほど前に作成された古い LP で、その LP 内で振り分け処理(アプリを開くのか、アプリのストア画面に飛ぶのか、LP をそのまま表示するのか)をしてい

                                                              React NativeでFirebase Dynamic Linksを使ったシェア機能を実装する
                                                            • flutter firebase ios build が遅いので高速化する

                                                              概要 flutterfire を導入してからiOSのビルドが遅くなった。 Firestore iOS SDK は C++ のコードが 50万行ありビルドすると非常に遅い。 firestore-ios-sdk-frameworks を導入すると高速化する。 これはプリコンパイルされた Firestore iOS SDK xcframework ファイル。 手順 ios/Podfile に下記のように追記するだけ。 target 'Runner' do use_frameworks! use_modular_headers! pod 'FirebaseFirestore', :git => 'https://github.com/invertase/firestore-ios-sdk-frameworks.git', :tag => '8.0.0' flutter_install_all_io

                                                                flutter firebase ios build が遅いので高速化する
                                                              • firebase firestoreで非同期でデータを取得する(Javascript,reactnative) - Qiita

                                                                firebase firestoreで非同期でデータを取得する(Javascript,reactnative)JavaScriptFirebaseReactreactnativeFirestore 背景 ReactnativeでAndroidアプリ開発をしています。 本当に初学者なので間違えている点あると思いますがご了承ください、、、 firebase & Reactnativeでの開発をしていてタイムラインを実装しようとしたときに 1.まずPostをcollectiongroupとして取得 2.そのPostそれぞれが持つuidを元にPostを投稿したUserを取得し、User情報と一緒にListにぶち込む 3.そのListをsetListとしてstateを変更してFlatListで表示する という実装をしたかったのですが、FlatListをScrollViewの中に入れてしまったりすると

                                                                  firebase firestoreで非同期でデータを取得する(Javascript,reactnative) - Qiita
                                                                • Firebase Authenticationの「This browser is not supported or 3rd party cookies and data may be disabled. 」の解決方法 - wheatandcatの開発ブログ

                                                                  今、以下のレポジトリでWeb版ペペロミアを開発中ですが、その時にハマった内容を記事にしました。 github.com はじめ Firebase Authenticationでログイン画面を作成して、いざログインしようとすると This browser is not supported or 3rd party cookies and data may be disabled. のエラーがでてAuthenticationが行えない エラー内容を調べてみると。。。 https://qiita.com/penguin_fuyuno/items/831ec49bba5b2621ad25qiita.com github.com サードパーティCookieのブロックが原因でした。 基本的にブラウザはbraveを使っているので、この辺のトラッキング系は完全ブロックされているのでエラーになってました。 b

                                                                    Firebase Authenticationの「This browser is not supported or 3rd party cookies and data may be disabled. 」の解決方法 - wheatandcatの開発ブログ
                                                                  • 【firebase hosting】カスタムドメイン(Route53) x 複数サイト x 複数プロジェクトのホスティング - Qiita

                                                                    わちゃわちゃしたタイトルですが以下の3つを一緒に行う必要があったので、全部いっぺんにやったよって話です。 ①AWS Route53で発行しているカスタムドメインを利用する ②単一のfirebaseプロジェクトで複数のサイトを管理する ③複数のfirebaseプロジェクトに分けてデプロイする 前準備 前段階として以下が準備できていることを前提とします。 ここら辺については分かりやすい記事もたくさんあるのでそちらを参考に準備してみてください。 firebaseプロジェクトを準備しましょう firebase CLIをインストールしましょう AWS Route53を使ってカスタムドメインを取得しましょう firebase hostingを起動し、サイトを作成 さてここまで準備したら今回の本題に入ります。 ①AWS Route53で発行しているカスタムドメインを利用する ゴール: AWS Route

                                                                      【firebase hosting】カスタムドメイン(Route53) x 複数サイト x 複数プロジェクトのホスティング - Qiita
                                                                    • Git Bashでfirebase loginする - Qiita

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

                                                                        Git Bashでfirebase loginする - Qiita
                                                                      • Firebase の驚くべき新機能とは!? Generative AI 機能を組み込んだアプリケーションを爆速開発! | クラウドエース株式会社

                                                                        要約アプリを作ってみる ここまで、Firebase Extensions を通して PaLM API(Summarize Text with PaLM API) を使用する方法を説明してきました。 最後に、まとめとして Summarize Text with PaLM API を用いた簡単な要約アプリを作っていきます。 構成 要約アプリの構成図を次に示します。 Flutter(フロントエンド) クライアントアプリとして UI を提供 UI に入力された内容を Firebase Firestore の text_documents コレクションにドキュメントを追加するリクエストを送る Firebase Firestore から 要約結果を受け取る Firebase(バックエンド) Extensions により Summarize Text with PaLM API をインストール API

                                                                          Firebase の驚くべき新機能とは!? Generative AI 機能を組み込んだアプリケーションを爆速開発! | クラウドエース株式会社
                                                                        • Rails API × Vue.js × Firebase AuthでSPA入門|ShunT

                                                                          この記事は個人ブログから移動しました。 はじめにRailsとVue.jsを組み合わせる手法として,大きく分けて2通り存在するという話を以前しました. Railsのプロジェクトに簡単なVueを組み込むだけなら以前の記事でできますが,vue-routerを使ってSPAの実装などとなってくるとRailsのAPIを叩いてデータをやり取りするというやり方が一般的になります. 今回は,Railsをバックエンドとして,Vue.js+axiosをフロントエンドとして完全に分けて利用する後者の手法を紹介したいと思います. それぞれは以下のように利用します. Ruby on Rails:データやセッションや認証を管理 Vue.js:ビューを形成.RailsのAPIを叩いてデータを送ったり受け取ったりする このページでは,方法を説明するにあたって次のことを行おうと思います. 1. Vue.jsでUserの会員登

                                                                            Rails API × Vue.js × Firebase AuthでSPA入門|ShunT
                                                                          • How Firebase Performance Monitoring optimized app startup time

                                                                            Firebase gives you the tools and infrastructure to build better apps and grow successful businesses. Learn more ▼ 2022 (5) ▼ March (2) #FirebaserFriday: Frank van Puffelen How Firebase Performance Monitoring optimized app ... ► February (2) ► January (1) ► 2021 (41) ► November (3) ► October (4) ► September (4) ► August (7) ► July (6) ► June (4) ► May (3) ► April (2) ► March (2) ► February (3) ► Ja

                                                                              How Firebase Performance Monitoring optimized app startup time
                                                                            • Firebase初心者向け!Firebaseでパスワードを使わずにメールリンク認証を行う方法 - Qiita

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

                                                                                Firebase初心者向け!Firebaseでパスワードを使わずにメールリンク認証を行う方法 - Qiita
                                                                              • Firebaseのプロジェクト移行に伴う、RemoteConfigの移行手順 - mikan Developers' Blog

                                                                                はじめまして。株式会社mikanでエンジニアしている @hoshitocat です。 弊社では、昨年頭から代表高岡のもと、メンバーが集まり再スタートしました。 僕は昨年の7月から入社して、主にサーバーサイドとインフラを担当してます。 今回は、英単語アプリmikanの本番環境で使っていたFirebaseのプロジェクトの移行に際して、RemoteConfigを移行した話を紹介します。 RemoteConfigの取得 RemoteConfigの移行 アプリ側の変更 まとめ 最後に RemoteConfigの取得 RemoteConfigは設定値がJSONで定義されています。 取得には、RestAPIが用意されているため、それを叩くことで簡単にRemoteConfigのJSONを取得することができます。 firebase.google.com このとき、認証にはOAuth2.0のアクセストークンが

                                                                                  Firebaseのプロジェクト移行に伴う、RemoteConfigの移行手順 - mikan Developers' Blog
                                                                                • ユーザー ID を設定する  |  Google Analytics for Firebase

                                                                                  Google Analytics アナリティクスには、アプリを使用している個人のユーザー ID を保存するための setUserID 呼び出しがあります。この任意の呼び出しは、通常は BigQuery と Analytics を組み合わせて使用され、複数のアプリ、複数のデバイス、複数のアナリティクス プロバイダで同じユーザーのアナリティクス データを関連付ける必要がある組織で使用されます。 さまざまな方法で、有効なユーザー ID を作成できます。そのうちの 1 つの方法が、自分が割り当てた ID を使用して、自分だけが個別ユーザーを追跡できるようにすることです。たとえば、AwesomeGameCompany という架空のモバイルゲーム デベロッパーについて考えてみます。この会社では、社内で使用する独自の AwesomeGameCompanyID という ID をユーザーごとに作成し、外部の