Google I/O 2024で発表されたFirebase App HostingでNext.jsのSSRを試す
先日のGoogle I/O 2024でFirebaseの新機能が発表されました。 これを読んでいて気になったのが、App Hostingという機能です。どうやらAngularとNext.jsのSSRをサポートしてくれるようになったようです。 自分はboobyというOSSコントリビュートしやすそうなリポジトリを探せるサービスを過去にリリースしています。 これのホスティング先として最初に検討していたのがFirebase Hostingでした。が、「？SSRどうやって動かすんだ？」と思いながらデプロイのための調査をしていたところ、どうやらCloudRunなどのサーバーサイドランタイムも使いながらでなければ動かせないということに行きつきました。 これまでやってきたCSRのHostingと異なり色々と手間が増えるなという結論に至り、結果初期構築が楽なVercelにデプロイすることにしました。当時の奮
Google、フルスタックのWebアプリホスティング環境「Firebase App Hosting」パブリックプレビュー開始。AngularとNext.jsをサポート
Googleは日本時間5月15日と16日に開催したイベント「Google I/O 2024」で、Webアプリケーションのホスティング環境を提供する新サービス「Firebase App Hosting」のパブリックプレビューを発表しました。 Firebase App HostingはGitHubと接続することで、開発者がコードをGitHubにプッシュすると自動的にFirebase App Hostingにコードが取り込まれます。 取り込まれたコードはCloud Buildで自動的にビルドが行われて静的なコンテンツがレンダリングされ、動的なコンテンツはCloud Runにデプロイされ、Cloud CDNでコンテンツがキャッシュされることで、自動的にWebアプリケーションがデプロイされます。 対応するフレームワークはAngularとNext.jsです。いずれも手動での設定をすることなく、Fire
Firebase Local Emulator SuiteをDocker環境で構築して、アプリケーションからテストを実行してみた - Qiita
Firebase Local Emulator SuiteをDocker環境で構築して、アプリケーションからテストを実行してみたDockerFirebaseFirestore はじめに FirebaseをローカルでテストできるFirebase Local Emulator SuiteをDocker環境で構築、アプリケーション(Go)から使用する機会がありました。 本記事では、Dockerでの構築方法及び、アプリケーション側の設定について記載していきます。 ※今回は、Firestoreでの利用となります。 環境 macOS Monterey 12.4 docker desktop 4.7.0 Go 1.18.3 構築 プロジェクト構成は以下の前提で進めていきます。 firebase設定ファイルすでにある事を想定し、実際の環境とも併用することを考慮して、使いまわします。 root/ ├ doc
はじめに 下の画像を見てください。これはとあるアプリの Firebase Console の App Check の Cloud Firestore のモニタリング画面です。この画面で 不正リクエストがどのくらいあるかが確認できます。 え？小さくてよくわかりませんか？もう少し拡大してみましょう。 ↓拡大してみました。不正リクエストは 2% ありました。30日間で不正リクエストは57万回あったということです！ さらに Authentication は 18% も不正リクエストがありました！ これは、どうにかしないといけない。。。ということで、最近 Firebase App Check を個人開発した Flutter アプリに導入したので、導入手順について紹介します！ コードの修正は簡単ですが、Firebase 側の設定がなかなか難解ですし、公式サイト は手順がひとつにまとまっていなくてわかり
WebブラウザとUnityをfirebaseで連携させたインタラクティブコンテンツ - KAYAC Engineers' Blog
~ この記事はKAYAC Advent Calendar 2019の20日目の記事です。~ こんにちは。CL技術部の深澤です。新卒で入社して5年目になります。（ 深澤 匠 | 面白法人カヤック ） 3年ほどWebフロントエンドに従事して主にWebGL案件に携わったのち、最近はUnityやUnrealEngineなどを使ってARコンテンツやイベント・展示案件などに関わらせていただいています。シェーダーが好きです。 新卒入社からアドベントカレンダーは毎年書いており、せっかくなので過去のバックナンバーも載せておきます。 2015 ... WebGLも怖くない！canvasライブラリを効率良く学ぶオススメの順番 - KAYAC engineers' blog 2016 ... 【脱・gulp】npm-scriptsでシンプルなフロントエンド開発環境を作る - KAYAC engineers' bl
デジマDaysの最終日を担当する廣岡です。 前回、アドベントカレンダーで モバイルアプリのスクリーンビュー計測についての記事 を書きましたが、今回もモバイルアプリ計測に関する記事を書きたいと思います。 今回は、モバイルアプリの計測テストを行う際に利用するGA4とFirebaseの機能「DebugView」についてです。 DebugViewとは 以前よりFirebaseに存在していた機能ですが、その後誕生したGA4でも同様に利用が可能となっています。 今回はモバイルアプリの計測テストに限定した内容となりますが、ウェブの計測テストにも活用できます。 通常、アプリのイベントデータは１時間の周期でバッチ処理され、まとめて送信されますが、DebugViewでは過去30分以内にデバッグモードが有効になっているデバイスで操作した、ウェブサイトとモバイルアプリで計測されたイベントやそれに付随するイベントパ
「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
iOS Advent Calendar 2019の4日目の@shtnkgmです！ 本記事ではiOSで開発/本番環境を分けてFirebaseを利用するTipsを紹介します。 環境を分けて利用したいユースケースは以下のようなものが挙げられます。 開発/本番環境によって運用者を分けたい 例）開発環境と本番環境を利用するチームが異なる 開発環境を本番環境と区別することで本番環境に影響なく開発をしやすくしたい 例）テスト時に開発環境へのPush通知を間違って本番環境に送らないようにしたい 本番環境の計測数値に開発時のものが含まれないようにしたい 例）AnalyticsやPerformance Monitoring, Crashlyticsの分析精度を高めたい 実現方法 Firebaseで開発/リリース環境を分ける まずはFirebase側の環境を分ける必要があります。Firebase側の環境を分ける
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認証」などなど色々な方式でのアカウント登録周りの認証を実現できま
こんにちは。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になりました。
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 コンソールみたいなウェブ 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診断を実施。経産省認定基準への登録と大手にはない専門性を評価 | 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 サービス
概要と投稿の背景 本投稿では、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 の五人衆を紹介しつつ、いかに
Firebase Authenticationなら多分これが一番早いと思います：シーホーちゃんとゆかいな仲間たち
「Firebase Authenticationなら認証も簡単」 そう考えてきた時期が俺にもありました。 僕は認証の処理を書くのが嫌いで、できれば避けて生きていきたいと考えております。 理由は主に以下になります。 - アプリケーションの本質的な価値を提供するところではない - にも関わらず手が抜けない - 登場人物が多く難しくなりがち しかし、現実は甘くなく意外とみなさんこだわりがあったりするもので、それにすべて応えると大変なことになります。 例えば… - SNS認証だけではなくメールアドレスとパスワードでの認証もサポートして欲しい - SNS認証だったとしても連絡がつくメールアドレスは確保したい などなど… SNS認証でアカウントを作った人がパスワードを忘れた方はこちらを押したらどうなる？ 不安で夜も眠れません。 そんなあたなに本書は以下の内容について記載します。 - Firebase
認証サービスCognito・Auth0・Firebaseを比べる - s-takayanagi’s blog
購入先 Boothでの購入はこちら 技術書典 応援祭での購入はこちら タイトル 概要 本書の目的 対象読者 本書で取り上げない内容 お問合せ先 目次 第1章 ユーザーID管理のサービス 第2章 各サービスの概要 第3章 コストを比べる 第4章 管理‧運用を比べる 第5章 開発を比べる 購入先(再掲) Boothでの購入はこちら 技術書典 応援祭での購入はこちら サークルの他のメンバー クラウドネイティブファーストストーリー AWSを使って学ぶ 監視設計 AWSの薄い本 IAMのマニアックな話 購入先 Boothでの購入はこちら s-takayanagi.booth.pm 技術書典 応援祭での購入はこちら techbookfest.org タイトル 認証サービスCognito・Auth0・Firebaseを比べる 概要 ユーザーのIDを管理するのはWebサービスを展開する上で必要になりますが
個人開発でTypeScriptフレームワークを使うときの技術選定案(frourio&Firebase&Railway)
TypeScriptフルスタックフレームワークのfrourioを使うときの技術選定について考えてみました。 frourioは国産のTypeScriptフレームワークで、aspidaを使ってサーバーサイドからフロントエンドまでシームレスに型安全なREST APIを扱えることを特長としています。yarn create frourio-appコマンドで一瞬で試せるので興味ある方はぜひ動かしてみてください。 一方で、2022年現在では認証周りの実装方法やデプロイに関する知見が少ないのも事実なので、本記事では認証にFirebaseを、デプロイにRailwayを使った技術選定について説明します。 Firebase、Railwayともに非常に簡単に試せるため、個人開発に特におすすめです。 frourioについて frourioは国産のTypeScript製フルスタックWebフレームワークです。 本記事は
なぜ書くのか？ SIerでがっつりSQLServer(RDB)を使って開発をしていたため、 正規化思考が抜けずFirestore(NoSQL)のDB設計をするにあたってかなり苦労したので、 同じ苦労をしている方へFirestoreの設計を学習する入り口を書こうと思いました。 RDBとFirestoreの違い 個人的に一番苦しんだ違いは**テーブル結合(inner join, outer join)**ができなかったことです。 Twitterのフォロー一覧のような機能を作ることを例に見ていきます。 RDBの場合 ユーザーテーブル id name imageUrl profile_text
![[Firebase]Firestoreの設計の思考法(正規化/非正規化)](https://cdn-ak-scissors.b.st-hatena.com/image/square/685ac2122c268932bd927afbd5b6adbfecf1be60/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--BfSyQQRK--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BFirebase%25255DFirestore%2525E3%252581%2525AE%2525E8%2525A8%2525AD%2525E8%2525A8%252588%2525E3%252581%2525AE%2525E6%252580%25259D%2525E8%252580%252583%2525E6%2525B3%252595%252528%2525E6%2525AD%2525A3%2525E8%2525A6%25258F%2525E5%25258C%252596%25252F%2525E9%25259D%25259E%2525E6%2525AD%2525A3%2525E8%2525A6%25258F%2525E5%25258C%252596%252529%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3APictoMki%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzhiNGUyMTc1MmUuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E6%2525A0%2525AA%2525E5%2525BC%25258F%2525E4%2525BC%25259A%2525E7%2525A4%2525BEHAKATOMO%252520tech%252520blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzg3MjllMjc4ZTcuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
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
Firebase と React の勉強を兼ねて、愛用しているタスク管理アプリ Todoist のサブセットとなる機能を持つクローンを作ってみた。途中で色々試行錯誤したのだが、「最初から最短の手順で作るならこういう手順になる」というのを備忘と Firebase の紹介も兼ねてまとめてみようと思う。 アプリケーション: https://altech-todoist.web.app/ ソースコード： https://github.com/Altech/todoist-clone 0. はじめに 技術スタック 言語： TypeScript UIライブラリ： React 17 バックエンド：Firebase (Authentication + Cloud Firestore + Hosting) Firebase SDK: v9 モジュールバンドラー： Snowpack CSS：styled-co
Firebaseでサービスを公開するときに、最低限必要なセキュリティーのポイントをまとめています。 Firebaseは、現在もすごい勢いで開発が進んでいるので、セキュリティーに関するポイントやノウハウも日々更新されます。最新のドキュメントや、変更点を調べることをおすすめします。この記事を含め、ネットの記事は古い可能性があります。2022年前後でも、App Check導入、Cross service Rulesの導入、AuthenticationのIdentity Platform導入、Workload Identity連携の導入など、日々更新されています。 公式のFirebaseのセキュリティチェックリストは必ず目を通しましょう。 GCPインフラ Firebaseで使うGoogle Accountは個人のアカウントを使わないでGoogle Workspace/Cloud Identityの
Firebaseダイナミックリンクを使うと、1つのURLで複数の遷移先を設定できて、ユーザーごとに適切な制御ができます。ダイナミックリンクによるアプリ内の画面遷移などの制御を除けば、プログラミングなしの設定のみで簡単に実現することが可能です。 例えば、以下のようなパターンです。 iOSのブラウザでダイナミックリンクをタップすると、アプリストア（AppStore）に移動するiOSのブラウザでダイナミックリンクをタップすると、アプリ起動する（インストール済の場合）Androidのブラウザでダイナミックリンクをタップすると、アプリストア（Playストア）に移動するAndroidのブラウザでダイナミックリンクをタップすると、アプリ起動する（インストール済の場合）PCのブラウザでダイナミックリンクをタップすると、アプリのランディングページに移動する ディープリンク（DeepLink）やユニバーサルリ
Firebase Meetup #15 にて弊社代表がセッションを行いました - ElevenBack LLC. Engineering
CEO の id:potato4d です。 本日、Google Japan 渋谷オフィスにて開催された「Firebase Meetup #15」にてセッション登壇者を務めさせていただきました。Firebase Japan User Group 主催のミートアップであり、記念すべき二周年を迎えるイベントのメインセッションを行うことができてありがたい限りです。 firebase-community.connpass.com 登壇内容について 「Firebase & Google Cloud によるサーバーレス帳票管理」というタイトルで、弊社で運営中の SaaS である「Candy」のアーキテクチャについて紹介させていただきました。 帳票管理という原本の保存がシビアかつ、成果物がレガシーなドメイン領域において、いかに課題をサーバーレスで解決したのか、メリットはどこかということを含めて紹介いたしま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Flutter】App Check を導入して Firebase を守ろう！【2023年9月】
GA4 / FirebaseのDebugViewを使ってアプリの計測テストを行う - NRIネットコムBlog
「DartPad」がパッケージに対応、Google FontsやFirebaseの「Dart」アプリをその場で書ける／第一弾として人気のあるパッケージをカバー
Firebase App HostingにNext.jsがデプロイされる仕組み
iOSで開発/本番環境を分けてFirebaseを運用するTips - Qiita
Google I/O 2023で発表されたFirebaseの新機能まとめ - Qiita
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
Firebase 公式動画から『Firestore の DB 設計の基礎』を学ぶ - Qiita
Next.jsとFirebaseでCookieを使った認証処理を実装する
[Firebase]Firestoreの設計の思考法(正規化/非正規化)
Firebase で普通の Rails アプリにログイン - Diary
Firebaseの代替、Supabaseを触ってみる - 虎の穴開発室ブログ
Amplify vs Firebase 比較してみた - Qiita
Docker でFirebase ローカルエミュレータを立ち上げる - y-ohgi's blog
Firebase + React で Todoist のクローンを作る
Firebaseでサービスを公開するときに気を付けるセキュリティポイント
【iOS】Firebase Dynamic Linksでアプリが起動しない