並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 2363件

新着順 人気順

firebaseの検索結果321 - 360 件 / 2363件

  • 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
    • React + Firebase + Hasuraで体験する快適なGraphQL生活

      元々graphql-rubyとReactで生きていたんですが、どうやらHasuraなるものが良いらしいと知り、掲題のスタックで社内書籍管理サービスをつくってみました。 楽しかったのでちょっと書いてみます。 具体的には認証つきHasuraからusersを取得できるところまで。 Apolloは使わず、FetchでPOST投げちゃいます。 また、コード自体は本番運用に耐えうるものでは全くないので、 概念を理解する・触りを体験して全体像をつかむくらいの用途にとどめてください。 なお、Firebaseを利用する場合はCloudFunctionsを利用するので従量課金のBlazeプランにする必要があります。(といっても個人で遊ぶ分には無料枠で事足りる) 認証にAuth0を利用するのであればそこは考慮しなくてOKです。でもあれ真面目に使うとなると高いですよね(?) TL;DR HasuraはRDB版Fi

        React + Firebase + Hasuraで体験する快適なGraphQL生活
      • Firebase Summit 2022で発表された新機能をまとめ紹介 - Qiita

        こんにちは。virapture株式会社でCEOしながらラグナロク株式会社でもCKOとして働いている@mogmetです。 最近大きいライフイベントが起きて忙しい毎日を送ってます。 本日はFirebase Summit 2022で新機能がいくつか発表されたのでその内容について共有させていただきます。 主な内容は下記から引用しております。 では早速紹介します! Firebase HostingでWebアプリをデプロイ Next.jsやAngular Universalなどの動的なWebフレームワークを簡単にデプロイできるようにすることができるようになりました! firebase deployを実行するだけで使用しているフレームワークを自動的に検出し、ビルドを実行し、必要に応じてCloud Functionを生成し、必要な構成をセットアップしてデプロイ全体を処理します。 また、Vite、Preac

          Firebase Summit 2022で発表された新機能をまとめ紹介 - Qiita
        • Firebase Summit 2021 で発表された新機能

          .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

            Firebase Summit 2021 で発表された新機能
          • FirebaseとBigQueryでランキングを作る

            Firebaseを活用して作られているサービスに、さらにBigQueryを活用してランキング機能を導入できるようにしていきます。今回の記事では、リアルタイムにランキングが更新されていくものではなく、1日ごとなど一定のタイミングで集計するようなランキングを想定しています。 全体でやることは大きく分けて以下の3つです。 DBやGoogleAnalyticsのデータをBigQueryに取り込む BigQuery上でランキングの集計結果が得られるSQLを作る ランキングを更新したいタイミングでSQLを叩いてDBのランキング用テーブルを更新する 2でランキングロジックを組み立てるために必要なデータを1で集めてくる必要があります。あくまで想像ですが例えばZennの場合だと、記事のPV数やいいね数、投げ銭された金額やコメントの数、投稿日時、果ては投稿者の何本目の記事で今までどれくらいいいねがつけられてき

              FirebaseとBigQueryでランキングを作る
            • FirebaseとSupabase FlutterFlowでどっちを使うか問題 2023年版|ノーコードで事業開発 / SUNUP合同会社

              FlutterFlowを最近使い始めた人によく聞かれる質問なので、ここで改めてプロコンを比較して個人的な推しをお伝えできればと思います。 結論:いろいろ考えたらSupabaseいいよね SUNUP合同会社はい、結論から言ってしまいました。 ご存知の通り FlutterflowではSupabaseがFirebaseと共に公式サポートされており、プラットフォーム上で統合されています。 どちらも同じBaaS(Backend as a Service)であり、Fireabaseは特にモバイルに特化しているのでmBaaS(mはmobileのM)と言われたりもしています。 なので、この記事では同じBaaSである両者をFlutterFlowを活用する前提で基本的に知っておくべき共通点と違いを比較していきたいと思います。 基本情報Firebase:2011年創業 Supabase:2020年創業 そもそも

                FirebaseとSupabase FlutterFlowでどっちを使うか問題 2023年版|ノーコードで事業開発 / SUNUP合同会社
              • FireCMS - Firestore/Firebase headless CMS

                Much more than a CMSFireCMS is an open source headless admin panel built by developers for developers. Get a back-office app/dashboard for your Firebase project in no time. FireCMS is a fully extendable app that will become the heart of your project. Enjoy the most powerful features of Firebase and build your own custom back-office app/admin panel in no time. Easy to get started, easy to customize

                  FireCMS - Firestore/Firebase headless CMS
                • Firebase Extensions | 時間を節約できるプリパッケージ ソリューション

                  フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase Extensions BETA Pre-packaged solutions that save you time Deploy functionality to your app quickly, all you do is install and configure the extension.

                    Firebase Extensions | 時間を節約できるプリパッケージ ソリューション
                  • マネージド コンテナ プラットフォーム、Firebase、CI / CD でアプリ開発ライフサイクルを高速化 | Google Cloud 公式ブログ

                    マネージド コンテナ プラットフォーム、Firebase、CI / CD でアプリ開発ライフサイクルを高速化 ※この投稿は米国時間 2022 年 10 月 20 日に、Google Cloud blog に投稿されたものの抄訳です。 Google は、事業構築段階にあるスタートアップにとって、ユーザーのニーズに基づいた機能を継続的に届けることが最優先事項であることを理解しています。アプリケーション構築時は、特に以下の 3 分野に注力する必要があります。 開発: 開発に際しては、バックエンドのセットアップと処理を他の誰かに任せることで、アプリの独自性を高める作業に注力します。たとえば、お客様ご自身で API サーバーのセットアップやバックエンド サービスの管理を行わなくても、Firebase がこれらを行います。 ホスティング: アプリを構築したら、次にアプリをホストします。今では、コンテナ

                      マネージド コンテナ プラットフォーム、Firebase、CI / CD でアプリ開発ライフサイクルを高速化 | Google Cloud 公式ブログ
                    • Firebaseをなるべく安い料金で頑張りたい人へ - Qiita

                      この記事はFirebaseアドベントカレンダーの5日目の記事です。 どうも!ハムカツおじさんという名前でtwitterやってます(@hmktsu)🤘 自分でだったり弊社でだったりなどFirebaseを使ってサービスを作っています。 ちなみに先日Firebase Meetup #15 Cloud Functions Dayにて下記のスライドを発表させていただいたので、興味ある人はご覧になってください! Firebaseオンリー + React Nativeでアプリを作ると果たして簡単になるのか? はじめに 色んなツールを作るのにFirebaseを使うととても便利だなぁという感想を持っています。 料金に関しては体感としてですが常時サーバを立ち上げてるのとは違いお安くなります。 それでももっと安く済ませたいとかそういったことはあるのでしょうか。 本番環境でそれなりにお金がかかるのはしょうがない

                        Firebaseをなるべく安い料金で頑張りたい人へ - Qiita
                      • Android Studio: Firebaseなどのクラッシュログから関数ジャンプできるようにする

                        Android Studio: Firebaseなどのクラッシュログから関数ジャンプできるようにする Created at Tue, Oct 29, 2019 Android Studio: Debugging Tips n’ Tricks (Android Dev Summit ‘19)で、便利な機能があったので、それの紹介です。 テキスト形式のクラッシュログを、Android Studio上で関数ジャンプ出来るようになります。 Firebaseのクラッシュログを例にして説明してきます。 まず、 Firebaseからクラッシュログをコピーします。 次に、Android StudioのAnalyze Stack Trace or Thread Dumpを使い、さきほどコピーしたクラッシュログをペーストします。 そうすると、Android Studio上で、関数ジャンプが出来るようになります

                        • 週刊Railsウォッチ(20200310後編)Flutter+Firebaseでモバイルアプリ開発、命名7つの鉄則、Rubyバージョンを切り替えるchruby gemほか|TechRacho by BPS株式会社

                          2020.03.10 週刊Railsウォッチ(20200310後編)Flutter+Firebaseでモバイルアプリ開発、命名7つの鉄則、Rubyバージョンを切り替えるchruby gemほか こんにちは、hachi8833です。こちらのサイトの評判がめちゃいいですね。 リポジトリ: tokyo-metropolitan-gov/covid19: 東京都 新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website サイト: 都内の最新感染動向 | 東京都 新型コロナウイルス感染症対策サイト stopcovid19.metro.tokyo.lg.jpより 以下はつっつき後に見つけたツイートです。尊敬するオードリー・タン氏❤️が対策サイトにプルリク投げてくれたとは😂🎉。GitHubで👍がこんなにたくさん付いてるのを見たのは初めてかもしれませ

                            週刊Railsウォッチ(20200310後編)Flutter+Firebaseでモバイルアプリ開発、命名7つの鉄則、Rubyバージョンを切り替えるchruby gemほか|TechRacho by BPS株式会社
                          • 旅行計画アプリnicodyを支えるFirebaseの活用方法紹介

                            はじめに 結.JAPANでiOSアプリの開発を行なっています、@yuto_nakano44 です。 この記事では、現在開発・運用している旅行計画アプリnicodyでのFirebase活用方法についてご紹介できればと思います。 少しでもFirebaseを利用した開発に役立ったり、nicodyというサービスに興味を持ってもらえたら嬉しいです! nicodyとは まずは nicody というサービスについて紹介させてください。 nicodyは旅行計画ができるサービスで、 旅のしおり を作って、そこに観光地や飲食店、訪れる時間などの情報を記録できます。 作った旅のしおりは旅行同行者と共有することで一緒にしおりの編集を行い、旅行計画することもできます。 nicodyは昨年11月末に1万ダウンロード突破し、新機能の追加や改善施策も控えており、nicodyのこれからに期待しながら開発してます。 ユーザー

                              旅行計画アプリnicodyを支えるFirebaseの活用方法紹介
                            • React製WebサービスにFirebaseをフル活用して動的なOGP生成を実現した話

                              はじめに はじめまして!!! 結.JAPAN でみんなで共同編集できる旅行計画アプリnicody のiOSアプリとWebアプリの開発を行なっている、にーの(@n_shhhin)といいます! 元々、nicodyのiOSアプリの方をメインで開発してたのですが、最近になってWeb周りも担当することになり、初Reactサービス開発ということもあり苦戦しつつ勉強しながら開発しているところです...!👨‍💻 そんな中、最近 「既存ReactサービスをOGP対応する」 という初心者にはなかなか重めの要件が降ってきて、Web周りは右も左もわからない状態だったのでかなーーーり苦戦しました...!!! そこで本記事では、今後自分みたいなWeb見習いエンジニャーがOGP対応を苦しまずにサクッと実装できるように、OGPを動的に変える方法をつまづいたポイントなどを含め解説してみたいと思います。 この手のOGP

                                React製WebサービスにFirebaseをフル活用して動的なOGP生成を実現した話
                              • express.jsアプリをFirebase Functionsにデプロイする - Qiita

                                expressアプリ追加 firebase-functionsの読み込み functions.https.onRequestイベントハンドラにアプリを渡す exportする // index.js const functions = require('firebase-functions'); const express = require('express'); const app = express(); app.get('/', (req, res) => { console.log(req.method, req.url); res.send({ status: true }); }); const api = functions.https.onRequest(app); module.exports = { api };

                                  express.jsアプリをFirebase Functionsにデプロイする - Qiita
                                • CloudFirestoreのセキュリティルールをテストする  |  Firebase

                                  フィードバックを送信 CloudFirestoreのセキュリティルールをテストする コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 アプリを構築する過程で Cloud Firestore データベースへのアクセスをロックダウンすることが必要な場合もありますが、リリースする前には、より詳細な Cloud Firestore Security Rules が必要になります。Cloud Firestore エミュレータを使用すると、アプリの一般的な機能と動作のプロトタイピングとテストに加えて、Cloud Firestore Security Rules の動作をチェックする単体テストを作成できます。 クイックスタート 簡単なルールを使った基本的なテストケースについては、クイックスタート サンプルをお試しください。 Cloud Firestore Security

                                  • RubyでだってFirebase Admin SDKは作れる!! - Qiita

                                    はじめに この記事は、Hamee Advent Calendar 2019の15日目のエントリです。 最近はRailsの傍らTerraformをごにょごにょしています。Terraformなんもわからん。 最初に結論 タイトルは言い過ぎました。正確には RubyでもFirebase AuthenticationからAdmin SDKのようにユーザーの取得や更新はできる!! (最後にUserManagementの一部機能のサンプルコードあり) ※今回は一部機能しか実装していませんが、がんばればAdmin SDKは作れます。 Ruby+Firebase使ってます みなさんFirebase使ってますか? 私はここ一年くらいで初めて、とあるプロジェクトでFirebaseを使ってみて、いまさらながらあまりの便利さと機能の豊富さに震えました。認証もプッシュ通知もFaaSもデータベースもなんでもあるやん・

                                      RubyでだってFirebase Admin SDKは作れる!! - Qiita
                                    • ML Kit (Auto ML Vision Edge)で写真から家族を検出する #firebase #mlkit #automl #android - Tech Blog

                                      こんにちは。世界では異常事態が続き、フルリモートとなった今、猫とペットボトルのキャップでサッカーをして遊ぶことだけが生きがいになりました。AndroidエンジニアのTsutouです。 子供やペットの写真を、手軽にアップロードしてもらいたい 弊社のアプリ、Fammは家族アルバムアプリなので、写真/動画アップロード機能の対象となる写真は子供、ペットの写真になります。 しかし、アップロード画面を表示した時、大抵は料理だったり、スクショだったり、風景だったり、データフォルダには色々な画像がありますね。 そこで、子供やペットの写真をもっと手軽にアップロードしてもらいたい、との思いからiOS版ではCore MLを使ってアップロードレコメンドが実現されています。 techblog.timers-inc.com 今回は、Androidでも実装する運びとなり、その際にML Kitを使用した際の事例になります

                                        ML Kit (Auto ML Vision Edge)で写真から家族を検出する #firebase #mlkit #automl #android - Tech Blog
                                      • Rails と Firebase Authentication でJWT認証実装してみた - Simple minds think alike

                                        最近スマホアプリの開発は大体firebaseを使うようになっていて、認証もfirebase authenticationを使っておけば、実装がすごく楽になっていると感じます。 既にRuby on railsでwebアプリケーションを開発していて後からJWT認証を付けようとするとちょっと面倒かと思いますが、 firebase-auth-railsというGemを使って比較的簡単にJWT認証を行えるようになったので設定方法を書いてみます。 github.com 基本的にREADME通りで動いたのですが、どんな設定が必要なのかチョット補足します。 スマホアプリのバックエンドにこのGemを使ったので、Rails APIモードで実装したコードを記載しています。 環境 概要図 ディレクトリ/ファイル構成 セットアップ Redis Gem追加 実装 イニシャライザーの追加 ユーザのuidカラムを追加 Ap

                                          Rails と Firebase Authentication でJWT認証実装してみた - Simple minds think alike
                                        • Nuxt アプリを Firebase Hosting + Cloud Run で SSR した話 - Qiita

                                          概要 Nuxt アプリケーションを Firebase Hosting にホスティングして SPA していたシンプルな構成を、SSR に切り替えたお話です。 Nuxt で SSR し、Firebase で認証&データ管理し、Firebase Hositng x Cloud Run でサーバーレスに配信し、CircleCI で自動ビルドするアーキテクチャについての知見を共有します! システムアーキテクチャ 青がユーザーのアクセスフロー 赤がデプロイフロー 実装手順 【①】アプリケーションを SSR で動作するようにする 【②】docker build&run で動作するようにする 【③】Cloud Run でアプリケーションが動くようにする 【④】Firebase Hosting でアクセスを受けて、Cloud Run にリダイレクトできるようにする 【⑤】ブランチへの push で Circ

                                            Nuxt アプリを Firebase Hosting + Cloud Run で SSR した話 - Qiita
                                          • GitHub - flutter/photobooth: Google I/O 2021 Photo Booth 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/photobooth: Google I/O 2021 Photo Booth built with Flutter and Firebase
                                            • Cloud Functions for Firebaseを使ってApollo Serverを構築する - 雑食日誌

                                              はじめに GraphQLのバックエンド実装は以下の方法があります。 各言語に用意してあるライブラリ Ruby: graphql-ruby Golang: graphql-go, GQLGen Apollo Server AppSync Apollo ServerはNode.jsによるGraphQLサーバーを構築するOSSです。 クライアントだけではなくバックエンドも複数のデータソースから選択して実装することができます。 今回はCloud Functons for Firebaseを使ってApollo Serverを実装してみました。 Firebase初期設定 FirebaseのプロジェクトにCloud Functionsを追加します。言語はTypeScriptを選択しました。 $ firebase init functionsd === Functions Setup A function

                                                Cloud Functions for Firebaseを使ってApollo Serverを構築する - 雑食日誌
                                              • LEGOでカメラアームを作り遠隔でカメラを操作してみた(C言語 + Nuxt.js + Python + Firebase + SkyWay + ラズパイ) - Qiita

                                                LEGOでカメラアームを作り遠隔でカメラを操作してみた(C言語 + Nuxt.js + Python + Firebase + SkyWay + ラズパイ) PythonRaspberryPiIoTLegoGoogleColaboratory はじめに 以前、WebRTCを使って、ブラウザから自宅のペットの様子を見られるペットカメラを作りました。 WebRTCで常時接続のペットカメラを作ってみた このペットカメラを遠隔で操縦できたらペットも探しやすいし、楽しい そして遠隔で物理的に操作するって、なんだか素敵です! そんなモチベーションで、LEGOでカメラアームを作り遠隔操作してみました。 githubのリポはこちら 全体構成 今回追加した機能は赤線で囲んでいます 必要なもの LEGO マインドストームEV3 いろいろ使えるLEGOセットで、なかなか楽しいです。 EV3という制御ブロックにモ

                                                  LEGOでカメラアームを作り遠隔でカメラを操作してみた(C言語 + Nuxt.js + Python + Firebase + SkyWay + ラズパイ) - Qiita
                                                • Firebaseは難しい - laiso

                                                  Firebaseを使うと簡単に開発がはじめられる一方思ったように使いこなすのは大変という問題がある。 この大変さは以下のように分けて考えている Firebase特有の機能を正しく理解するのが難しい ドキュメント指向データベースで開発していくのが難しい 1. Firebase特有の機能を正しく理解するのが難しい Firebaseを使って開発する時に データベースにCloud Firestoreを使い ブラウザやネイティブアプリからSDKでアクセスし ユーザー認証をする という要件を満そうと思うと Firebase Authentication Firebase Security Rules Cloud Functions for Firebase が付いてくる(厳密にはFunctionsなしにできるケースもある)。 SDKでFirestoreにアクセスするにはクライアントサイドでクエリを実行

                                                    Firebaseは難しい - laiso
                                                  • Firebase Hostingを使ってPasskeyをandroidアプリで試してみよう

                                                    Boost Your Performance and Developer Productivity with Jakarta EE 11

                                                      Firebase Hostingを使ってPasskeyをandroidアプリで試してみよう
                                                    • 🛠webpackでビルドするCloud Functions for Firebase入門編|たかもそ/Web Creator.

                                                      Cloud Functions for Firebase は Node.js 製のバックエンド環境なので、CommonJS 形式で書く必要があります。 しかし、普段ブラウザ向けに ECMAScript で書いていると、文法の違いや実装されている関数の違いで混乱することがあります。 そこで、webpack を使って ECMAScript を CommonJS 形式に変換すれば、普段と変わらず快適に JavaScript を書けるようになります。 CLI の導入Firebase をコマンドから扱えるようにします。 $ npm install -g firebase-toolsfirebase --version コマンドでバージョンが表示されればOKです。 $ firebase --version 8.0.2 また、Google アカウントでログインをしておきます。 $ firebase lo

                                                        🛠webpackでビルドするCloud Functions for Firebase入門編|たかもそ/Web Creator.
                                                      • Amazon Cognito Identity Poolの外部プロバイダとしてFirebase Authenticationを使う - Sweet Escape

                                                        はじめに AWSには認証・認可のサービスとしてAmazon Cognitoというものが存在します。ややこしいのですが、認証のためのコンポーネントがAmazon Cognito user pools(以下、user pool)で認可のためのコンポーネントがAmazon Cognito identity pools (以下、identity pool)です。ちなみにidentity poolのほうはfederated identityと表記されている場合もあります。 そのうち、今回はidentity poolの話です。 identity poolは認証機構は持たず、大雑把にいうと任意のログインプロバイダで認証されたユーザに対してIAMロールが設定されたidを紐付けた上でテンポラリのAWSクレデンシャルを提供するといったサービスです。 この任意のログインプロバイダとしてFacebook、Twit

                                                          Amazon Cognito Identity Poolの外部プロバイダとしてFirebase Authenticationを使う - Sweet Escape
                                                        • 【Mac不要】FlutterアプリにFirebase Crashlyticsを組み込んでiOSとAndroidに実機配備する手順 - Codemagic編 - Qiita

                                                          【Mac不要】FlutterアプリにFirebase Crashlyticsを組み込んでiOSとAndroidに実機配備する手順 - Codemagic編FirebaseFlutterFirebaseCrashlyticscodemagic はじめに ※この記事は、以下の記事の続編です。 【Mac不要】FlutterアプリにFirebase SDKを組み込んでiOSとAndroidに実機配備する手順 - Codemagic編 この記事ではその後、FlutterアプリにFirebase Crashlyticsを組み込み、iOS, Androidの両端末のクラッシュ情報をFirebaseコンソールに連携できるようになるまでの手順を説明します。 では早速始めてみましょう。 謝辞 Firebase Crashlytics - Android Android向けの作業を進めるにあたっては、以下の記事

                                                            【Mac不要】FlutterアプリにFirebase Crashlyticsを組み込んでiOSとAndroidに実機配備する手順 - Codemagic編 - Qiita
                                                          • Nuxt.js + firebaseを習得したときのロードマップ - さめたコーヒー

                                                            Nuxt と firebase で個人開発できるくらいにはなったのでどのように勉強したかを残しておきます。 もともとVueは仕事で使っていてNuxtが初めてという状況でした。 step1. Nuxt.js - Vue.js on Steroids learning.oreilly.com これをChapter2まで終わらせる。 step2. Build a News Feed with Nuxt 2 and Firestore learning.oreilly.com これを最後まで写経。3時間で終わるかと思ったら結構時間かかった。ビデオの人のタイピングも説明も早い。 step3. 個人開発する Nuxt + firebase で connpass みたいなものを試しに作った。 SSRでやったので細かいところは適宜ぐぐった。 (しかしSPAでも最近はSEOに乗ったり広告はれたりするようなの

                                                              Nuxt.js + firebaseを習得したときのロードマップ - さめたコーヒー
                                                            • 【Googleアナリティクス】User ID機能を使って会員ごとの動きを見る | 銀座ITラボ | FirebaseやAWSに関する技術情報を配信中

                                                              やりたいこと・Googleアナリティクスで会員IDごとにどのページを閲覧しているか把握したい ・1人のユーザーがPCやスマホを利用してサイトに訪問した場合、これらを1人のユーザーとしてカウントしたい 前提条件・会員がログインできるサイトであること ・サイトにGoogleTagManagerが導入済みの状態であること ※タグマネージャーの設定方法はこちらを参照してください 発生する作業・Google Analyticsの操作 ・Google Tag Managerの操作 ・ソース埋め込み作業 Googleアナリティクス内のイメージ・会員IDごとに把握する場合、User-IDを使用します。 ・User-ID のデータは、専用の User-ID ビューにのみ表示されるため、ビューを新規作成します。

                                                                【Googleアナリティクス】User ID機能を使って会員ごとの動きを見る | 銀座ITラボ | FirebaseやAWSに関する技術情報を配信中
                                                              • 公式docに書かれていない、firebase v9の Cloud Functionsのロケーション指定方法

                                                                はじめに 2021年8月25日から、Firebase JavaScript SDK の version 9 が正式にリリースされました。 必要な関数のみをインポートすることで、ファイルサイズを従来より格段に小さくすることが出来るようになりました。 少しでも軽くしようと日々奮闘していらっしゃるエンジニアの方からすれば、神アプデだったのではないでしょうか?👏 しかし公式ドキュメントを読んでいるうちに、未だに version 8 の書き方で書いてあるところを見つけました。 それが、本記事の Cloud Functions のロケーション指定方法です。 該当ページ:Cloud Functions のロケーション その結果、「公式の通りやっているのに、うまくいかない😢」という事態が起きてしまっています。 これから Functions を触る皆さんにこんな無為な時間を過ごさせてはさせてはならない…

                                                                  公式docに書かれていない、firebase v9の Cloud Functionsのロケーション指定方法
                                                                • JavaScript による Google を使用した認証  |  Firebase

                                                                  フィードバックを送信 JavaScript による Google を使用した認証 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ユーザーは Firebase での認証に Google アカウントを使用できます。これには、Firebase SDK を使用して Google ログインフローを実行する方法と、「Google でログイン」ライブラリを使用し、生成された ID トークンを Firebase に渡すことでログインフローを手動で実行する方法があります。 始める前に Firebase を JavaScript プロジェクトに追加します。 Firebase コンソールで、ログイン方法として Google を有効にします。 Firebase コンソールで [Authentication] セクションを開きます。 [Sign-in method] タブで [G

                                                                  • Firebase update summary 2021

                                                                    この記事は Google Cloud Japan Advent Calendar 2021 の 4日目の記事です。2021 年の Firebase のアップデートの中から個人的に気になったアップデートを紹介して行こうと思います。昨年の内容が知りたい場合は、ぜひ Firebase update summary 2020 もご覧ください。 それではいってみましょう! 開発関連のアップデートApp Check (Beta)Google I/O で 新しいセキュリティー サービスとして App Check が発表されました。簡単なステップを踏むだけで、意図しないアクセスや悪意のあるアクセスからバックエンドを保護することができます。 リクエストは Verified / outdated client / unknown origin / invalid に分類され、App Check の保護を有効に

                                                                      Firebase update summary 2021
                                                                    • Firebase + Kotlin: Extensions, Coroutines and Flows

                                                                      [Talk delivered at Droidcon EMEA 2020] Android is now Kotlin-first, but most of the existing libraries and SDKs were written in Java. Despite the ef…

                                                                        Firebase + Kotlin: Extensions, Coroutines and Flows
                                                                      • Firebase AuthenticationでSign In With Appleを実装する | DevelopersIO

                                                                        betaではありますが利用できるようになったFirebase AuthenticationがSign in with Appleに対応したので試してみました。 11月にfirebase-ios-sdkにSign in with Apple対応がマージされました。 Sign in with Appleは認証にApple IDを利用できる機能です。 業務で関わっているアプリでは外部サービス認証をしているので将来的にSign In With Appleにも対応しないといけないことになりました。 そこでbetaではありますがFirebase AuthenticationがSign in with Appleに対応したので試してみました。 iOS で Apple を使用して認証する  |  Firebase Sign in with Apple - Apple Developer 実装の大きな流れで

                                                                          Firebase AuthenticationでSign In With Appleを実装する | DevelopersIO
                                                                        • DartでFirebase Functionsを書く手法

                                                                          TODO: UI for hasUnreadMessages. Parse a message being composed, then show as a styled text such as for mention, url… なぜFirebase FunctionsをDartで書くのか?FlutterとModelのコードを共有できます。最低でも、Firestore pathに関するコードをシェアできます。 たとえば、Chat appならば、Message Body の Parser をそのまま再利用できるので、異なる言語で再実装したときにありがちな parse の解釈結果の差異の発生を防止できます。 クラサバを同一言語で書けると、思考のコンテキストスイッチを防止して、Flutterで得たDartのノウハウをFunctionsでも活かせます。少人数開発では特にこのベネフィットが大きい

                                                                          • Firebase Auth で, 初回アクセス時に必ず匿名ログインする方法

                                                                            はじめに 今回は, Firebase Auth を使って, 初めてページにアクセスした際に必ず匿名ログインする方法について紹介したいと思います. 私の会社でも Web アプリを複数開発しているんですが, ほとんどのサービスで匿名ログインを導入しています. 個人情報を入力することなく, サービスを体験してもらえるようになるので, ユーザーさんにサービスを触ってもらうハードルを劇的に下げられる便利な仕組みです! 機会があればぜひ導入してみてください. 匿名ログインとは? 匿名ログインとは, その名のとおり個人情報を入力することなくサービスを使えるようにする仕組みのことです. ソーシャルゲームなんかでもよく使われてる仕組みで, ある程度のところまでは匿名ログインの状態で楽しんでもらって, 本格的にプレイしようってなったタイミングで email や twitter アカウントの連携を求められるあれ

                                                                              Firebase Auth で, 初回アクセス時に必ず匿名ログインする方法
                                                                            • Firebase(GA4)の自動スクリーン ビュー計測を止めて手動計測する - NRIネットコムBlog

                                                                              本記事はNRIネットコム Advent Calendar 2021 21日目の記事です。 🎄 20日目 ▶▶ 本記事 ▶▶ 22日目 🎅 はじめまして、廣岡です! 入社後4年程モバイルアプリの開発案件に携わり、現在はGoogle アナリティクスを中心としたGoogle マーケティング プラットフォーム(GMP)の導入、活用におけるテクニカルサポートを行っています。 Google アナリティクス 4(以下、GA4)の登場で、ウェブサイトとFirebaseで計測されたモバイルアプリの計測データを同じレポート上で見ることができるようになったこともあり、アプリ計測に関するご相談をいただくことが多くなったように思います。 本記事では、Firebaseでアプリを計測するための計測設計を実施させていただく際に、必ずお客様にお伝えしていることについてお話していきます。 はじめに 前提として、GA4のレ

                                                                                Firebase(GA4)の自動スクリーン ビュー計測を止めて手動計測する - NRIネットコムBlog
                                                                              • Deploy to live & preview channels via GitHub pull requests  |  Firebase Hosting

                                                                                Build Get to market quickly and securely with products that can scale globally

                                                                                • iOS Simulatorで起動したFlutterアプリから送信されるFirebase AnalyticsのイベントログをDebug Viewでリアルタイムに確認する | DevelopersIO

                                                                                  iOS Simulatorで起動したFlutterアプリから送信されるFirebase AnalyticsのイベントログをDebug Viewでリアルタイムに確認する こんにちは、CX事業本部 IoT事業部の若槻です。 Firebase AnalyticsではDebug Viewを使用することにより、アプリから送信されるイベントログをリアルタイムでコンソールから確認することができます。 今回は、iOS Simulatorで起動したFlutterアプリから送信されるFirebase AnalyticsのイベントログをDebug Viewでリアルタイムに確認してみました。 やってみた デバッグするアプリおよび環境は、以前のエントリで作成したものを使用します。 main.dartのコードは次のようになります。 lib/main.dart import 'package:flutter/mater

                                                                                    iOS Simulatorで起動したFlutterアプリから送信されるFirebase AnalyticsのイベントログをDebug Viewでリアルタイムに確認する | DevelopersIO