Firebase側にはこれ以外の様々な機能(Crashlytics等)がありますが、Supabase側にはありません。 まずは認証とデータ周りをしっかりとサポートしていくのだと考えられます。 価格 2020年12月現在、無料で使用できます。 2020年12月以前をαバージョン、2020年12月以降をβバージョンとしており、βバージョンのユーザは1年間無料でWeb上の機能が使用できます。 そのため、2021年あたりからクラウド版のホスティング料金体系が出てくるのではないでしょうか。 また、スポンサーとして貢献することも可能です。 触ってみた所管 データ構造が違う Firebaseとの一番の大きな違いは、Firebaseが NoSQL に対して、Supabaseは PostgreSQL を選択している点です。 Firebaseも確かに便利ではありますが、Realtime Databaseの作法
Google アナリティクス for FirebaseでBigQueryエクスポートの設定方法とデータ活用 | はじめての「Google アナリティクス for Firebase」入門
Google アナリティクス for Firebase （以下GA4F）は、GA360と同様、サンプリングされていない生データを無料でBigQueryへエクスポートできます。 BigQueryへエクスポートしたデータを利用すると、GA4FやGoogle アナリティクス 4 プロパティ （以下GA4）のレポート画面では難しいカスタム分析やアプリ以外の外部データと組み合わせた分析が可能になります。 さらに、BigQueryへエクスポートしたデータはデータポータルなどのBIツールと連携すればカスタムレポートの作成も可能となります。 今回はGA4Fのデータ活用をテーマに、次の内容を紹介します。 BigQueryエクスポートの設定手順データポータルのBigQuery接続方法・レポートの作成方法 BigQueryエクスポートの設定手順GA4FのデータをBigQueryへエクスポートする方法は2種類あり
サーバ管理なしでWebサービス公開 -Firebase(Authentication, Hosting, Firestore) + GAEで『LogCrow(ログ情報共有サービス)』開発- - Qiita
サーバ管理なしでWebサービス公開 -Firebase(Authentication, Hosting, Firestore) + GAEで『LogCrow(ログ情報共有サービス)』開発-GAEVue.jsFirebase個人開発algolia FirebaseとGoogle App Engineを中心に活用し、Webサービスをローンチしたのでそのアーキテクチャ & サービス概要を紹介します。 LogCrow(ログ情報共有サービス) 背景・動機 私は日頃業務で、システムの保守・運用の効率化・改善について検討しており、いろんな運用者の知見が共有できている状態が作れると運用者が幸せになれるのではないかと考えています。 そんな中で、特に保守・運用時にキーポイントとなるログ情報についてフォーカスし、こういうログが出たときには「原因」として何が考えられ、どういった「対処」が必要となるのかといった情報
[社内ハンズオン資料] Angular+Firebaseで作るTODOアプリケーション | DevelopersIO
大阪オフィスのフロントエンド勉強会で使用したAngular+Firebaseハンズオンの資料を公開します。勉強用のサンプルアプリケーションとして活用していただければ幸いです。 どうも！大阪オフィスの西村祐二です。 大阪オフィスではフロントエンド勉強会を隔週で行っており、そこでAngular+Firebaseで作るTODOアプリケーションのハンズオン行ったのでその資料を公開します。 勉強のためのサンプルアプリケーションとしてお役に立てれば幸いです。 ゴール 下記のようなTODOアプリケーションを実装します。 主な機能として下記になります。 TODOの追加削除 Drag And DropでTODOを移動させてデータを更新 Googleアカウントでログイン・ログアウト TODO追加入力フォームのバリデーション バックエンドはFirebaseを利用しています。 利用するツール Angular An
![[社内ハンズオン資料] Angular+Firebaseで作るTODOアプリケーション | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e0940ba64874bd2343c7288634d9d170730b2e5/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F03%2Fangular9-eyecatch-1200x630-1.jpg)
「チャリティカンファレンス沖縄2020 Vol.1 フロントエンド」での登壇資料です。 これまで様々な開発案件でFirebaseを用いたサーバーレス開発を実践してきた経験をもとに、以下のポイントを徹底解説します。 ・Firebaseで何ができるのか？ ・Firebaseで簡単ユーザー認証。 …
KomercoとFirebaseの話【後編】 - Firebase運用の仕組化 - クックパッド開発者ブログ
Komercoの高橋です。 昨日は前編でFirestoreの設計パターンについてお話しましたが、後編はFirebase運用の仕組化についてです。 前の記事でも述べたように、昨年はWeb版のリリースや送料無料イベントもあり、ユーザ数がさらに増加してきています。 サービス規模が大きくなるにつれて運用コストも大きくなり、その効率化も求められるようになってきました。 ここではKomercoで行っている、運用に関する仕組みについてご紹介します。 Komercoの構成 まず前提としてKomercoの構成について簡単にご紹介します。 Komercoは器や料理道具、食材や調味料を扱うECサービスで、商品の販売者から直接購入ができるC2Cサービスとなっています。 商品を購入するユーザを「カスタマー」、販売するユーザを「クリエイター」と呼んでいます。 Komercoではこのカスタマー、クリエイターそれぞれに対
[iOS]アプリケーションでFirebaseの内、CrashlyticsとAnalyticsを使用している場合でのiOS14のトラッキング対応 | DevelopersIO
iOS14からユーザートラッキングに用いられている端末の広告識別子IDFA取得のオプトイン/オプトアウトの選択をユーザーに求めることが必須になります。アプリが取得するプライバシーポリシーの提出必須化と同じく大きな変更ですが、開発中のアプリが該当するか調べる時にFirebase AnalyticsとFirebase Crashlyticsのみを使っていて広告系のSDKも利用していない場合何の対応も必要ないかが心配になったので調べていました。 App Tracking Transparency | Apple Developer Documentation iOS14で必要になるユーザートラッキングについての対応 AppleからUser Privacy and Data Use というドキュメントが公開されました。ユーザーがアプリのプライバシーポリシーをダウンロード前に確認して、アプリが収集す
![[iOS]アプリケーションでFirebaseの内、CrashlyticsとAnalyticsを使用している場合でのiOS14のトラッキング対応 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf1fba053b10ac0f0ec1e4798fc6d0cc36462bba/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F04%2Ffirebase-eyecatch.png)
Web Push通知の受信を、Firebase Cloud Messaging(FCM)＋Service Worker ＋Notificationで受信側でコントロールしてみた | Tech Blog | CRESCO Tech Blog
Web Push通知の受信を、Firebase Cloud Messaging(FCM)＋Service Worker ＋Notificationで受信側でコントロールしてみた
Firebase Authentication を利用した認証システムの実装 - Qiita
２０２２年２月追記 Firebase SDK v9では、実装方法が大きく変わりました。 v9を利用した認証の実装については、以下をご覧ください。 Authenticationを利用した実装 前回 に続き、 Firebase の備忘録を書いていきます。 今回はFirebase Authenticationを利用した認証システムの実装についてメモを残しておきます。 Firebase Authentication の設定 認証は、Firebase プロジェクトのコンソールから「Auhentication」を選んで設定していきます。 公式ドキュメントは以下。 ここでは、サンプルアプリで利用したGoogle 認証に絞って記述します。 Google 認証の設定 Authentication → Sign-in methodを選び、設定を「有効」に変更→保存で、終了。 Google認証の実装 Fireb
firebase initしたらError: HTTP Error: 401が出た - haayaaa’s diary
エラー内容 firebase initコマンドを実行し、Hostingを選択してエンターしたら、以下のようなエラーが出ました。。。 Error: HTTP Error: 401, Request had invalid authentication credentials. Expected OAuth 2 access token, login cookie or other valid authentication credential. See https://developers.google.com/identity/sign-in/web/devconsole-project. firebase loginまでは全く問題なく進んでいたのになぜ？？となっておりました。 解決方法 firebase login に、--reauth --no-localhost というオプションをつ
環境 ・MacOS BigSur（11.5.2） ・VScode（1.59.1） ・Node.js (16.1.1） ・Firebase （9.0.0）←New! ・yarn (1.22.11) ・TypeScript(4.4.2) 対象 ・これからFirebaseでプロジェクトを始めようとする人 ✍️8月25日以前に出された教材やチュートリアル、記事、そして現時点での日本語の公式ドキュメントを参考にしようとしている人は特に！ ・教材や記事、ハンズオン通りにFirebaseでプロジェクトを始めたのに原因不明のエラーぶつかった人 ・8月25日以前にFirebaseプロジェクト作っている人 ※この記事は2021年9月1日時点の情報です ※情報ソースはFirebaseの公式ドキュメント及び公式に発表されているリリースノートとブログを参考にしています はじめに 早速本題に入りますが、つい先日（20
はじめに Flutter と Firebase を使って個人でアプリ開発をするときのロードマップを紹介します。 本記事を一通り読めばアプリを公開するまでにやるべきことの大枠をイメージできるようにしました。 広く浅く紹介しているので、もし気になる内容があれば、個別に深掘りしてみてください。 個人開発にフォーカスした記事になっているとはいえ、いくつかの Flutter のお仕事を請けた私自身の経験も反映しているため、お仕事でも活用できる内容も含まれていると思います。 本記事は、ざっくり次の流れになっています。 アプリの構想と具体化 実装に入る前の準備 基本機能の実装 よりよい実装にするための Tips 開発フロー アプリの公開 収益化の話 想定読者 Flutter × Firebase を使って個人開発をしようとしているひと または、既に個人開発をしているひと Flutter を導入するか悩ん
【初心者ハンズオン】ReactでTODOアプリを作ってデプロイしよう【Firebase/Shadcn/TailwindCSS】 - Qiita
【初心者ハンズオン】ReactでTODOアプリを作ってデプロイしよう【Firebase/Shadcn/TailwindCSS】TypeScriptFirebaseハンズオンReact はじめに 今回のハンズオンではReactをこれからやっていきたい人に向けてTODOアプリを作りながらReactの基本的な使い方から実際にアプリケーションをデプロイしてユーザーが使えるリリースまでを行えます。 アプリケーションはとてもシンプルなものですので、短時間で学習することが可能です 初心者向けに本記事は書いておりますので、丁寧にセットアップから紹介していきます。 JavaScriptなどの前提知識は不要で、HTMLとCSSの知識があれば行っていただけます またこのハンズオンでは最近人気がでているShadcn/uiを活用しており、学習した後に簡単にカスタマイズをしていただけるはずです。 ハンズオンだけでは使
モバイル向けNoSQL「Firestore」で件数を数える「count()関数」、期限付きデータ「Time To Live」など新機能。Firebase Summit 2022
モバイル向けNoSQL「Firestore」で件数を数える「count()関数」、期限付きデータ「Time To Live」など新機能。Firebase Summit 2022 Googleは10月18日に米ニューヨークでモバイル向けのバックエンドサービスであるFirebaseにフォーカスしたイベント「Firebase Summit 2022」を開催し、モバイル向けのNoSQLデータベースFirebaseの新機能として、件数を数える「count()」関数や期限が来たら自動的にデータが消去される「Time To Live」などを発表しました。 クエリ結果の件数を返してくれるcount()関数 これまでFirebaseでクエリの結果何件のデータがマッチしたのかを数えるには、プログラマが検索処理の後になんらかの手法で件数を数える処理を記述する必要がありました。 件数を数えることは比較的ニーズの高
Firebaseを利用して、リアルタイムHasuraアプリに認証と承認を追加するチュートリアル | Graat（グラーツ）-グロース・アーキテクチャ＆チームス株式会社
unsafe:この記事は、A tutorial for using Firebase to add authentication and authorization to a realtime Hasura app の翻訳記事です 理解を助けるような画像や説明を、追加しています。 イントロダクション Hasuraは、製品レベルの 3factorアプリを非常に素早く構築できます。 PostgresSQLデータベースから CRUD GraphQL APIsを生成することに加えて、webhookとJWTを利用したユーザ認証の方法を提供し、GraphQL schema(承認)に対して細かいアクセスコントロールルールの定義を手助けします。 しかしながら、認証システムを、Hasuraバックエンドといくつかのフロントエンドと統合するには、まだ必要な試みがあり、ややこしいかもしれません。 このチュートリア
はじめに iOSやAndroidアプリの利用状況把握のツールとして、Firebase Analyticsがあります。導入方法は、以前の記事で書きましたが、この方法のような通常の利用だと、Firebaseの公式ページによるとアプリによってロギングされるイベントは、約１時間の周期でバッチ処理され、まとめてアップロードされます。 通常は、これで十分です。しかし、デバッグ時には、1時間待たないと結果が出ないのは、効率的ではありません。この記事では、デバッグ時に有効なログの出し方を書いていきます。 アプリコンソールにログを出す方法 Xcodeのコンソールに、Firebase Analyticsのログをリアルタイムに出力する方法です。-FIRAnalyticsDebugEnabledを追加してアプリを起動すると、Firebase Analyticsのログがリアルタイムで出力されます。 具体的には、以下
現状のアプリはアルファ版に位置し、まだバグが残っている可能性が高いです。それを許容できる方に公開し使ってもらいながら要望をいただき改良することで、さらに使いやすいものにしていければと計画しています。 https://chkarxiv.org 前置き最近arXivで論文をチェックするのが大変になっているように思えませんか？ 下の図は2014年から2019年のarXivのAI関係の投稿数を月ごとにプロットしたものです。2014年には月に約500本だった投稿数が、2019年には約3000本と6倍に増えています。AIの分野を広く追う場合に、日に17本だった投稿数が100本になったというとより大変さが伝わるでしょうか？ そんな中、皆さん普段はどのように論文をチェックされていますか。 私はarXivが提供しているRSSフィードをFeedlyで管理してみていましたが、アブストを確認するためいちいち開く煩
自己紹介 プログラマーのAkasaと申します。 夢を実現するために頑張ってる人を応援するサービスを模索しています！ 今回、Vue.js, Firebase (Hosting, Functions, Storage)でOGP画像生成形サービスを爆速で作りました！ （サービスは現在停止しています） 作ったサービス Wishlist Share Amazonのほしい物リストを画像付きでツイートできるサービス。 開発環境 firebase : ^7.6.0 vue": ^2.6.6 参考にした記事 Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう Nuxt.js + FirebaseでOGPの仕組みを完全に理解した 〜俳句をSVGで描画するサービスをリリースした話〜 SNS映えするWebアプリを...！FirebaseとVue.jsでSPAのOGP画像の動的生成をやってみた
Firebase Cloud Messagingとは Firebase Cloud Messaging（以下FCM）は、Push通知の実装やコンバージョン取得等、運用をサポートする便利なツールです。簡易的なモック開発を行う際はもちろん、通常リリースするAndroid／iOSのアプリに共通の通知機能があるものを開発する際に非常に有効活用でき、モバイルアプリ開発では「なくてはならないもの」となっています。 今回はそんな便利なFCMのPush通知の機能について記述させていただきます。 （2023年8月時点でのFirebase管理画面上では、”Messaging”として今回の主題となる「通知（Push通知）」以外に「In-App Messaging」の2つの機能がまとめられています） FCMが対応するプラットフォーム FCMはiOS、Android、さらにはブラウザへのWeb Pushなど、主要な
【2021年】フロントエンドの学習に使用した教材一覧（React, TypeScript, NEXT.js, Firebase）
今回は、僕がフロントエンドを独学する際に使用した教材を紹介していきたいと思います。 最近のフロントエンドは技術の移り変わりが激しくて大変ですよね。 特に初学者の方はどの教材を選べばいいか分からないですよね。 （僕は分かりませんでした😇） 少しでも参考になれば幸いです。 前半に「使用した教材一覧」 後半に「おすすめの教材」を紹介します。 使用した教材一覧 本 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅰ. 言語・環境編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅱ.React基礎編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅲ.React応用編】 りあクト！ Firebaseで始めるサーバーレスReact開発 YouTube動画 しまぶーさんの動画（JavaScript入門、モダ
Google Cloud Functions / Cloud Functions for Firebaseの微妙な使い勝手 – marketechlabo
Google Cloud Functions / Cloud Functions for Firebaseの微妙な使い勝手 Google Cloud FunctionsとCloud Functions for Firebaseの関係 Cloud Functions for FirebaseはGoogle Cloud Functionsを簡素化してFirebaseで使えるようにしたもの Node.jsのバージョン8のみ Google Cloud Functionsは独自ドメインが使えないが、Cloud Functions for Firebaseでは使える（独自ドメインSSLのWeb APIが可能）。 複数のFunctionsを使う構造になっていない（index.jsのみ）→工夫が必要 管理画面からのデプロイができない Cloud Functions for Firebaseで登録した関数は
Vue.jsフレームワーク”Nuxt”を用いたリアルタイムチャット開発！チャット機能を通してリアルタイムなデータのやり取りや、Vuexでのチャットデータの管理について学ぶ。さらに、Firebaseを使ったデプロイなどサーバーレスアプリケーション開発に必要なスキルも学ぶ。
[iOS]Firebase Crashlyticsを使って致命的でないとして回避したイベントを記録する | DevelopersIO
アプリケーションのエラー設計で、アプリ側のクラッシュは極力避ける方針でコードを実装する場合があります。それでも開発中はクラッシュさせたい場合にassertなどを使うことがあると思います。本番環境でユーザーがアプリを触る時にエラーを踏んで操作は継続するもののエラーを踏んで回避したいことを知りたい場合にCrashlyticsのnon-fatalが便利です。 Swiftのエラー分類 SwiftにはErrorHandlingRationale.rstというエラーハンドリングに関するドキュメントがあります。そこでは、Simple domain errors、Recoverbable errors、Universal errors、Logic failuresという四つのエラー分類があります。 このタイプのエラーはこれらのどれに分類される、といったような分類の仕方ではなく、どのようにエラーを扱いたいか
Next.jsのアプリをFirebase Hostingでいい感じに連携する - Lento con forza
最近Next.jsとFirebaseばかりやっています。って書きましたが、本当はこの一ヶ月どうぶつの森しかやってませんでした。どうぶつの森のプレイ時間は200時間を超えました。 そろそろエンジニアとしても生活したくなってきたのでエンジニアっぽい話をします。Next.jsで作ったアプリをデプロイする先の選択肢として、Verselを使うと便利です。 SSRが必要なく、静的ファイルをデプロイすれば良い場合はFirebase Hostingなども選択肢に入ります。Firestoreなどと組み合わせて使っている時は、設定を工夫することで便利に使うことができます。今回の記事ではNext.jsで作ったアプリをFirebaseと組み合わせて使う方法を紹介します。 Firebase HostingにNext.jsの静的生成機能を使ってデプロイする まずは、npm initから始めます。 npm init n
google-github-actions/auth を使った GitHub Actions で Firebase へのセキュアデプロイ - Mobile Factory Tech Blog
こんにちは、エンジニアの夕凪です。 最近、 GitHub Actions が OIDC を正式サポートし、 AWS や GCP へのセキュアなデプロイが可能になりました。 そのうちの GCP の公式実装である google-github-actions/auth を使って、 Firebase へデプロイを行ってみたので、この記事ではそのやり方を解説します。 前提条件 この記事は以下の環境を前提としています。 google-github-actions/auth v0.4.3 Google Cloud SDK 370.0.0 (gcloud --version) Google Cloud Platform へのアクセス権限があること GCP 側でやること まずは GCP 側でサービスアカウントの準備などが必要なので、それらを作成していきましょう。 以下ちょっと特殊ですが、 fish shel
はじめに Firebase Local Emulator Suiteはローカル環境でFirestoreやCloud FunctionsといったFirebaseプロジェクトのコンポーネントをエミュレートできる環境です。 https://firebase.google.com/docs/emulator-suite?hl=ja 本記事ではDocker及びDocker Composeを利用して上記の環境を構築したいと思います。 開発環境 macOS Catalina 10.15.6 Docker Desktop stable 2.3.0.4 なお、本記事で使用したコードはこちらです。 実際に作ってみる。 はじめにFirebaseのプロジェクトを作成しておきましょう。 https://console.firebase.google.com/ 後述するEmulator Suite UI（GUI上でエ
Googleが提供するFirebaseとは？ Firebaseは、iOS/AndroidアプリやWebアプリケーションの開発に活用できるプラットフォームです。mBaaS（エムバース）の一つであり、2011年にFirebase社がサービスを開始しました。2014年には、Google社に買収されたことで、知名度が上がりました。 Firebaseはアプリ開発における「バックエンド環境」を提供するサービスです。バックエンド環境とは、ユーザーには見えない、アプリの裏側の動作のことを指します。 データのリアルタイム同期など豊富な機能を持ち、利用目的に応じて組み合わせて使用できます。 mBaaSとは？ 先述の通り、FirebaseはmBaaS（エムバース）と呼ばれるサービスの一つです。mBaaSとは「mobile backend as a Service」の略語です。 もともと、バックエンド環境をクラウ
AWS DevDay Japan 2022 に「脱Firebase. 我々はどう生きるか 」というタイトルで登壇してきた - Sweet Escape
このブログはクラメソの方がこういうの書いていたので試しに書いてみた感じです。 AWS DevDay Japan 2022 に「AWS CDKでECS on FargateのCI/CDを実現する際の理想と現実 」というタイトルで登壇しました #AWSDevDay | DevelopersIO 資料 speakerdeck.com 発表理由とか AWSのDevDayはCFPを募集していることから応募した結果、無事に採択されて昨年に引き続きセッションをする機会をいただきました。実は2個出したんだけどもう一方はダメでした。 FirebaseのCloud FirestoreをやめてAWS上で構築したAPIへ移行するという話なんですが実は以前にも検討段階でこのブログで書いた内容です。今回はタイミング的に実際に移行した後ということで前回のブログの内容をアップデートするような内容となっています。 以前のブ
Nuxt.js + Firebase Authentication + FireStoreでwebアプリケーションハンズオン - Qiita
Nuxt.js + Firebase Authentication + FireStoreでwebアプリケーションハンズオンハンズオンFirebaseAuthFirestoreNuxt 本記事は以下に引っ越しました。 今後Qiita上での更新はありません。 この記事のターゲット Nuxt.js + Firebaseで何か作りたい Firebase AuthenticationとCloud FireStore使いたい Chapter1 firebaseの準備 まずはfirebase側を準備します。 今回用意するのは - プロジェクト - Authentication - FireStore の三つ。 firebase consoleにログイン 1.https://firebase.google.com/?hl=ja へアクセス 2.右上の「ログイン」ボタンからログイン。 3.ログインできたら
The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.
Firebaseを用いたERPのセキュリティ診断を実施。今後はSaaS開発に沿った継続的なコンサルも | Flatt Security
株式会社クラウディオは2019年に設立。主軸事業は、ITコンサルティング事業とSaaSの提供。2020年11月より、バックオフィス業務の効率化を支援する「Claudio ERP Plus」をリリースしました。 Claudio ERP Plus ※現在βリリース中。2022年正式リリース予定 https://www.claudio-erp-plus.com/ 今回Flatt Securityは「Claudio ERP Plus」のFirebase診断とWebアプリケーション診断を実施しました。Firebase診断を実施した感想をクラウディオデジタルオフィスCTOの押野泰平さんに聞きました。 新サービスをローンチするにあたり、Firebaseの脆弱性が懸念に 「Claudio ERP Plus」サービスサイト※開発中 ーーどのような経緯で、Firebase診断が必要になったのでしょうか。 押野
FirebaseのバックエンドをGoogle Cloud SQLと接続「Firebase Data Connect」発表。AI用のベクトルサーチも可能に
FirebaseのバックエンドをGoogle Cloud SQLと接続「Firebase Data Connect」発表。AI用のベクトルサーチも可能に Googleは日本時間5月15日と16日に開催したイベント「Google I/O 2024」で、モバイルアプリケーション向けプラットフォーム「Firebase」の新機能として、バックエンドデータベースをGoogle Cloud SQLと接続する「Firebase Data Connect」を発表しました。 Firebaseが提供するバックエンドデータベースはNoSQLデータベースですが、Firebase Data Connectを利用することでFirebaseのバックエンドを通じて、Google Cloudが提供するCloud SQL Postgresデータベースサービスに接続できるようになります。 これによりクライアントアプリケーション
HugoプロジェクトをFirebase Hostingに自動デプロイするGitHub Actionsを設定してみた | DevelopersIO
$git pushをトリガにHugoプロジェクトをビルドしてFirebase Hostingにデプロイするまでを自動化するGitHub Actionsワークフローを設定してみました。 Hugoのサンプルプロジェクトを作成する手順も記述していますが、必要なければスキップしてください。 作成したもの サンプルプロジェクトを作成（Optional） rootディレクトリ下にサブディレクトリを作成し、新規Hugoプロジェクトを作成します。 mkdir develop cd develop/ hugo new site sampleWeb Congratulations! Your new Hugo site is created in /develop/sampleWeb. Just a few more steps and you're ready to go: 1. Download a th
この記事は Firebas Advent Calendar 2020 18 日目の記事です。 SSG や SPA サイトを構築する際に迷うのがお問い合わせフォームの実装です。 今回は Firebase Trigger Email を使って手軽に実装する方法を解説します。 何を作る？ こんな感じのお問い合わせフォームを作ります。 フォームを入力し送信ボタンを押下すると、管理者とフォーム記載のメールアドレス宛に以下メールが送られます。 （CodeSandbox はサンプルです。送信ボタンを押してもメールは送信されません） 管理者側 お問い合わせ実行ユーザー側 技術スタック及び構成は以下の通りです。 これから解説するコードは全てこちらのリポジトリにあります。 Firebase Trigger Email とは？ Firebase Trigger Email は Firebase Extensio
Starter Architecture for Flutter & Firebase Apps using Riverpod
In this tutorial I give a detailed overview of a production-ready architecture that I've fine-tuned over the last two years. You can use the included starter project as the foundation for your Flutter & Firebase apps. Update August 2021: the starter project was originally written using Provider, and later updated to use Riverpod. This tutorial is now up to date and also covers Riverpod. Motivation
Sign in with Apple with Firebase AuthenticationとDelegateをRx化する話 - ペンギン村 Tech Blog
はじめに お疲れ様です。かむいです。 この記事はiOS Advent Calendar 2019の17日目の投稿となります。 前回は@codelynxさんの名前付き UIView と後付けストアドプロパティもどきでした。 先月Firebase AuthenticationでSign in with Appleが利用できるとの発表がありました。 firebase.googleblog.com それまでは@fromkkさんが書かれていたようなCloud Functionsを利用したやり方でも近い仕組みを実現できていましたが、やはりFirebase Authentication単体で処理が実現できるのは嬉しい限りです。 qiita.com 今回はこのFirebase Authを利用した実装の紹介だけでなく、実装の中で登場するDelegateメソッドをRx化し、RxSwiftを利用しているケースを
こんにちは。freee APIチームでエンジニアをしているkotegawaです。 去年のAdvent CalendarではAPIのスキーマ駆動開発についての記事を書いて、APIの基盤を整える話をしました。 おかげさまでfreeeの公開APIも当時からendpoint数が40個以上増え、今では freee アプリストア というfreee APIを使ったアプリのプラットフォームに60以上のアプリが並ぶほどの盛況ぶりになっています。 今回はそんなfreeeのAPIを使ってAPIチームがFirebaseを使って自らアプリを作ってみた話をしてみます。 freee アプリストアに掲載しているfreee製アプリ「外貨建取引管理アプリ」の例 この記事はfreee Developers Advent Calendar 2019の21日目の記事です。 会計のWebアプリを作った背景 そもそも本体のアプリを作ろ
はじめに NextAuth.js は Next.js のために作られた OSS の認証ライブラリです。 このライブラリは主に OAuth もしくは Email で認証したユーザーの情報やセッションを連携したデータベースで自動管理できるのが売りです。他の認証システムで既に認証済みのユーザーを管理する方法もありはするのですが、OAuth や Email 認証に比べるとあまり分かりやすいサンプルコードがありません。防備録も兼ねて、ここで知見を共有したいと思います。 なお、NextAuth ではログイン中のユーザーの情報は firebase.auth.User を React Context で保持するようなことはできず、あくまでユーザー ID など JSON にシリアライズして（JWT のペイロードに含めて）管理できるものだけが対象となります。この記事では Firebase Authentica
Firebaseを紐付けたGoogleAnalyticsのプロパティやアカウントの変更はFirebase上からしようとするとデータが消える - Qiita
Firebaseを紐付けたGoogleAnalyticsのプロパティやアカウントの変更はFirebase上からしようとするとデータが消えるAndroidiOSGoogleAnalyticsFirebaseFirebaseAnalytics はじめに このお話はフィクションだったらよかったんですが実際に起きてしまった悲しい出来事です。 これ以上同じ轍を踏むアプリ開発者が出ないことを祈ってこの記事を書きました。 FirebaseAnalyticsをGoogleAnalyticsに連携させたけど連携先のアカウント間違ったのでFirebase上で一旦連携をオフにして正しいアカウントに紐付けてみたらAnalyticsデータがすべて吹っ飛びんだ阿呆とは私のことです。 — masaibar@「のぞきみ」リリース (@masaibar) October 24, 2019 ちなみに現在は一部のデータを欠損し
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebase の代替プラットフォーム「Supabase」
フロントエンドエンジニアのためのFirebaseサーバーレス開発徹底解説
これからFirebaseでプロジェクトを始めようとする全ての人が知っておくべきこと v8→v9リリース
Flutter × Firebase ではじめる個人開発
Firebase Analyticsのリアルタイムデバッグ方法(iOS) - Qiita
arXivをチェックするwebアプリをReact+Firebase+FaunaDBで作った｜mygle｜note
Vue.js + Firebase + OGP画像生成 本当に爆速で作れた！ - Qiita
FirebaseでPush通知を実現しよう！ Firebase Cloud Messagingを用いた通知システム
Nuxt(Vue.js) × Firebaseでリアルタイムチャットアプリを作ってみよう！ | Techpit
DockerでFirebase Local Emulator Suiteを起動する。 - Qiita
Firebaseとは？Google社の強みを活かしたメリットや機能をご紹介｜Udemy メディア
Firebase - Qiita Advent Calendar 2019 - Qiita
Firebase Trigger Email で作る SPA サイトのお問い合わせフォーム
はじめに｜Firebase Cloud Firestore Security Rules Essentials
Firebaseで作るお手軽業務アプリ - freee Developers Hub
NextAuth.js と Firebase Authentication の連携