デジマDaysの最終日を担当する廣岡です。 前回、アドベントカレンダーで モバイルアプリのスクリーンビュー計測についての記事 を書きましたが、今回もモバイルアプリ計測に関する記事を書きたいと思います。 今回は、モバイルアプリの計測テストを行う際に利用するGA4とFirebaseの機能「DebugView」についてです。 DebugViewとは 以前よりFirebaseに存在していた機能ですが、その後誕生したGA4でも同様に利用が可能となっています。 今回はモバイルアプリの計測テストに限定した内容となりますが、ウェブの計測テストにも活用できます。 通常、アプリのイベントデータは１時間の周期でバッチ処理され、まとめて送信されますが、DebugViewでは過去30分以内にデバッグモードが有効になっているデバイスで操作した、ウェブサイトとモバイルアプリで計測されたイベントやそれに付随するイベントパ
iOS Advent Calendar 2019の4日目の@shtnkgmです！ 本記事ではiOSで開発/本番環境を分けてFirebaseを利用するTipsを紹介します。 環境を分けて利用したいユースケースは以下のようなものが挙げられます。 開発/本番環境によって運用者を分けたい 例）開発環境と本番環境を利用するチームが異なる 開発環境を本番環境と区別することで本番環境に影響なく開発をしやすくしたい 例）テスト時に開発環境へのPush通知を間違って本番環境に送らないようにしたい 本番環境の計測数値に開発時のものが含まれないようにしたい 例）AnalyticsやPerformance Monitoring, Crashlyticsの分析精度を高めたい 実現方法 Firebaseで開発/リリース環境を分ける まずはFirebase側の環境を分ける必要があります。Firebase側の環境を分ける
こんにちは。virapture株式会社でCEOしながらラグナロク株式会社でもCKOとして働いている@mogmetです。 最近Subwayのフォトコンテストに参加するためにたくさんSubway食ってます。痩せそうです。 本日はGoogle I/O 2023で発表されたFirebaseの新機能について紹介致します！ Cloud Functions for Firebase 第２世代のCloud Functions for Firebaseを昨年リリースしました。 第２世代を使うと、単一のインスタンスが最大1000のリクエストを処理できるようになったことで、コールドスタートが減ってレスポンスを早くすることができます。 先月、第２世代のCloud FunctionsでFirestoreトリガーのプレビュー版が導入されました。 また、本日より第２世代Cloud FunctionsがGAになりました。
GitHub Actions で Firebase Authentication の 承認済みドメインを機械的に増減させる - stefafafan の fa は3つです
最近私は Firebase Authentication を利用したWebアプリケーションを開発しています。Pull Requestごとのプレビュー環境を用意しようとした際に表題の「承認済みドメイン」をどうするかがネックになり色々と調べて最終的にGitHub Actionsで対応したので、そのときわかったことなどをこちらの記事に書きます。 承認済みドメイン (Authorized Domain) とは 今回の困りごと 世間の様子 作戦 実装 認証周り APIを叩く jq 技を使う GitHub Actions 完成系のGitHub Actions 承認済みドメイン (Authorized Domain) とは Firebase Authenticationを利用すると、「メール・パスワード」「Google認証」「Twitter認証」などなど色々な方式でのアカウント登録周りの認証を実現できま
こんにちは。graphy事業部の遠藤と申します。 Firebase ML Kitを検証するため、一部の機能を使って簡単にアプリを実装してみました。今回はその詳細について記載していきたいと思います。 Firebase ML Kitとは Firebase ML Kitを使うことで、機械学習の機能をアプリに実装することができます。主な機能としてはテキストの認識、顔検出、ランドマークの認識、バーコードのスキャン、画像のラベル付け、テキストの言語の識別など機能をライブラリを通して簡単に利用することができます。Firebase ML Kitはまだベータ版となっております。詳しくは公式ドキュメントを参照してください。 今回は、カメラで写真を撮って画像上の英語を日本語に翻訳できるiOSアプリを実装してみようと思います。 Firebase ML Kit導入 XcodeでiOSの新規プロジェクトを作成して、ア
「Firebase CLIのNext.jsデプロイ対応について調べる」ではCloud FunctionsにカスタムビルドしたNext.jsアプリがデプロイされていたが、Cloud Functions (2nd gen)でCloud RunベースになったのでNext.jsのデプロイもApp HostingでCloud Run版になった 基本的なデプロイまでの手順以下のドキュメントにある。本記事ではこれを参考に内部動作を調べる firebase-tools firebase-cliの最新版に以下のコマンドが追加されている ❯ firebase --help | grep apphosting: apphosting:backends:list [options] list Firebase App Hosting backends apphosting:backends:create [opt
Firebase Extensionsをサクッと試してみた 〜Firebase Extensions機能一覧、Translate Textの使い方〜 - Qiita
Firebase Extensionsをサクッと試してみた 〜Firebase Extensions機能一覧、Translate Textの使い方〜FirebaseFirebaseCloudFunctionsCloudFirestoreFirebaseExtensions 2019/09/26にFirebase Summitで発表されたFirebase Extensionsをサクッと試しみたので書きます Firebase Extensions とは？ Firebaseコンソールでポチポチと設定するだけで、既存のFirebaseの機能を補助するCloud Functionsを作成出来る機能です。 Firestorageでの画像リサイズや、Firestoreに保存されたタイミングで任意の言語に翻訳できる機能など以下の9つのExtensionが発表されています。 簡単に各Extensionsの紹
サーバーレス開発部あらため、CX事業本部の藤井元貴です。 2019年10月31日に「AndroidとiOS向けのGoogle Analytics」のサポートが終了します。 Google アナリティクス開発者サービス SDK の終了 そこで、よりモバイルに特化したFirebase Analyticsに移行すべく、ひとまず調べてみました。(今更ですが) イベント 下記の種類があります。 自動送信されるイベント 自分で送信するイベント なお、送信されたイベントの詳細（パラメータ）は、Firebase Analyticsコンソールでは見れないため、BigQueryで見る必要があります。 Firebase 向け Google アナリティクスのデータを BigQuery にインポート 自動送信されるイベント 下記ドキュメントに書かれています。 自動的に収集されるイベント 自分で送信するイベント SDK
Next.jsを使ってCloud FunctionsとFirebase HostingでSSRする - Qiita
Next.js 9を使ってCloud FunctionsとFirebase HostingでSSRする 皆さんこんにちは、noriです。 FirebaseSummitのレジストレーションがオープンしましたね。僕は今年も参加しますよ！! 今年はスペインの開催ですねー 楽しみ。 最近フロントの環境設定をする機会があったので、登場したばかりのNext.js 9をCloud Functionsにのせてみました。 Cloud Functionsにのせるところまでは、すぐだったんですがReactの扱いが初めてだった僕にとってつまりどころがあったので、同じことをしようとしている人たちのためにこの記事を書くことにしました。 先にサンプルコードを置いておきます。 Firebase HostingとしてNext.jsを動かす まず今回やったことを図として示します。 ポイントは以下の2つです。 Next.jsを
FirebaseからGKE Ingressに Aレコードを切り替えた話 - vivit engineering blog
こんにちは、vivit株式会社でインフラまわりを担当している井島です。 セルフマネージドSSLの具体的な更新手順とか、ググっても全然出てこなかったので、記事にしてみました。 なにかの参考になればと思います！ 背景 あるFQDN（example.com とします。）をGKEのIngressに移行してくるというものなのですが、 移行というものは、Firebase上で動いているサイトを、GKE上に持ってきて、 DNSを変更して、切り替え、というよくある話です。 単純にAレコード切り替えれば済むんじゃね？と思っていたら、意外とマネージドSSLに癖がありました。 GCPマネージドSSLの仕様 ところが、GCPの「マネージドSSL」というものは以下制限がありました。 「ドメインの DNS レコードがロードバランサのターゲット プロキシの IP アドレスを参照している。」 →マネージドSSLのドメイン名
Firebaseを用いた開発には専用のセキュリティ診断を。エン・ジャパン新規事業「ASHIATO」の取り組み | Flatt Security
Firebaseを用いた開発には専用のセキュリティ診断を。エン・ジャパン新規事業「ASHIATO」の取り組み 株式会社エン・ジャパンは2000年の設立以来、“「人」、そして「企業」の縁を考える”を事業理念に人材総合サービスを提供。日本最大級の転職サイト「エン転職」や入社後の活躍まで支援する転職支援サービス「エン エージェント」など、30を超えるHRサービスを展開しています。 セキュリティ診断を実施した「ASHIATO（アシアト）」は、エン・ジャパン株式会社様が2020年10月に提供を開始したリファレンスレポートサービスです。 採用候補者の現職や前職の上司・同僚によるレビューを集め、過去の活躍ぶりを可視化。ネガティブチェック的な要素が強かった従来の「リファレンスチェック」とは異なり、採用上のネックだけでなく「活躍・定着するための情報」まで可視化できるのが特徴です。 今回Flatt Secur
Get ready for a new faster web experience with Firebase. For the longest time you all have asked us to optimize the size of our JavaScript libraries, and we’ve done just that. We’ve released brand new beta libraries that are significantly smaller in size. Some are even up to 80% smaller! We’ve managed to reduce the size all without removing any features from the previous version too! How did we do
[iOS] GitHub Actionsでfastlaneのmatchを使わずにAdHoc書き出しをしてからFirebase App Distributionにアップロードする | DevelopersIO
ファイルをbase64化する キーチェーンからp12ファイル形式で書き出したAdHoc用証明書と、プロビジョニングファイルはbase64化します。 コマンド例 openssl base64 -in cert.p12 -out cert_base64.txt base64化すれば、バイナリファイルがテキストファイルに変換できるのでsecrets内に登録することができます。 それをワークフロー内でbase64デコードしてバイナリファイルに戻してあげて使用します。 FIREBASE_TOKEN firebase login:ci を実行すると、こんな感じになります。 Waiting for authentication... ✔ Success! Use this token to login on a CI server: ここにトークンが書いてあります 2020/05/05追記 たまにトーク
![[iOS] GitHub Actionsでfastlaneのmatchを使わずにAdHoc書き出しをしてからFirebase App Distributionにアップロードする | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1762eaf81b2855f2648b259156f5cb9c7592542/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Fgithub-eyecatch.png)
【口コミ】個人開発者達がおすすめするサーバー選び方（heroku,aws,firebaseなど） 2020.03.31 孤独なサービス開発日記 個人開発におけるサーバ選びって実はコスパやら何やら考えると結構難しいかなと思っています。企業と違ってなにかあった場合、自分で対応しないといけないし、コスパも自腹なので気になる。しかも中途半端に大きいサービスだと適切なプランがないなどなど。そういった個人開発特有のサーバの選び方を仲間とちょっと話したのでまとめてみた。 ちなみにこの記事はどんどん皆からの意見で更新していって個人開発する人がここをみればサーバ選びに困らない状態にしたいので意見どんどんください。定期的に更新します。 ちなみに個人開発やプロダクトマネージャーとしての組織論などプロダクト開発に関することを結構つぶやいているので知り合いじゃない人も気軽にフォローしてください。開発に関連してそうな
Firebaseを紐付けたGoogleAnalyticsのプロパティやアカウントの変更はFirebase上からしようとするとデータが消える - Qiita
Firebaseを紐付けたGoogleAnalyticsのプロパティやアカウントの変更はFirebase上からしようとするとデータが消える はじめに このお話はフィクションだったらよかったんですが実際に起きてしまった悲しい出来事です。 これ以上同じ轍を踏むアプリ開発者が出ないことを祈ってこの記事を書きました。 FirebaseAnalyticsをGoogleAnalyticsに連携させたけど連携先のアカウント間違ったのでFirebase上で一旦連携をオフにして正しいアカウントに紐付けてみたらAnalyticsデータがすべて吹っ飛びんだ阿呆とは私のことです。 — masaibar@「のぞきみ」リリース (@masaibar) October 24, 2019 ちなみに現在は一部のデータを欠損しつつも復旧済みです。 ことの経緯 < 「GoogleAnalytics連携出来るようになったやで」
もしかしたら皆さん知ってたんでしょうか。おれは最近知りました。（普通にドキュメントに載ってる。） 先にまとめ エミュレーターがあればだいたいローカルで開発できるぞ Firebase コンソールみたいなウェブ UI で閲覧、編集もできる npx firebase init でインストール npx firebase emulators:start で起動 app.firestore().useEmulator("localhost", 8080); でアプリから接続 公式：Firebase Local Emulator Suite の概要 例：ginpei/firebase-emu-example Firestore 以外の Firebase の機能もあるんだけど、本稿では主に Firestore についてお話しします。 ※↓こんな感じです エミュレーターでできること 本物 Firestore
この記事はQiitaトレンドランキングで2位を獲得しました。 【作ったもの】 カテゴリやランキングからYoutuberを探せるサイト：YOUTUBERランキング 【アクセスレポート】 アクセスリアルタイムレポート 概要 今回はリモートで通勤がなくなり自由時間が多くなったということで、個人開発をしてみたので、備忘がてらやったことを振り返ってみました。 WEB系に興味がある方などには、参考になる部分があるかもしれないので共有しますので、興味がありましたらLGTM、ストックお願いします。 対象読者 Webサイトの立ち上げ方を知りたい人 書いてあること Webサイト（ https://youtuber-ranking.com ）を立ち上げるまでにやったこと WEBサイトやWEBサービスの立ち上げ方 作ったもの おすすめのYoutuberをカテゴリから探せるサイトYoutuberランキング やったこ
Firebase App Distributionのアーリーアクセスが来ました - agri-note inside
開発部の中川@Nkznです。 言い訳 Firebase App Distributionのアーリーアクセス権をもらえたので、触ってみた記事を書こうと思いました。しかしNDAにより中身がペラペラになりました。「App Distributionは正しくCrashlytics Betaの進化版である」に書かれた短い感想文だけが本編です。 目次 言い訳 目次 テスター向けにアプリを配布したい テスター向け配布のサードパーティサービス Firebase版のCrashlytics Betaがアナウンスされた Firebase App Distributionとは 実際に触ってみて App Distributionは正しくCrashlytics Betaの進化版である まとめ テスター向けにアプリを配布したい モバイルアプリがある程度できてきたら、社内やベータテスターに向けて、クローズドな配布を行いたい
Firebase Hostingを使ってポートフォリオサイトを無料で公開する方法 | Web Design Trends
HTMLとCSSでWebサイトを作って、「さあ公開しよう！」と思った時にレンタルサーバーの登録だったり、ドメインの取得だったり面倒な作業がたくさん発生すると嫌になってしまいますよね。 すでにレンタルサーバーに登録している人であれば、比較的簡単に公開することができますが、登録していない人はそれだけで数時間使ってしまうことだってあります。 そんな時におすすめの方法が、「Firebase」というGoogleが提供するサービスを使ってWebサイトを公開する方法です。 個人のポートフォリオサイトなど、ちょっとしたサイトを手軽に公開する手段としてはFirebaseはとても便利です。 今回は、Firebase Hostingを使ってWebサイトを公開する全手順をご紹介したいと思います。 Firebaseとは Firebaseとは、Googleが提供するバックエンドサービスです。Baas（Backend
東京ガスグループのスミレナがFirebase診断を実施。経産省認定基準への登録と大手にはない専門性を評価 | Flatt Security
東京ガスグループのスミレナがFirebase診断を実施。経産省認定基準への登録と大手にはない専門性を評価 株式会社スミレナ様は2019年12月に設立された東京ガスグループのベンチャー企業です。リフォームを中心とした暮らし総合サービス事業を展開しており、2020年6月に「暮らしの月額定額制サービス」のサービス提供を開始しました。 「暮らしの月額定額制サービス」はガス機器・水まわりのリフォームを初期費用なし・月々払いで利用できるサービス。たとえば約20万円の給湯器の取替えであれば月々約1,500円で、約70万円するバスルームのリフォームであれば月々約6,000円で利用することができます。また、その金額には撤去や設置の工事費もすべてコミコミで不具合や故障があっても追加費用無しで応急処置や修理を依頼できます。 今回Flatt Securityは、Firebase診断を担当させていただきました。 株
概要 私はGCPを積極的に利用していますが、安く簡単にサービスを作ろうと思うと、Cloud run+Firebaseが良いのかなと思い、まとめました。メンテナンス性についても、Cloud runとCloud Functionsを比べると、Cloud runの方が良いと思います。 開発環境一覧 Source Repositry Cloud build Cloud run Firebase(hosting) はじめに 始めに上記の環境においてはサービスを有効状態にしてください。 また、gcloudでは最低限必要なIAMは以下の通り。 Firebase 管理者 Cloud run 管理者 今回はCloud buildを使用するため、IAMにおける「~~@cloudbuild.gserviceaccount.com」に以下の権限を付与する。 Cloud Run 管理者 Cloud Run サービス
2019年度 Google Analytics for Firebase 活用法 （Audiencesレポート編） Firebaseとは、高品質のアプリをすばやく開発できる統合アプリプラットフォーム(mBaaS)です。 より優れたアプリを作成するために、世界屈指のインフラストラクチャを使用して、パワフルで安全、かつスケーラブルなアプリ構築を行う事ができ、アプリの品質改善やビジネス成長につながる多くのプロダクトを有しています。 2018年10月にアプリのアクセス解析について、Google Analytics開発者サービスSDKの開発を終了し、Google Analytics for Firebaseに一本化していくというアナウンスがありました。 また、2019年4月には「Audiencesレポート」のユーザーリスト作成機能UIがリニューアルされ、今後ますます存在感を増していくツールだと考えら
タイトルの通りになりますが、Firebaseの技術顧問/コンサルティングでお手伝いできるところを探しています。 具体的には... ・具体的には「副業」、業務委託としてお手伝いできる先を探しています。 ・開発がメインというよりは、技術顧問、コンサルティング的な仕事を優先して探しています。 ・特にFirebaseを使った開発の案件を探しています。 ・※「本業」に関しては既に転職活動を終え、次が決まりましたのでそちらでの募集はしていません。といった感じです。 Firebaseを使った開発での技術顧問、コンサルティングといった形でお手伝いしたいなと。 (良い条件であれば、開発メインの副業でも検討したいです。） 少し長くなりますが一読いただき、「依頼してみたい」、「ちょっと声かけてみたい」と思って頂けましたらご連絡いただけると嬉しいです！ できること自分ができることやスキルセット、今までの職務経歴に
概要と投稿の背景 本投稿では、Firestore の DB 設計の基礎についてまとめます。 私は普段、都内の企業で Flutter エンジニアとして勤務しています。最近は Python/Django のバックエンド API や、Nuxt.js/Vue.js による Web フロントエンドのタスクにも取り組むことがあるのですが、業務レベルで Firestore を使いこなすような機会はありません。 ですが、趣味や個人で使用する範囲のアプリケーションを開発する際には、DB としての Firestore の便利さ・手軽さ・それでいて高機能な面に魅力を感じており、最近では NoSQL データベースや Firestore の特徴をうまく捉え、メリットを活かしながら、いろいろな規模のサービスを Firestore を用いて実現している例もかなりあるようです。 これから行おうとしている個人開発でも、Fi
Firebase AuthenticationのSafari 16.1で動作しなくなる問題の解決過程 - ぱいぱいにっき
みなさん2022年いかがお過ごしですか。macopyです。 この記事はPerl Advent Calendar 2022の9日目です。 追記: Firebase Advent Calendar 2022の9日目も空いていたので入れておきました。 今回はFirebase Authenticationを使っていたら、何もしていないのにログインできなくなったと言われて一心不乱で直した話をします。 Firebase Authenticationとは Firebase Authentication(以下Firebase Auth)とは、Googleのアプリケーション開発プラットフォームであるところのFirebaseの中にある、認証サービスです。 競合サービスとしてはAuth0で、つまりIDaaSとして使えます。専用品のAuth0よりは機能は少ないですが、複数のIdPを組み合わせてユーザの認証管理をし
import type { FirebaseApp } from "firebase/app"; import type { Auth as FirebaseAuth } from "firebase/auth"; import { getApps, initializeApp } from "firebase/app"; import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; /** * @description Firebaseの管理画面から取得したAPIオブジェクト * @note 環境変数は`.env.local`ファイルに定義しています */ export const firebaseConfig = { apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KE
個人開発初心者が Firebase Family 五人衆を半年で全クリした道のりを振り返る - okadato の雑記帳
この記事は 個人開発 アドベントカレンダー 2019 24日目の記事です。 個人開発者の強い味方、Firebase で作ったサービスを紹介しつつ、全クリまでの軌跡をお話します！ 全クリ？ 個人開発者のみなさん、Firebase 使ってますか？ これまでの個人開発 アドカレを拝読する限り、使っている方はそれほど多くないように見受けられましたが、とっっっても便利ですよ！！ とは言えぼくもはじめて Firebase に手を出したのは今年の夏のこと。はじめて作ったのがこのブログでも何回か登場している増田ランダムというサービスで、プロトタイプができたのが7月上旬のことでした。 あれからおよそ半年。いくつかのサービスの開発を経て、いまではちょっとした規模のモノを、そこそこのスピードで作れるようになりました。 そこで今回はWebサービス開発のうえで登場する Firebase の五人衆を紹介しつつ、いかに
シリーズ累計 1.4 万部突破の大好評の React 本シリーズ「りあクト！」。今度のテーマは Firebase❗ コミック発売情報アプリを実際に作りながら、Firebase を学んでいきます。Firebase が全くの初心者でも大丈夫。コンソールによるプロジェクトの作成から始まり、初めての人が陥りやすいポイントをフォローしながら、アプリの完成までステップアップしていきます。 ソースコードも章ごとのものが GitHub に全て掲載してあり、自分で動かせるようになっているので安心です。 なお、他にはない本書の技術的な目玉トピックとしては、以下の通りとなっています。 ① Rails の rake db:seed のような Seed データ投入の仕組みを作る ② Cloud Functions × Puppeteer でスクレイピング ③ Firestore 単体での Algolia を使わない
界隈でちょくちょく質問されているのを見るので調べたことをまとめてみました。 結論だけで言うと、「よい」です。 Firebase apiKey? なに? Firebase project を作成すると projectId はもちろん apiKey や databaseURL などが作成され、これを使うことで機能が使えるようになります。Firebase console でいうと Project 設定などから [アプリを追加] すると取得できます。 詳しい手順はこちら。https://support.google.com/firebase/answer/7015592?authuser=0 var config = { apiKey: "CcN0p0MAIzavPCNkmXSyAy4xhKwCF6CqbX5TcvL", authDomain: "example.firebaseapp.com",
Firebase Authenticationなら多分これが一番早いと思います：シーホーちゃんとゆかいな仲間たち
「Firebase Authenticationなら認証も簡単」 そう考えてきた時期が俺にもありました。 僕は認証の処理を書くのが嫌いで、できれば避けて生きていきたいと考えております。 理由は主に以下になります。 - アプリケーションの本質的な価値を提供するところではない - にも関わらず手が抜けない - 登場人物が多く難しくなりがち しかし、現実は甘くなく意外とみなさんこだわりがあったりするもので、それにすべて応えると大変なことになります。 例えば… - SNS認証だけではなくメールアドレスとパスワードでの認証もサポートして欲しい - SNS認証だったとしても連絡がつくメールアドレスは確保したい などなど… SNS認証でアカウントを作った人がパスワードを忘れた方はこちらを押したらどうなる？ 不安で夜も眠れません。 そんなあたなに本書は以下の内容について記載します。 - Firebase
個人開発でTypeScriptフレームワークを使うときの技術選定案(frourio&Firebase&Railway)
TypeScriptフルスタックフレームワークのfrourioを使うときの技術選定について考えてみました。 frourioは国産のTypeScriptフレームワークで、aspidaを使ってサーバーサイドからフロントエンドまでシームレスに型安全なREST APIを扱えることを特長としています。yarn create frourio-appコマンドで一瞬で試せるので興味ある方はぜひ動かしてみてください。 一方で、2022年現在では認証周りの実装方法やデプロイに関する知見が少ないのも事実なので、本記事では認証にFirebaseを、デプロイにRailwayを使った技術選定について説明します。 Firebase、Railwayともに非常に簡単に試せるため、個人開発に特におすすめです。 frourioについて frourioは国産のTypeScript製フルスタックWebフレームワークです。 本記事は
iOS でも Web Push が送れる！microCMS と Firebase Cloud Messaging を使った実装方法
iOS でも Web Push が送れる！microCMS と Firebase Cloud Messaging を使った実装方法 お初にお目にかかります(？) chot Inc. で Web エンジニアをしているすてぃんです。 もう 1 ヶ月前ですが iOS Safari でプッシュ通知に対応したバージョンのベータ版が発表されましたね。 Web のプッシュ通知は、シェアの大きい iOS が対応してくれなかったのであまり実用的ではありませんでしたが、これからは Web でも多くのユーザーに能動的に新着情報を伝えることができるようになります。 本記事では Firebase Cloud Messaging(以降 FCM と表記) を用いた Web Push 通知の実装方法を、架空のメディアサイトを実装しながら紹介します。 FCM 以外には microCMS と Next.js を使用します。m
Firebase で普通の Rails アプリにログイン したい、という要求がある。 Firebase + Rails というコンテキストでよくあるのは クライアントサイドは普通の React アプリや iOS アプリで Firebase をつかって認証 Rails 側は API を提供し、 Firebase で生成した idToken でユーザーを特定 みたいな事例だと思う。この時 Rails 側は基本的にセッション管理の必要がない。 ただ今回は Firebase で認証して Rails のセッションを作りたい。ようするに、ユーザーの管理とログインまわり(典型的には Google とか Github とかを使うだろう)だけを Firebase にやらせたい。 ではどうするか、といえば以下のような感じにすればよい。 まずログインページは以下のような感じにする。 <button id="lo
The biggest Firebase Hosting update ever? Preview channels, GitHub Actions, and more!
The biggest Firebase Hosting update ever? Preview channels, GitHub Actions, and more! Get ready! We have a huge set of updates landing for Firebase Hosting! Today we are announcing preview channels, an official GitHub Action, and cloning of versions! These features are centered around making you more productive and creating a better collaborative process for teams. Let’s dive in! Preview Channels
こんにちは、虎の穴ラボ Advent Calendar 2020 - Qiita 6日目の記事です。 5日目はHYさんがiPhoneの気圧センサーとSwiftに関する記事を書かれています。 7日目ははっとりさんがFargate環境構築についての記事を書かれる予定です。 はじめに みなさんFirebaseはお使いでしょうか。 今回はその代替となる(かもしれない)ツールを一つ紹介いたします。 Firebase自体初耳という方のために、まずは「Firebaseとはなんぞや？」から軽く触れていこうと思います。 Firebaseとは FirebaseとはGoogle社が提供するクラウドサービスで、データのリアルタイム同期を得意とします。 例えばタスク管理のアプリを作る場合「Aさんがレコードを追加するとBさんの画面にも自動的にその情報が反映される」といった使い方ができます。 また「包括的なアプリ開発プ
サーバレスアーキテクチャの選択肢として、AWSのAmplify、GoogleのFirebaseが有力な候補となっているのではないでしょうか。 実際にAmplify・Firebaseの両者に触れ、比較・検討して得られた知見をまとめました。 ※直近プロダクトの開発にAmplifyを採用して進めてきたので、Amplifyを軸に記事を書いています。 API連携 AmplifyとFirebaseとで異なる特徴のひとつにAWS AppSync（GraphQLをすぐに利用できるフルマネージドサービス）を利用できる点があります。 自前でGraphQLを構築するのは手間がかかりますが、AmplifyのAPIモジュールは「AWS AppSync」をサポートしているので簡単に構築できます。DynamoDBやLambdaとのアクセスもシームレスに行えるので非常に便利です。 以下はその他のAppSyncのメリット
公式のものがみつからなかったのでDockerfile を書きました。 GitHub https://github.com/y-ohgi/dockerfiles/blob/master/firebase/Dockerfile DockerHub https://hub.docker.com/r/yohgi/firebase/dockerfile 以下で作成するDocker イメージを置いてます（主に自分用）。 Docker イメージの作成 予めFirebase のコンフィグ firebase.json を用意しておきます。 ここで立ち上げたいサービスの宣言をします。コンテナへのアクセスを受け付けるために host: "0.0.0.0" を忘れずに設定しましょう。 { "emulators": { "firestore": { "host": "0.0.0.0", "port": "8080"
Firebase Remote ConfigのConditionsでちょっと複雑な振り分け方を設定する - dely Tech Blog
こんにちは。delyでAndroidエンジニアをしているkenzoです。 この記事は「dely #1 Advent Calendar 2020」の17日目の記事です。 昨日はサーバサイドエンジニア高松さんの「バンディットアルゴリズムをライトに解説」という記事でした。 A/Bテストとバンディットアルゴリズムを用いた施行が進む様子を並べて見比べられるのが面白かったです。ご興味ある方はぜひこちらも御覧ください！ adventar.org adventar.org 今回はFirebaseのRemote Configを用いて一定割合のユーザーに値を振り分ける（A/Bテストをする）ときの設定方法についてお話します。 delyではクラシルを使用してくれているユーザーにより良い料理体験を届けられるよう、日々の機能開発・改善やキャンペーン施策等に対して開発部・マーケティング部のメンバーがFirebase R
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GA4 / FirebaseのDebugViewを使ってアプリの計測テストを行う - NRIネットコムBlog
「DartPad」がパッケージに対応、Google FontsやFirebaseの「Dart」アプリをその場で書ける／第一弾として人気のあるパッケージをカバー
iOSで開発/本番環境を分けてFirebaseを運用するTips - Qiita
Google I/O 2023で発表されたFirebaseの新機能まとめ - Qiita
Firebase ML Kitのテキスト認識×翻訳を使ってアプリを作ってみた | エンジニアブログ
Firebase App HostingにNext.jsがデプロイされる仕組み
Firebase Analyticsのイベント送信について調べた | DevelopersIO
Google、Mac/Linuxデスクトップアプリの開発に対応した「Flutter 3」を発表／Apple Silicon、ユニバーサルバイナリにも対応。「Firebase」対応も強化
Introducing the new Firebase JS SDK
【口コミ】個人開発者達がおすすめするサーバー選び方（heroku,aws,firebaseなど） - you88blog
Firebase Firestoreのエミュレーターを使ってローカルで開発する
【Vue/Firebase】ユーチューバー関連のサイトを立ち上げた話【個人開発】 - Qiita
Cloud run+Firebaseの開発について【Webアプリ開発】 - Qiita
2019年度 Google Analytics for Firebase 活用法（Audiencesレポート編）｜イー・エージェンシー
Firebaseの技術顧問でお手伝いできるところ、探しています。｜su-｜note
Firebase 公式動画から『Firestore の DB 設計の基礎』を学ぶ - Qiita
Next.jsとFirebaseでCookieを使った認証処理を実装する
りあクト！ Firebaseで始めるサーバーレスReact開発 - くるみ割り書房 ft. React - BOOTH
Firebase apiKey ってさらしていいの? ほんとに? - Qiita
Firebase で普通の Rails アプリにログイン - Diary
Firebaseの代替、Supabaseを触ってみる - 虎の穴開発室ブログ
Amplify vs Firebase 比較してみた - Qiita
Docker でFirebase ローカルエミュレータを立ち上げる - y-ohgi's blog