注: Firebase Dynamic Links は非推奨になっているため、新しいプロジェクトでは使用しないでください。サービスは 2025 年 8 月 25 日に廃止されます。 Google は 7 年以上前に、URL… スタディストが提供しているTeachme Bizでは、一部でFDLを利用していたので本格的に移行を検討し始めました。 # 1年前に移行検討する理由このブログを書いているのが2024年7月なので、EOLまでまだ1年の猶予があります。なぜ今移行を検討するのかというと、Teachme Bizではモバイルアプリを提供しており、1年以内にリリースされたバージョンがサポート対象となっているためです。 リリースから1年以内のバージョンをサポート対象とします https://help.teachme.jp/hc/ja/articles/22205089652121 # FDLの利用状
Firebase - Local Emulator Suiteを使ったテストのすすめ｜yusukeoshiro
こんにちは! Firebaseを使った開発していますか? 最近はFirebaseを使ったアーキテクチャを結構多く採用しています。 従来の三層のアーキテクチャと異なる部分が多くとてもおもしろいです。あまり複雑なものでなければほとんどFirebaseでかなり楽して出来てしまうのでないかと思います。 Firebaseを使った開発の場合、データベースに対する読み書きがフロントエンドで完結してしまうので、フロントエンドの開発でほとんど終わってしまうことが多いと思います。単純なCRUDのためにAPIをわざわざ作る必要がなくなりとても楽だと思います。 ただし、それでもバックエンドにやらせたい仕事は残ります。例えば: • 非同期でなにか処理をやらせたい場合。 • シークレットを扱う処理をするような場合。 • Firestoreに不得意な処理をやらせる場合。(検索、トランザクション・・・等)です。 この様な
【高専ベンチャー社×ゆめみ社 2022ハッカソン春】ReactとFirebaseでお絵描き×チャットアプリを作る - Qiita
はじめに こんにちは、高専ベンチャー社×ゆめみ社 ハッカソン チームDのnaotikiです。 この度ハッカソンに初参加してアプリを作って優勝したので主に私が実装した部分の 技術的な事を書いていきたいと思います。 ↓ @tos-up先輩のこちらの記事も是非読んでください！ ↓ 間違いがあったら優しく指摘してください なにつくろう・・・ テーマは「WITHコロナ時代のコミュニケーションを活性化せよ」 とあるチームの会話(一部省略) Aさん「何作ろう」 Bさん「みんなで同じ課題に取り組むのがいいですよね！」 Aさん「お絵描きっていいですよね！」 Cさん「作ろう！」 こうしてお絵描きチャットアプリが作られることになりました。 開発開始！ こうして開発が始まりました フロントエンドのフレームワークはチームメンバーが触ったことあったり、興味があったりしたReactに決定しました。 本当はKotlin/
Firebase Cloud MessagingのFCMトークン更新タイミングについて - Qiita
FCMトークンの仕様 Firebase Cloud Messagingを使ってアプリへのプッシュ通知テストをする際に、Firebaseコンソール上で対象デバイスのFCMトークンを登録する必要があります。 このFCMトークンがデバッグ中にいつのまにか変わっていることがあり、挙動を把握するためドキュメントで仕様を確認してみました。 OS毎に挙動が異なるようだったので、それぞれの生成・更新タイミングをメモしておきます。 Android 【参照】Android で Firebase Cloud Messaging クライアント アプリを設定する | Firebase 生成タイミング アプリを初めて起動すると、クライアント アプリのインスタンスの登録トークンが FCM SDK によって生成されます。単一のデバイスを対象にする場合、またはデバイス グループを作成する場合は、FirebaseMessag
以前firebaseよりもAmplifyがいいよね！ なんてタイトルで記事を書いたところ、思っていたよりも多くの方に読んでいただけて 本当にありがとうございます。 しかし… 実は私、Firebaseをプロダクト利用したことありません！ ごめんなさい！！🙇♂️ （記事上もAmplifyに偏った記事であることは明記してますが…比較しているかのような紛らわしいタイトルでした） そんなわけで、今回個人開発することを機にFirebaseを使ってみようと走り出したわけですが 1か月後にはRailsに乗り替えを検討しはじめている、と。 その変遷を軽くお話できればと思います。 Amplify × GraphQLこそ至高… 紀 🐚 Amplifyは本当に便利です。 はじめて触ったサーバーレスサービスがこれでしたが、 慣れたAWSのサービスたちが、Terminal上から対話形式でポチポチするだけで立ち上
まえがき 個人アプリで Firebase を使用していると、課金が怖くなることがあります。 無料プランなら容量を超えたらサービスが利用できなくなるだけですが、Braze プラン(従量課金制)だと放っておくと無限に料金が増えることになるわけです。 それを防ぐための知恵をここにまとめます。 そもそも、Functions さえ無料だったら Braze プランに移行しなくて済んだんですけどね・・・。 同じような方はきっと多いはず。 読者の前提 個人での Firebase 利用者 商用アプリケーション等で停止できないサービスを運営している方は、この資料は参考にはなると思いますがやや趣旨がズレます。例えばオートスケールの最大インスタンス数などは余力を持った設定が望ましいですが、ここではその方法は案内しません。 Brazeプラン(従量課金制)を利用している方 Functions Functions は関
Firebaseとは Firebaseを一言でいうと、 「サーバーの開発が不要で、フロント側だけでアプリ開発ができるクラウドサービス」です。 Firebaseは、Googleが提供するクラウドサービス「MBaaS（Mobile Backend as a Service）」です。 MBaaSとは、モバイルアプリケーションのサーバーサイドで使われるロジックを提供するサービスです。 ※Firebase公式サイト 本記事では 、Firebaseについて初心者向けに分かりやすく解説します。 Firebaseとは何か、メリットとデメリット、代表的なサービス、料金について簡単にまとめています。 メリット Firebaseの概要について説明したので、本章ではFirebaseを使うことのメリットを解説します。 サーバーサイドの開発コスト・設計・工数などを削減できる MBaaSを使えばサーバーサイドの開発（デ
RecoilでFirebase Authを使う
Recoilを使ってみたいので、Firebase Authで使ってみました。 なるべく複雑なことをしないようにRecoilでFirebaseのUserオブジェクトを保持して、認証状態でルーティングするだけのシンプルなものです。 使うもの React Recoil React Router Dom Firebase ディレクトリ src/ index.tsx App.tsx firebase.js hooks/Auth.tsx pages/Login.tsx 1. Atomの設定 import { atom } from 'recoil'; import firebase from 'firebase'; type AuthState = firebase.User| null; const authState = atom<AuthState>({ key: 'authState', de
Cloud Functions for Firebase と Puppeteer でスクレイピング - Qiita
はじめに Cloud Functions for FirebaseとPuppeteerを使ってブラウザ操作を自動化したので、そのときやったことを書いていきます。 なぜCloud Functions for Firebase？ 最初はGCPの純粋なCloud Functionsを使うことを考えていたのですが、Cloud Functions for Firebaseの方が定期実行や開発・デプロイ方法がわかりやすいように感じたのでこちらを採用しました。 定期実行 GCPの場合：Pub/Sub を使用して Cloud ファンクションをトリガーする Cloud Functions for Firebaseの場合：関数のスケジュール設定 GCPで定期実行をさせる場合はこちらの公式サイトのように、関数定義とスケジュールの定義が別々になるようで、わかりにくいと感じました。 対してCloud Functio
プロジェクトに Cloud Functions を統合すると、多くの独立した関数を収めるようにコードを拡張できます。ただし、1 つのファイルに収めるには関数が多すぎたり、さまざまなチームがさまざまな関数グループをデプロイすると、あるチームが別のチームの関数を上書きしたり、誤って削除したりするおそれがあります。関数の処理とメンテナンスが簡単になるように、Cloud Functions には、コードを整理するさまざまな方法が用意されています。 コードベースで関数を整理する firebase.json にある関数の構成オブジェクトの codebase プロパティを使用すると、単一リポジトリの monorepo 設定内で、複数のリポジトリまたはサブパッケージにまたがる、関数の大規模なコレクションを管理できます。 # firebase.json "functions": { "codebase":
Firebase App Distribution を使用すると、Trusted Tester（テスター）にアプリを簡単に配布できます。アプリをテスターのデバイスに迅速に配布できるので、早い段階からフィードバックを得ることができます。アプリで Crashlytics を使用すると、すべてのビルドで安定性の指標を自動的に取得できます。 準備ができたら iOS アプリの配布方法を学習する: Firebase コンソール Firebase CLI fastlane REST API Android アプリの配布方法を学習する: Firebase コンソール Firebase CLI fastlane Gradle REST API
この記事の概要 超簡単な掲示板アプリをパパっと作成します。 細かいことはいいからとりあえずVue.jsで何かアプリを作ってみたいという方にオススメです。 目標物 開発環境 ・macOS Catalina 10.15.7 ・@vue/cli 4.5.6 ・npm 6.9.0 ・node v10.16.0 前提 ・node、npm、vue-cli環境が整っている。 ・firebaseのアカウントを作成している。 firebaseのプロジェクト作成。 firebaseに行き 【コンソールへ移動】 →【プロジェクトの作成】または【プロジェクトの追加】 プロジェクト名は「vue-test」としておきます。 アナリティクスは無効でOKです。 プロジェクトができました。 こんなページに来たらOKです。 DBの作成 Cloud Firestoreを使用します。 テストモードでOKです。 ロケーションを「a
ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有
はじめに 今回は, Firebase Auth と Firestore を連携してユーザー用のドキュメントデータを作る方法を紹介したいと思います. Firebase Auth でログインしても, そのユーザーの情報を保存する DB がないとサービスとして成り立ちません. そこで便利なのが Firestore です! 手軽にデータを書き込んだり, 読み込んだりできるのでぜひ参考に活用してみてください. ちなみにこのエントリーは昨日紹介したエントリー からの続きの内容になります. 匿名ログインの仕組みと組み合わせることで, ほぼ通常ログインしているユーザーと変わらない挙動を実現できます. 概要 今回紹介する処理の内容は, 以下の流れになります. Firebase Auth でログインする (onAuthStateChanged が発火する) ログインしていたらそのユーザーのドキュメントを Fi
Firebase Remote Config の変更内容を Slack に通知する - スタディサプリ Product Team Blog
こんにちは、@manicmaniac です。スタディサプリ iOS アプリ開発チームのエンジニアリングマネージャーをしています。 小ネタみたいな話ではありますが、Firebase Remote Config の変更を Slack に通知するようにしたらちょっと便利だったので記事にしようと思いました。 Firebase Remote Config とは Firebase Remote Config が何か知らない方もいると思うので、公式サイトから引用すると、 Firebase Remote Config Firebase Remote Config は、ユーザーにアプリのアップデートをダウンロードしてもらわなくても、アプリの動作や外観を変更できるクラウドサービスです。Remote Config を使用して、アプリの動作や外観を制御するためのアプリ内デフォルト値を作成できます。 です。まったく
実用的な Flutter + Firebase を学ぶならココしかない！チュートリアル動画が飽きたあなた。書籍で挫折したあなた。案件やってるけど技術力が伸び悩んでいるあなた。 スキルをあげたい！と思うみなさんのために、現役CTOががんばって作りました。まじで大変でした。また、コンテンツは 「なぜ?」の説明をするようにしています。(現在はDart関数 - 基礎、Dart関数 - 応用1、レイアウトチャレンジx1、Cloud Firestoreクエリ基礎編(Part1+2)、FutureBuilder + StreamBuilder x Cloud Firestore基礎、Cloud Firestore - Snapshots、Cloud Firestore - 基礎的なCRUD(書き込み、読み取り、更新、削除)処理、Cloud Firestore Service - より使いやすく・安全に、
【SwiftUI】Firebase Remote Configを使って、アプリのコードを変更せずに画面を切り替えてみた | DevelopersIO
【SwiftUI】Firebase Remote Configを使って、アプリのコードを変更せずに画面を切り替えてみた アプリの画面を気分によって変えたい時があっても、アプリのコードを変更するとApp Store Connectで審査提出しないといけないので骨が折れます。しかし、Firebase Remote Configを使うとアプリのコードを変更することなく簡単に画面を切り替えることが出来るのでその方法をSwiftUIで実践しつつ紹介していきます。今回は、Firebase Apple SDKがメジャーアップデートして9.0.0がリリースされたということでそれを使っていきます。 作ったもの Remote Configの値を変更して、アプリの見た目を変えています。 環境 Xcode 13.3.1 Firebase Apple SDK 9.0.0 Remote Configとは Fireba
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
FirebaseのCloud FunctionsでCORSが~とかAccess-Control-Allow-Originが~と言われたらこれ - Qiita
読者対象 FirebaseのCloud FunctionsでCORSが~とかAccess-Control-Allow-Originが~と言われて困っている方 クライアントSDKが用意されているAndroid,iOS,Javascriptの対応はもちろん、それ以外のクライアントにもCloud Functionsを対応させたい方 いきなり結論 FirebaseのCloud Functionsには2つの関数があります。 functions.https.onCall functions.https.onRequest 1はSDKが用意されているAndroid,iOS,Javascriptから呼び出されるタイプ。 https://firebase.google.com/docs/functions/callable?hl=ja 2はSDKがない場合、汎用のWebAPIとして作成するタイプ。 http
JS+HTMLのWebサイトにFirebase Analyticsによるアクセス解析を導入してみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 Googleが提供するFirebaseでは、アプリケーションの開発や運用をする上で便利な機能がたくさん用意されていますが、そのうちの一つがFirebase Analytics（Google Analytics for Firebase）です。 Google Analytics for Firebase 今回は、Firebase Analyticsをアプリへ導入するにあたっての調査をする機会があったため、まず手始めにWebサイトの最低限のアクセス解析記録をFirebase Analyticsに送信して可視化するところまでやってみます。これによりFirebase Analyticsの基本を学んでいきます。 やってみた 対象のWebサイトの用意 まずGoogle アナリティクスでの計測対象とするWebサイトを用意します。 今回は用意する手間を省
はじめに Firestoreを使ったwebアプリケーションを作る際、Dockerでローカル用のFirestoreが必要になった mtlynch/firestore-emulatorも選択肢としてはあったが、調べるうちにFirebaseのエミュレータ入れるほうが無難そうに感じた 以上が本記事を書くことになった背景 環境 macOS: Catalina 10.15.7 docker: 19.03.8 firebase-cli: 9.12.1 事前準備としてFirebaseにプロジェクト作成 先にFirebaseにプロジェクトを作成しておくとスムーズに進むので作成しておく →ここは難しくないので詳細は割愛 今回はFirestoreを使用するため、プロジェクト作成後にFirestoreも作成する （リージョンはasia-northeastを選択） Dockerfile FROM node:14-b
const firebaseConfig = { apiKey: "********************************", authDomain: "********************************", projectId: "********************************", storageBucket: "********************************", messagingSenderId: "********************************", appId: "********************************", measurementId: "********************************" }; firebase.initializeApp(firebaseCon
Vue3でFirebaseログイン
Vue3とTypeScriptを使うのでマニュアル選択を選びます。追加でTypeScript・Routerを選択して、決定してください。次にVue2か3のどちらを使用するか尋ねられるので、3を選択します。後はすべてエンターを押すだけです。 最終的にこのようになると思います。そうしたらエンターで雛形を生成します。 ? Please pick a preset: Manually select features ? Check the features needed for your project: Choose Vue version, Babel, TS, Router, Linter ? Choose a version of Vue.js that you want to start the project with 3.x (Preview) ? Use class-style c
フィードバックを送信 Cloud Firestore トリガー コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Cloud Functions を使用すると、クライアント コードを更新することなく、Cloud Firestore 内のイベントを処理できます。Cloud Firestore の変更は、ドキュメント スナップショット インターフェースまたは Admin SDK を使用して行うことができます。 一般的なライフサイクルの場合、Cloud Firestore の関数は次のように動作します。 特定のドキュメントに変更が加えられるのを待ちます。 イベントが発生するとトリガーされ、そのタスクを実行します。 指定されたドキュメントに保存されているデータのスナップショットを含むデータ オブジェクトを受け取ります。書き込みイベントまたは更新イベントの場合、データ
【Next】Next.jsの中で Firebase Admin SDK を使った処理をどのように実装すべきか - 7839
最近、Next.js に触れる機会があり、試行錯誤しながらコーディングを行っている。その中で、Next.js の中で Firebase Admin SDK をどのように実装すべきかという課題にぶち当たり、とりあえず実装はできたものの、最適解ではないと思っている。もし最善の策があれば教えて欲しい。切実に。 WEBアプリケーション構成 Firebase Authentication Firebase Admin SDK を用いた ID トークン検証 Next.js 内での実装方法 Next.js の API Routes を利用する getServerSideProps と HOC を利用して実装する Express の Custom Server に実装する まとめ WEBアプリケーション構成 今回のWEBアプリケーションでは、Firebase Authentication でユーザー管理、
サーバーレスワークロード向けのフルマネージドな API ゲートウェイサービス “API Gateway” がベータ版としてリリースされました。API Gateway では Firebase Authentication を使ったユーザー認証をサポートしていますので、本記事ではその手順をご紹介したいと思います。 Firebase Authentication & API Gatewayはじめに本記事は Google Cloud Japan Customer Engineer Advent Calendar 2020 の 23 日目の記事です。 API Gateway は Google Cloud Next ’20 OnAir で発表された、フルマネージド API ゲートウェイサービスです。主にサーバーレスワークロード向けのサービスとして、Cloud Run や Cloud Functions
■PC環境・Windows10、Administrator（管理者）アカウント ■Firebase CLI のバイナリをダウンロードまずは、Firebase CLI のバイナリをこちらにアクセス（https://firebase.tools/bin/win/instant/latest）し、ダウンロードします。 アクセスすると、Webブラウザで指定されたファイルの保存場所に「firebase-tools-instant-win.exe」というファイルがダウンロードされます。このファイルをダブルクリックします。 ダブルクリックすると、「WindowsによってPCが保護されてました。」というウインドウが表示されます。ウインドウ内の「詳細情報」をクリックします。 クリックすると、「実行」ボタンが表示されますので、こちらをクリックします。 クリックすると、「Firebase CLI」のウインドウが
(2020-12-21・2021-01-07追記) いろいろ改良を加えて、パッケージ化しました！！是非お使いください！ なお、いろいろ改良した結果、この記事の説明はパッケージの説明と整合しておりませんので、使う場合はパッケージの方の説明をお読みください。 例えば、パッケージの方にはAdmobBannerWidgetWithRouteは入っておらず、AdMobBannerWidgetに統合されております。 #firebase_admobプラグインのバナー広告は使いにくい このプラグインです。 https://pub.dev/packages/firebase_admob これのBanner広告が使いにくいんです。公式なのに。 Banner以外の、InterstitialとRewardedVideoは、読み込み失敗時の処理とかを間違えなければ普通に使えると思うんですけどもね。 バナー広告がとに
Satoshi Nakajima @NounsDAO 🇺🇦 on Twitter: "何が凄いって、サーバーにあるデータベース（Firebase）に起こった変化をリアルtタイムにUIに反映するコードが、Vueのcomputed propertyを使うと、もの凄くシンプルに記述出来る点にある。「パラダイムシフト」と言… https://t.co/4FDH0p6t8v"
何が凄いって、サーバーにあるデータベース（Firebase）に起こった変化をリアルtタイムにUIに反映するコードが、Vueのcomputed propertyを使うと、もの凄くシンプルに記述出来る点にある。「パラダイムシフト」と言… https://t.co/4FDH0p6t8v
January 28, 2022 Firebase で Google や Facebook といった外部認証を利用したログインを実施する場合 signInWithPopup または signInWithRedirect のメソッドを利用します。 参考：https://firebase.google.com/docs/auth/web/google-signin 大抵の場合 UI を独自に構築したいでしょうから signInWithRedirect の方を利用することになるでしょう。 さて signInWithRedirect を呼び出した場合、自サイトから認証プロバイダー（例：Facebook）のページに飛び、その後また自サイトに戻ってくるといった遷移になります。 このときの認証プロバイダーからの戻り先は、リダイレクトを発生させた元ページになります。例えば /home というページで si
方法 ApiClientUtils.getDefaultJsonFactory() を使用すると、MessageクラスをJSON文字列に変換できる。 // 実際値のMessageクラス Message actual = Message.builder() .setNotification(Notification.builder().setBody("message_text").setTitle("").build()) .putData("id", "data") .setToken("FCM_TOKEN_XXXXX") .build(); // 期待値のJSON文字列 String expected = """ { "data": { "id": "data" }, "notification": { "body": "message_text", "title": "" }, "t
firebase-toolsのバージョン確認とアップデート
Firebase Storageの簡単な使い方 2020.02.29 FirebaseのStorageを利用して、Storageにファイルをアップするための簡単なサンプルコード 目次 1. ローカル環境 2. Stora[…] Firebase Databaseの簡単な使い方 2020.02.28 FirebaseのDatabaseへのアクセスや、簡単なデータの利用するためのサンプルコード 目次 1. ローカル環境 2. DATABASE作成 3[…] Firebase Authenticationの簡単な使い方 2020.03.03 FirebaseのAuthenticationを利用して、ユーザー登録とログイン機能を実装する簡単なサンプルコード 目次 1. ローカル環境 2. A[…] Firebaseを使って静的なサイトの構築手順 2020.01.10 firebaseを利用して、簡
Unity AndroidアプリでFirebase Crashlyticsを使うのにハマった話 - Qiita
この記事について UnityでAndroidアプリにFirebase Crashlyticsを利用する際、ハマった部分をまとめました。 バージョン Unity 2021.3.11f1 firebase unity sdk 9.6.0 事象 Firebaseドキュメントに沿ってアプリを作成し、実行したところ、adb logcatでなんかエラーが出た （ビルドのタイミングで出て欲しい） 10-17 15:19:00.821 17474 17552 E firebase: Failed to read Firebase options from the app's resources. Either make sure google-services.json is included in your build or specify options explicitly. いきなり結論 Unit
Firebase Realtime database を使った ESP32, M5Stack, スマートフォン相互通信してみる
ただ、ブレッドボードに挿す時に深く挿し込み過ぎると、抜けなくなる場合があるので注意してください。 本来、ブレッドボードに挿すようには作られていないのですが、ちょっとテストしたいときに便利です。 micro SDHC カードに東雲フォントデータを保存しておく 先ほど、M5Stack 版で述べたように、同じように micro SDHC カードに /font/ フォルダを作成して、３つのフォント関連ファイルを保存しておいてください。 SDカードスロット付き LCD ILI9341 モジュールに SD カードをセットする 先に紹介した、LCD ILI9341 モジュール は 2.2インチのものですが、micro SD カードスロットではなく、標準サイズ SD カードスロットが搭載されています。 これに、micro SDHC カードを使おうとすると、アダプターが必要です。 これは、先に紹介したカード
It's Time to Upgrade to the New Firebase Crashlytics SDK! We graduated the Firebase Crashlytics SDK to General Availability (GA) back in June, and today we are encouraging you to migrate your apps from the Fabric SDK to the Firebase Crashlytics SDK. On November 15th, we’ll be sunsetting the legacy Fabric SDK, meaning any apps that are still using the Fabric SDK will no longer report crashes. Andro
【React】 Firebaseを使用してEmail・パスワードでの認証機能の実装 - Qiita
概要 ReactでFirebaseを使用した簡単な認証の実装方法に関してまとめました。 あくまでも、実装の流れをメインとしており、各機能の詳しい説明等は省いております。 Firebaseのセットアップ 新しいプロジェクトの作成 まずはFirebaseのConsoleで新しいProjectの作成を行いましょう。 Authenticationの使用 Authenticationの画面にて、 SET UP SIGN-IN METHODをクリックしましょう。 そして、何を使用して認証を行いたいのか選択しましょう。 本投稿でははEmailを使用して行うので、Email/Passwordを許可します。 credentialsの取得 左端にあるセッティングボタンから、project settingsを選択し、アプリのcredentialsを取得しましょう。 (project settingsの下の方にI
フロントエンド弱者がNuxt.js + TypeScript + Firebaseで個人開発に挑戦してみました。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? どうもこんにちは。雑食系エンジニアの勝又です。 最近は本業では技術顧問業務や開発内製化アドバイザー業務を掛け持ちしておりまして、複業でYouTuberやオンラインコミュニティ事業の運営等もやらせていただいております。 昨年は「Web系エンジニアになろう」という書籍も出版させていただきました。 ここ数年は、手を動かすエンジニアとしてはDevOps系の業務に従事することが多かったのですが、個人開発で久々にフロントエンドの技術を使う機会がありましたので、そこから得た知見や感想をまとめてみました。 なお、こちらは雑食系エンジニアサロンアドベント
#Firebaseについて FirebaseはGoogleが提供しているモバイルアプリ、Webアプリのプラットフォームのことで、バックエンド機能を体系的に提供している。Firebseを使うことによって、開発者はクライアントサイドの開発に専念することができる。 できることの例 ◇Hosting 本番環境へのホスティング ◇Authentication ユーザ認証/ログイン機能の実装 ◇Databases データベース ◇Functions クライアントサイドで実行するには重すぎる処理をHTTPリクエストなどをトリガーに実行できるようにする機能 <以下参考> Firebase公式: https://firebase.google.com/?hl=ja Firebaseの概要についてまとまっいたサイト: https://www.topgate.co.jp/firebase01-what-is-f
Firebase AuthなどJavaScriptでAPIセッション用のトークンを得ることについて - Qiita
ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう （※ こちらの参照記事の内容自体に不備があるとか甘いとか指摘するものではないんですが、勝手に枕として使わせてもらいます） 上記記事は、Firebase Authenticationが提供するJavaScript APIを使ってJWTのトークンを取得し、自前のサーバにHTTPのヘッダで送りつけて検証をさせることで、認証の仕組みをセキュアかつかんたんに実現しよう、という内容です。 このようにJavaScriptのAPIでトークンを発行して自前バックエンドのAPI認証につかう方法はAuth0のSDKなどでも行われていますので、IDaaSをつかってSPAを開発する場合には一般的なのかもしれません。 話は変わりますが、SPAの開発に携わっている方は「localStorageにはセッション用のトー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
短縮URL機能をFirebase Dynamic Links からAmazon CloudFrontへ移行したお話
Firebaseいいね！と思ったけど、今やRailsを検討している件 - Qiita
Firebase App Distributionを使ってテストアプリを配布する
Firebase の課金で爆死しないための設定方法 - Qiita
Firebaseとは？概要や特徴をわかりやすく解説【初心者向け】
複数の関数を整理する | Cloud Functions for Firebase
Firebase App Distribution
Vue.js、Firebase、axiosでパパッと掲示板！ - Qiita
『Nuxt.js + Firebaseで釣具の管理サービスを作った』へのコメント
Firebase Auth でログイン時に Firestore にユーザー用のドキュメントを作る方法
実用的な Flutter + Firebase を学ぶならココしかない！
【Python】Firebaseでテナントごとにユーザー管理ができるよ - Qiita
DockerでFirebase Local Emulator Suiteを使う - Qiita
Rails6とFirebase Authでパスワード変更を実装する方法 - Qiita
Cloud Firestore トリガー | Cloud Functions for Firebase
Firebase Authentication を使って API Gateway の認証を行う
【Firebase入門】Firebase CLIをインストールする（Windows10）
Flutterのfirebase_admobプラグインのバナー広告が使いにくいのでなんとかする - Qiita
Firebase の signInWithRedirect からの戻り先を指定する
Firebase Cloud Messagingのメッセージのテストコードを書く（Java） - Qiita
It's Time to Upgrade to the New Firebase Crashlytics SDK!
Firebase Cloud Functionsを使ってGmail送信機能を作る - Qiita