並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 2439件

新着順 人気順

Firebaseの検索結果361 - 400 件 / 2439件

  • 🛠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.
    • Firebaseは難しい - laiso

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

        Firebaseは難しい - laiso
      • 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 Hostingを使ってPasskeyをandroidアプリで試してみよう

          Boost Your Performance and Developer Productivity with Jakarta EE 11

            Firebase Hostingを使ってPasskeyをandroidアプリで試してみよう
          • 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
            • 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に関する技術情報を配信中
                • What's new at Firebase Summit 2019

                  Firebase gives you the tools and infrastructure to build better apps and grow successful businesses. Learn more ► 2022 (5) ► March (2) ► February (2) ► January (1) ► 2021 (41) ► November (3) ► October (4) ► September (4) ► August (7) ► July (6) ► June (4) ► May (3) ► April (2) ► March (2) ► February (3) ► January (3) ► 2020 (39) ► December (1) ► November (4) ► October (8) ► September (4) ► August

                    What's new at Firebase Summit 2019
                  • JavaScript による Google を使用した認証  |  Firebase

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

                    • 公式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のロケーション指定方法
                      • 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 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 + 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 effort that the Firebase team has put in coming up with KTX libraries for their Android SDK, there are still a few Kotlin features that have been missed out. In this session, Rosário will talk about some of the features that are present in the KTX librar

                                Firebase + Kotlin: Extensions, Coroutines and Flows
                              • Firebase Auth で, 初回アクセス時に必ず匿名ログインする方法

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

                                  Firebase Auth で, 初回アクセス時に必ず匿名ログインする方法
                                • Deploy to live & preview channels via GitHub pull requests  |  Firebase Hosting

                                  Send feedback Deploy to live & preview channels via GitHub pull requests Stay organized with collections Save and categorize content based on your preferences. You can integrate deploys to Firebase Hosting via a GitHub Action. Here's what this GitHub Action can do for you: Creates a new preview channel (and its associated preview URL) for every PR on your GitHub repository. Adds a comment to the P

                                  • 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
                                    • 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
                                      • 今更の Firebase Cloud Firestore 。タイムスタンプ周りのメモ - かもメモ

                                        今更ながら Firebase を使う機会が増えてきて Cloud Firestore のタイムスタンプ周りで何度か同じようなことを調べてしまっているのでメモ。 Cloud Firestore のタイムスタンプ型は Date ではなく firebase.firestore.Timestamp ↑これ。 Cloud Firestore にタイムスタンプ型のデータを保存する方法 🙅 input type="date" や input type="datetime-local" の値をそのまま送ってもダメ。 import firebase from 'firebase/app'; import 'firebase/firestore'; const firebaseApp = firebase.initializeApp(FIREBASE_CONFIG); const db = firebase

                                          今更の Firebase Cloud Firestore 。タイムスタンプ周りのメモ - かもメモ
                                        • サポートされるデータ型  |  Firestore  |  Firebase

                                          フィードバックを送信 サポートされるデータ型 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このページでは、Cloud Firestore でサポートされるデータ型について説明します。 データ型 次の表に、Cloud Firestore でサポートされているデータ型の一覧を示します。同じ型の値を比較するときに使用される並べ替え順についても説明します。 配列の要素として他の配列値を格納することはできません。 配列内の各要素は、割り当てられた位置を保持します。複数の配列を並べ替える場合は、要素の値に基づいて順序が決定されます。 2 つの配列を比較する場合は、各配列の最初の要素が比較されます。最初の要素が等しい場合は、2 番目の要素が比較されます。以下同様にして、値の異なる要素が見つかるまで比較されます。比較する要素が配列内になくなり、その時点までの値が等しい

                                          • Firebase App Check

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

                                            • I/O Pinball Powered by Flutter and Firebase

                                              For Google I/O, we teamed up with the Flutter team to reimagine a classic pinball game built using Flutter and Firebase. Here’s how we brought I/O Pinball to life on the web with the help of the Flame game engine. Game development essentialsThe Flutter framework is a great choice for building games driven by user interaction, such as puzzles and word games. When it comes to games that use a game l

                                                I/O Pinball Powered by Flutter and Firebase
                                              • Firebase Extensions | Pre-packaged solutions that save you time

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

                                                  Firebase Extensions | Pre-packaged solutions that save you time
                                                • Firebase ローカル エミュレータ スイートの概要  |  Firebase Local Emulator Suite

                                                  フィードバックを送信 Firebase ローカル エミュレータ スイートの概要 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Firebase Local Emulator Suite は、アプリのビルドとテストをローカルで行うことのできる、デベロッパー向けの高度なツールセットです。使用できる機能には、Cloud Firestore、Realtime Database、Cloud Storage for Firebase、Authentication、Firebase Hosting、Cloud Functions(ベータ版)、Pub/Sub(ベータ版)、Firebase Extensions(ベータ版)があります。充実したユーザー インターフェースを備えており、アプリの本稼働やプロトタイピングにかかる時間を短縮できます。 Local Emulator

                                                  • Authenticate Using Apple  |  Firebase

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

                                                    • GitHub Trendingを定期的につぶやくTwitter BotをFirebaseで作ってみた

                                                      📦 作ったもの GitHub Trendingに掲載されたリポジトリを定期的につぶやく Twitter Bot を作りました。 全体のトレンドをつぶやく@gh_trending_と、JavaScript・TypeScript のトレンドをつぶやく@gh_trending_jsの 2 種類があります。 @gh_trending_ @gh_trending_js 仕様はこちらです。 30 分から 1 時間おきに GitHub Trending に掲載されているリポジトリをツイート 一度ツイートたリポジトリは再度掲載されていても 1 週間はつぶやかない 投稿内容はリポジトリ名、URL、スター数、作者の Twitter アカウント、言語、概要 技術スタックは Firebase Cloud Functions と Firebase Firestore です。 実装コードは全て以下リポジトリで公開し

                                                        GitHub Trendingを定期的につぶやくTwitter BotをFirebaseで作ってみた
                                                      • Firebase を使いテストからリリースと最適化までを円滑に行う

                                                        .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 を使いテストからリリースと最適化までを円滑に行う
                                                        • 【React】GitHub ActionsでFirebase Hostingに自動デプロイしてみた

                                                          GitHub ActionsでFirebase Hostingに自動デプロイする記事はたくさんあります。 ですが、多くの記事では自分でGitHubのsecret変数にトークンを登録したり、ymlファイルを作成したり、と初学者にはなかなか難しい内容です。 この記事では超簡単に出来る方法を書きました。いくつかの注意すべき点を気をつければ誰でもできます。 環境 macOS : Monterey 12.0.1 Node : 14.18.1 npm : 6.14.15 Firebase CLI : 9.23.0 Firebase CLIのインストールはこちら

                                                            【React】GitHub ActionsでFirebase Hostingに自動デプロイしてみた
                                                          • Firebaseでドメイン変更するときのメモ - Tech.log

                                                            Firebaseのドメイン変更が、とても簡単でちょっと感動したので、簡単にメモ残し 以下、デスクトップ&Chromeの場合。 (所要時間: 15秒~) Firebaseコンソールへ移動 対象のプロジェクトを開く サイドバーの中のHostingをクリック ドメインリストの中にある変更したいドメインをオーバーマウス 右に現れる縦並びの三点アイコンをクリック 表示されたドロップダウンから編集をクリック 「別のドメインにリダイレクトする」を選択 転送先ドメインを設定 完了をクリック 以上

                                                              Firebaseでドメイン変更するときのメモ - Tech.log
                                                            • FirebaseとLaravelの連携検証してその先のDALI-KNXを目指す|デジタルライト(Digital-light.jp)

                                                              IoTと設備制御を現実的にやろうとするときに直面するのは、実際に客先に納入したときの【使い勝手】をどこまで実現できるかというところ。 自分が研究・開発レベルでやるのであれば、Node-REDのInjectionノードでも十分ですが、それでは納品物としていけてません。 一方、最近ではPHPのフレームワークであるLaravelとVue.jsを使って、システムの裏側もユーザーが操作する表側も、かなりいけてるものをつくることができます。 また、Googleの提供しているFirebaseというサービスは、現場で利用されている設備制御のゲートウェイとクラウド側とをVPNを使うことなく、シームレスにつかうことができます。 一方、このFirebaseはLaravelでもつかう情報がWEB上でいろいろ見つけることができます。 今回、Firebaseを仲介として、バックエンドとフロントエンドで使いやすいLar

                                                                FirebaseとLaravelの連携検証してその先のDALI-KNXを目指す|デジタルライト(Digital-light.jp)
                                                              • Flutter Firebase Cheat Sheet 🔥 » CodeSearchOnline Flutter Firebase Cheat Sheet 🔥

                                                                Mac/Linux keytool -list -v \ -alias androiddebugkey -keystore ~/.android/debug.keystoreWindows keytool -list -v \ -alias androiddebugkey -keystore %USERPROFILE%\.android\debug.keystoreDownload google_services.json Flutter Firebase Authentication Authentication is required to be implemented in most of the applications for authorizing users to access flutter screens. firebase gives a variety of auth

                                                                  Flutter Firebase Cheat Sheet 🔥 » CodeSearchOnline Flutter Firebase Cheat Sheet 🔥
                                                                • Firebase Authentication, Auth0, Amazon Cognitoを比較した - Qiita

                                                                  Firebase Authentication, Auth0, Amazon Cognitoを比較したidaas 業務の方で認証基盤のリプレイスを行っていて、その際に行ったサービス選定のメモです。 自身が身を置いている会社のサービスでの認証基盤は、パスワードをDBで管理している状態で危殆化リスクがあったり、強固な認証(MFAなど)を入れづらい状態にありました。 今では様々なプロダクトが、認証の処理は他のサービスに任せる傾向にあると認識しております。そもそもセキュリティの分野は奥が深い(自身もほとんど理解できていない)ですし、プロダクトの成長にフォーカスしたいのに、セキュリティの分野に時間を割くのは悪手でしょう。 自社のプロダクトも例にもれず、プロダクトの開発自体にフォーカスするために認証サービスを導入しようという運びになりました。 サービス候補選び 調べてみると想像より多くのサービスが存在

                                                                    Firebase Authentication, Auth0, Amazon Cognitoを比較した - Qiita
                                                                  • Nuxt.js + microCMS + Firebase + GitHub Actions で JAMstack なブログに移行した | RYO620 Design & Development

                                                                    Nuxt.js + microCMS + Firebase + GitHub Actions で JAMstack なブログに移行した 長く取り組んでいたブログ移行がようやく終わったのでその一発目の記事です。 Nuxt.js + microCMS の JAMstack なブログを TypeScript で書いて GitHub Actions で Firebase に自動デプロイできるようにしました(なんかラノベのタイトルみたい)。 ここ1年くらいでよく見かけるようになった構成でしょうか。これまで Wordpress + レンタルサーバ構成でしたがほぼほぼ JavaScript で完結するのでだいぶスッキリしました。 Nuxt.js は v2.14.0、TypeScript で書きました。 ブログを Markdown で書く WordPressのpタグ自動挿入も便利なのですが、今後記事リソー

                                                                      Nuxt.js + microCMS + Firebase + GitHub Actions で JAMstack なブログに移行した | RYO620 Design & Development
                                                                    • Google Firebase と AWS Amplify の両方を使ってみた感想 - 新しいことにはウェルカム

                                                                      思い立ったらサクッとSPAサイトが作れたらいいなぁと思っていたのですが、Reactはちょっとしたサイトを作るにも大掛かりになってしまうので諦めていました。 しかし、最近ReactのRecoilを触り始めたのですが、Recoilを使うと、Reactも随分シンプルに書けるようになっていました。 フロントエンドの手軽さはReact+Recoilで解決できそうなので、後はバックエンドをサクッと作れれば夢が叶いそうです。 そこで、モバイルアプリのバックエンドをサクッと作れる方法として、「Google Firebase」と「AWS Amplify」をよく聞くので試してみました。 ここでは、それぞれを使ってみた感想を書こうと思います。 FirebaseとAmplifyがやってくれること Firebase、Amplify共に、バックエンドで面倒な、下記のような作業をやってくれます。 リソースの提供 ホステ

                                                                        Google Firebase と AWS Amplify の両方を使ってみた感想 - 新しいことにはウェルカム
                                                                      • 【Next.js】NextAuth×Firebaseで認証管理 in appディレクトリ

                                                                        はじめに Next.js 13から利用可能になったappディレクトリでは、コンポーネント単位でSSRができるのでよりUXを向上させる実装が可能になりました。 個人開発者の強い味方であるFirebaseと合わせて利用するために、NextAuthとFirebase Authenticationを利用して、サーバサイドでも認証情報を参照できるようにするやり方の紹介です。 今回はEメール&パスワードを用いた認証を利用しますが、基本的にFirebase Authenticationが用意しているどの認証方法でも利用可能です。 前提条件 今回の記事で利用しているライブラリのバージョンは下記のとおりです。 { "name": "auth-test-app", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "bui

                                                                          【Next.js】NextAuth×Firebaseで認証管理 in appディレクトリ
                                                                        • Next.js × Firebase で Web サービスを作った - kk-web

                                                                          先月から更新が少ない当ブログですが、実は 1 月末からとある Web サービスを作るお仕事を頂いており、そっちにかなり時間を割いていました。 内容としてはフリーランサー向けの案件照会サービスで、よくあるタイプのサービスです。 ただ今回頂いた案件は、デザイン・フロント・サーバー・インフラ、その他全て一任されるという結構重めかつ責任重大なものでして。 以前より仲良くさせてもらっている方からの依頼ということもあり、頑張って作ってみました。 デザイン~フロント周りについてはかなり詳しい自負がある一方、サーバー~インフラ側は決して強くない自分です。 今回 Web サービスを作るにあたり、そこまで大きいサービスでもなく費用もそこまでかけられないということで、とにかく無難 of 簡単な構成で素早く組んでみました。 ということで今回使用したものは以下のとおりです。 Next.js Vercel Fireb

                                                                            Next.js × Firebase で Web サービスを作った - kk-web
                                                                          • Firebase Extensions Hub

                                                                            Stops cost overruns by disabling Firebase services when a billing threshold has been reached.

                                                                              Firebase Extensions Hub
                                                                            • GitHub - devias-io/material-kit-react: React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

                                                                              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 - devias-io/material-kit-react: React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
                                                                              • 複数のプロジェクトのfirebase-adminを起動して、開発用に本番データの一部を移行する - Qiita

                                                                                開発しているWebサービスで、本番データの一部を開発用に使いたいと思ったときの備忘録。 firebase-adminは複数のプロジェクトで使えるらしい。 開発用だけじゃなく、UIDを変更しながらのデータ移行などにも使えそう。 ローカル環境でfirebase-adminを使うための準備 準備の部分は、以前まとめたこちらを参照ください〜 - ローカルPCからfirebase-adminを使ってFirestoreを操作する(管理ツール) - くらげになりたい。 ソースはこんな感じ。 const admin = require("firebase-admin"); // *** 移行元のプロジェクトの設定 const srcSA = require("./key/XXXXX.json"); // サービスアカウントの秘密鍵を取得 // firebase-adminの初期化 admin.initia

                                                                                  複数のプロジェクトのfirebase-adminを起動して、開発用に本番データの一部を移行する - Qiita
                                                                                • GitHub - TeXmeijin/vite-react-ts-tailwind-firebase-starter: Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.

                                                                                  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 - TeXmeijin/vite-react-ts-tailwind-firebase-starter: Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.