並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 616件

新着順 人気順

Firebaseの検索結果321 - 360 件 / 616件

  • FirebaseでiOSのプッシュ通知を実装 - Qiita

    これにより、iOS アプリで Firebase を稼働させるために必要なライブラリが、Firebase 向け Google アナリティクスとともに追加されます。 ・ ポッドをインストールし、.xcworkspace ファイルを開いて Xcode でプロジェクトを確認します。 2回目以降も、インストールを使用すると、依存性でエラーになる事が多いです。 証明書を発行編に移ります プッシュ通知を送るために作成するもの・しておくことは以下の7つあります。 CSRファイルの作成 ※初回作成すれば後は同じものを使いますので改めて作成不要です 開発用証明書(.cer)の作成 ※初回作成すれば後は同じものを使いますので改めて作成不要です AppIDの作成 端末の登録 プロビショニングプロファイルの作成 APNs用証明書(.cer)の作成 APNs用証明書(.p12)の作成 1. CSRファイルの作成 キー

      FirebaseでiOSのプッシュ通知を実装 - Qiita
    • iOS14でのコピペ内容(UIPasteboard)取得警告について ※Firebase DynamicLinksを導入している場合は要注意! - Qiita

      iOS14でのコピペ内容(UIPasteboard)取得警告について ※Firebase DynamicLinksを導入している場合は要注意!iOSライブラリSwiftiOS14 おことわり この記事は、iOS 14 Beta2 での情報を元に書いています。 バージョンアップなどにより最新の情報と異なっている可能性がありますので、ご注意ください。 前置き iOS 14 Betaにアプリがコピペ内容を読み取るとOSによって通知される機能が追加されました。 従前にTikTokなど多くのアプリがコピペの内容を読み取っているという指摘がWebニュースで流れていたので、それがトリガーとなって仕様追加されたようですね。 実装ベースで言うと、↓こんな感じのコードを書いている場合。。。 コードが実行されたタイミングで、OSから警告が表示されます。 Androidのトーストのような感じのバナー表示です。 ※

        iOS14でのコピペ内容(UIPasteboard)取得警告について ※Firebase DynamicLinksを導入している場合は要注意! - Qiita
      • What's new at Firebase Summit 2019 [ja]

        What's new at Firebase Summit 2019 [ja]

          What's new at Firebase Summit 2019 [ja]
        • [Firebase Extensions] Resize Images - Qiita

          Summit2019で発表されたFirebase Extensions 今年のFirebaseSummit2019で発表されたFirebase Extensions! 生放送を見る前にFirebase Consoleに追加されておりなんだこれ?!と心踊る追加内容でした Firebase Extensionsの特徴として公式の言葉を借りると以下2つの特徴があります。 ユースケースに合わせて拡張機能を構成する 今回リリースされているのは9つの機能 Translate Textについてはすでに記事になってましたのでリンク付けさせていただきました 簡単にインストール 左下のExtensionsをクリックして使いたい機能をinstallしたら使えるようになるイメージです ボタンぽちぽちで画像のリサイズなどが可能になります。 便利なCloud Functionsのメソッドが誰でも使えるようになった感じ

            [Firebase Extensions] Resize Images - Qiita
          • Google アナリティクス for Firebase を「Google アナリティクス4(GA4)」へアップグレードする方法 | はじめての「Google アナリティクス for Firebase」入門

              Google アナリティクス for Firebase を「Google アナリティクス4(GA4)」へアップグレードする方法 | はじめての「Google アナリティクス for Firebase」入門
            • Google アナリティクス for Firebaseを導入するときの考え方と要件定義 | はじめての「Google アナリティクス for Firebase」入門

              前回のコラムまで「Google アナリティクス for Firebase(略称:GA4F)」の基本的なイベント、パラメータの種類や意味を解説してきました。今回は、 アプリの表示回数を計測するには?アプリ画面上でタップされた数を計測するには?アプリ画面をコンバージョン設定するには?という具体的な状況を例に、実際にアプリを計測するときに「どのイベント」「どのパラメータ」を定義すれば良いか、弊社の電気自動車などの充電スポット検索アプリ「EVsmart」で紹介します。 アプリ画面の表示回数を計測するには? ―― screen_viewイベントのfirebase_screenパラメータを使うアプリの計測を行うとき、画面(スクリーン)ごとの表示回数を計測したいことは多いはずです。 たとえば、Googleアナリティクスのタグが設置されたWebサイトであれば、ページタイトルやURLを自動的に取得し、ページ

                Google アナリティクス for Firebaseを導入するときの考え方と要件定義 | はじめての「Google アナリティクス for Firebase」入門
              • 【高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

                  【高1/歴25日】 React, TypeScript, CI/CD, Supabase, Firebase でデジタル名刺アプリを作った - Qiita
                • Firebase プロジェクトについて理解する  |  Firebase ドキュメント

                  フィードバックを送信 Firebase プロジェクトについて理解する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このページでは、Firebase プロジェクトに関するいくつかの重要なコンセプトの概要を説明します。リンクがある場合はそのページに移動し、機能、サービス、ツール、ベスト プラクティスについて詳細な情報を確認してください。 Firebase プロジェクト、アプリ、プロダクトの関係 Firebase プロジェクトは Firebase の最上位のエンティティです。プロジェクトでは、Apple アプリ、Android アプリ、ウェブアプリを登録できます。Firebase にアプリを登録すると、アナリティクス、Cloud Firestore、Performance Monitoring、Remote Config などの Firebase プロダクト

                  • Cloud Functions for Firebase を使ったお問い合わせフォーム実装

                    FirebaseはGoogleが提供するクラウドサービスの一つでWebサービスをリリースする上で必要な機能を多数揃えています。この記事ではWebサービスで需要の高いお問い合わせフォームをFirebaseで実装する方法について紹介します。 当記事で目指すこと静的ホスティングしたコンテンツにお問い合わせフォームを実装するフォーム送信内容を指定のメールアドレスへ通知するフレームワークを使わないシンプルな構成で実装するFirebaseにはフォームを簡易実装できる機能が標準で備わっていないためCloud FunctionsとNode.jsでメール送信できるNodemailerを利用します。またメールを送信するには通常メールサーバーが必要となります。そこで今回はGmailを使用することにします。

                      Cloud Functions for Firebase を使ったお問い合わせフォーム実装
                    • 【iOS】FirebaseのCloud Storageでサーバー上のファイルの日付を確認する方法(Swift)

                      デバイス上のファイルの作成日付と、FirebaseのCloud Storageに格納してあるファイルの作成日付を比較して、サーバー上のファイルの日付のほうが新しかったらダウンロードしたいという処理はよくあると思います。 日付を別で管理したり、一度ダウンロードしてから作成日付をチェックするのでは効率が悪いため、できれば、サーバー上のファイルを直接確認してからダウンロードをしたいところです。 Cloud Storageのリファレンスから作成日付や更新日付を直接確認する方法がありました。 作成日付はtimeCreated、更新日付はupdatedで取得できます。 また、日付に限らず、様々なメタデータを取得することができます。 取得できるメタデータは以下のとおりです。(更新することができるものもあります) メタデータ一覧 メタデータを取得して、日付チェックするまでのソースコード例は以下のとおりです

                        【iOS】FirebaseのCloud Storageでサーバー上のファイルの日付を確認する方法(Swift)
                      • What's new in Firebase at I/O 2024

                        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

                          What's new in Firebase at I/O 2024
                        • Firebaseと連携してAndroid Studioに👁を追加する方法 - Qiita

                          この記事は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を選

                            Firebaseと連携してAndroid Studioに👁を追加する方法 - Qiita
                          • 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

                              New for Firebase Hosting: request logging, Brotli compression, and internationalization
                            • 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) を読んで全く単語が頭に入ってこなかったのと、頭から入りたい質として「あーん?こいつら信用できるん?」

                                2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話 - Qiita
                              • [WIP]Next.jsとFirebaseによる実用Webアプリ開発

                                この本は執筆途中ですが著者のリソース問題で更新を断念しました。このままお蔵入りさせるのも忍びないので途中までですが公開することにしました。ご留意の上適宜参照してください。また、Tailwind CSSなど古いバージョンに基づいているのでその点もご留意の上ご参照ください。

                                  [WIP]Next.jsとFirebaseによる実用Webアプリ開発
                                • 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

                                    Next.js × TypeScript × Firebase AuthenticationでGoogle認証を実装する - Qiita
                                  • 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 - 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

                                      • Firebase AuthenticationとIDトークンと更新トークンとセキュリティの話 - Qiita

                                        初めに Firebase Authenticationを使用すると簡単にアプリにユーザー認証の仕組みを実装することができます。 自前のWebサーバーでFirebase Authenticationのユーザー認証を検証したい場合、IDトークンをクライアントから送ることで実現できます。 このIDトークンとセキュリティについて記載します。 以下の記事も参考にしてください。 JWTでセッション管理してはいけない 登場する単語 IDトークン ユーザーの情報が含まれたJWT。 有効期限が1時間しかない。 更新トークン IDトークンを取得するために使用するトークン。 Webサーバーでのユーザー認証の流れ クライアントはFirebase Backendから更新トークンを使ってIDトークンを取得する。 クライアントはWebサーバーにIDトークンを送る。 WebサーバーはIDトークンを検証し、ユーザーを認証す

                                          Firebase AuthenticationとIDトークンと更新トークンとセキュリティの話 - Qiita
                                        • Flutter × Firebase クックブック 【2020年版】

                                          Flutter初心者からステップアップしたい! Firebaseと連携してアプリを制作する方法を知りたい! と言った方向けにFlutterでFirebaseを利用する方法を丁寧に解説します。 各種設定から解説を行い、本書に沿って進めていけば動作するアプリケーションが作成できるハンズオン形式です。またある程度の有識者の方はFlutterとFirebaseでこんなことがしたい!という際に参照するレシピ本のように扱っていただくことも可能です。 本書の内容を活用できるようになればFirebaseを利用して実用的なアプリを作成できるようになるかと思います。以下が扱う内容になります。 - Authentication ○匿名ユーザでの認証 ○メールアドレスによるサインイン、サインアップ ○パスワード変更、メールアドレス変更 ○パスワードリセット機能 ○メールアドレスの有効化機能 - Cloud Fir

                                            Flutter × Firebase クックブック 【2020年版】
                                          • 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

                                              Proud to present you Fakeflix, a Netflix Clone built with React, Redux, Firebase & Framer Motion
                                            • 【Nuxt.js】firebase導入編(firestore版):データの追加 取得をしよう - Qiita

                                              前置き 便利なfirebase! シンプルに導入の仕方を解説していきます😉 簡単なデータの書き込みと取得をしてみます🍒 ❓そもそもfirebaseとは 簡単に言うと オンラインにデータを保存できて 取得もできる優れものです! 自分で1から作るとなると大変ですが firebaseを使えば簡単ですね🌟 https://firebase.google.com/docs/database ❓どんな時に使うか 例えば、チャットアプリ! リアルタイムにデータを保存・同期できるので メッセージを送り合うことが簡単になります💌 例えば、フリマサイト!👕👖 会員情報とその会員が出品した商品が DBに保存されていきます。 それを会員はいつでも編集でき、 反映したらすぐ表示が変わるわけです💡 会員自身でデータが作れて編集もできる! といった感じです🌟 ❓Referenceの読み方 基本的にfir

                                                【Nuxt.js】firebase導入編(firestore版):データの追加 取得をしよう - Qiita
                                              • What’s new from Firebase at Google I/O 2021

                                                What's new from Firebase graphic After taking a hiatus in 2020, Google I/O is back and we’re excited to take part in this revamped, digital event to share the updates we’ve made to Firebase. Over the past year, apps helped us adapt and thrive in our new circumstances, and apps will no doubt continue to play an important role for many years to come. Our mission is to empower developers like you to

                                                  What’s new from Firebase at Google I/O 2021
                                                • 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) を使う3つの選択肢が一般的だと思う。 ログイン認証とN

                                                    Nuxt.js(SSR)+FirebaseというWEBアプリの最強最終形態|プログラミングが出来るようになるノート
                                                  • 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

                                                      Build an Instagram Clone with React Native, Firebase Firestore, Redux, and Expo
                                                    • Firebaseを使ってどんなWebアプリケーションが作れるの?

                                                      そもそもFirebaseとはhttps://firebase.google.com/?hl=ja モバイルアプリやWebアプリケーションを素早く作成するために役立つ様々な機能が揃ったプラットフォームです。2014年にGoogleが買収し、現在もGoogleのサービスとして提供されています。 こういったプラットフォームを安定して提供することは技術力もリソースも必要ですが、Firebaseは十分にアプリ開発に使えるクオリティに達しており、さすがGoogleという印象です。 本記事はエンジニアのための技術的な解説ではなく、事業責任者・PM(プロジェクトマネージャー)・デザイナーなどエンジニア以外の職種の方にFirebaseの仕組みや概念をご理解いただけるように紹介していきます。 Webアプリケーション開発に使える代表的なFirebaseの機能https://firebase.google.com

                                                        Firebaseを使ってどんなWebアプリケーションが作れるの?
                                                      • 【Flutter + Firebase】アプリ内課金(IAP)のステップバイステップ実装ガイド【レシート検証】

                                                        この記事は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

                                                          【Flutter + Firebase】アプリ内課金(IAP)のステップバイステップ実装ガイド【レシート検証】
                                                        • BlazorアプリをFirebase Databaseと連携させる - Qiita

                                                          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アカウントを作成し、ログインして、新しいプロジェクトを

                                                            BlazorアプリをFirebase Databaseと連携させる - Qiita
                                                          • 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でやってみようと思い、(警告が出ていますが)実際に動作させること

                                                              nuxt.ts(nuxt.js+Typescript)でfirebaseをインジェクションしたい。 - Qiita
                                                            • 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

                                                                react-native-firebase(v6↑) + react-native-push-notificationを使ったプッシュ通知実装の注意点 - Qiita
                                                              • Next.jsにFirebase Authenticationを導入するときに考えるべきこと - Ateam Tech Blog

                                                                エイチームグループの子会社のエイチームライフデザインでフロントエンドエンジニアをしてます。小堀輝(@anneau)です。 今回はNext.jsとFirebase Authenticationについてお話ししようと思います。 はじめに ユーザーが複数端末を持つことが多い現代において、私たちが開発するWebアプリケーションでは、異なるデバイスで同じ体験をユーザーに提供するために、ユーザーIDを識別し、データを保存することはとても重要かと思います。 もちろん、独自にユーザーを識別するシステムを開発することは可能ですが、複雑なロジックになってしまい、メンテナンスコストが嵩んだり、不具合につながってしまう可能性があります。 そこで、議論のテーブルに上がってくるのが認証基盤を提供してくれるSaaS。 今回は、その中でもメジャーなFirebaseについて、実装する上で直面した課題をあげ、あらかじめ考えて

                                                                  Next.jsにFirebase Authenticationを導入するときに考えるべきこと - Ateam Tech Blog
                                                                • react-native-firebaseでmessagingを使う時にやる作業メモ

                                                                  概要 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

                                                                    react-native-firebaseでmessagingを使う時にやる作業メモ
                                                                  • Flutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析する

                                                                    はじめに こんにちは!Altive株式会社のFlutterアプリ開発者の小林遼太(@naipaka)です🦙 みなさんはアプリの利用状況を把握するためにどのような方法を使っていますか? これまでFlutterでアプリを開発していて、Firebase Analyticsを使ってアプリの利用状況を確認することはあったのですが、 それだけだとアプリの利用状況の詳細を把握するのに不十分で、クライアントの要望に応えることができないことがありました。 Firebase Analyticsへ送信したデータをBigQueryにエクスポートして解析できるようにしたことでアプリの利用状況をより詳細に把握することができるようになったので、 今回はFlutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析するまでの手順をまとめました。 イベント送信 送信す

                                                                      Flutterアプリから送信したFirebase AnalyticsのデータをBigQueryにエクスポートして解析する
                                                                    • 基本的なセキュリティ ルール  |  Firebase セキュリティ ルール

                                                                      フィードバックを送信 基本的なセキュリティ ルール コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase セキュリティ ルールを使用すると、保存データへのアクセスを制御できます。ルールの構文は柔軟なので、データベース全体に対するすべての書き込みオペレーションから特定のドキュメントに対するオペレーションまで、あらゆるオペレーションに適格なルールを作成できます。 このガイドでは、アプリを設定してデータを保護する際に実装する、いくつかの基本的なユースケースについて説明します。ただし、ルールを作成するための言語とルールの動作についての詳細を確認してからルールの作成を始めることをおすすめします。 作成したルールにアクセスして更新するには、Firebase セキュリティ ルールの管理とデプロイで説明されている手順に従ってください。 デフォルト ルール: ロ

                                                                      • Next.jsとFirebase HostingでSWR。ついでにGraphQLとCloud Run

                                                                        概要 先日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 HostingでSWR。ついでにGraphQLとCloud Run
                                                                        • Distributed Counter | Firebase Extensions Hub

                                                                          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

                                                                            Distributed Counter | Firebase Extensions Hub
                                                                          • 脱 Firebase. 我々はどう生きるか | AWS Dev Day 2022 Japan #AWSDevDay

                                                                            2022年夏、 我々はアプリケーションのバックエンドとして利用していたFirebaseをやめる決断をした。それは事業とソフトウェアの成長に伴いユースケースが合わなくなってきたことが主な理由だ。 これはFirebase、特にNoSQLドキュメントデータベースであるFirestoreから自分たちでRDBを使ったREST APIを開発し移行する物語。 何を考え、何を行うか、RDBとは異なるデータ構造のFirestoreのデータをどのように再設計/開発/移行するかについて愚直に語ります。 同じような悩み、課題もつ皆さんになんらかのきっかけを与える45分に。 スピーカー: 西谷 圭介 氏 (CTO, Singular Perturbations Inc) セッションに関する情報: ・想定聴講者の役割/開発対象:Web バックエンド / サーバーサイド開発 ・セッションのトピック:Web バックエ

                                                                              脱 Firebase. 我々はどう生きるか | AWS Dev Day 2022 Japan #AWSDevDay
                                                                            • ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~ - Qiita

                                                                              ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~iOSPush通知Firebasereactnative はじめに ネイティブアプリ(iOS)の技術検証で react-native-firebaseのテンプレートとFirebaseCloudMessaging(以下FCM)を使用し、 リモートPush通知(画像のアプリを閉じた状態での通知)を実装したので、簡単な手順と注意点をご紹介します。 Push通知に関する情報はたくさんあるのですが、古くて登録画面のUIが異なっていたり、 バージョン依存で動かなかったり、iOSのreact-native-firebaseの記事が少なかったので参考になれば幸いです。 対象読者 ReactNativeでiOSアプリを作成してみたい人 Firebaseを初めて触る人 FC

                                                                                ReactNativeとFirebaseCloudMessagingでiOS Push通知~react-native-firebase編~ - Qiita
                                                                              • Flutter製SNSを2ヶ月で作るために【Firebase編】

                                                                                Flutterがめちゃくちゃ良いですね.なんと言ってもホットリロードとVSCodeが使える素晴らしさ.しかし,Flutterで開発していると初心者向けの記事か玄人向け(本当は僕の頭では理解できないだけ)の記事が多い気がします.下の上くらいの僕の記事を必要としている誰かのために,下の上の知識でSNSを作るには?なる記事を書いていきたいと思います.使っている状態管理はriverpod+StateNotifier+freezed+Hooksです. 今回の記事ではFirebase周りに焦点を当てていきます. まず宣伝 作ったアプリはこれです. (公式以外の)主な参考文献 Komercoの記事は,ほぼ完成してから読んだので参考にできてないですが非常に分かりやすかったです.(もっと前に読みたかった...) (以下で引用するときには上から[1],[2],[3],[4],[5]の記事と呼ばせていただきます

                                                                                  Flutter製SNSを2ヶ月で作るために【Firebase編】
                                                                                • GitHub - flutter/pinball: Google I/O 2022 Pinball game built with Flutter and Firebase

                                                                                  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 - flutter/pinball: Google I/O 2022 Pinball game built with Flutter and Firebase