.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
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のインストールはこちら
Firebase Authentication, Auth0, Amazon Cognitoを比較した - Qiita
業務の方で認証基盤のリプレイスを行っていて、その際に行ったサービス選定のメモです。 自身が身を置いている会社のサービスでの認証基盤は、パスワードをDBで管理している状態で危殆化リスクがあったり、強固な認証(MFAなど)を入れづらい状態にありました。 今では様々なプロダクトが、認証の処理は他のサービスに任せる傾向にあると認識しております。そもそもセキュリティの分野は奥が深い(自身もほとんど理解できていない)ですし、プロダクトの成長にフォーカスしたいのに、セキュリティの分野に時間を割くのは悪手でしょう。 自社のプロダクトも例にもれず、プロダクトの開発自体にフォーカスするために認証サービスを導入しようという運びになりました。 サービス候補選び 調べてみると想像より多くのサービスが存在することがわかりました。 Amazon Cognito AWS Amplify Authentication Au
Firebaseのドメイン変更が、とても簡単でちょっと感動したので、簡単にメモ残し 以下、デスクトップ＆Chromeの場合。 (所要時間: 15秒~) Firebaseコンソールへ移動 対象のプロジェクトを開く サイドバーの中のHostingをクリック ドメインリストの中にある変更したいドメインをオーバーマウス 右に現れる縦並びの三点アイコンをクリック 表示されたドロップダウンから編集をクリック 「別のドメインにリダイレクトする」を選択 転送先ドメインを設定 完了をクリック 以上
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タグ自動挿入も便利なのですが、今後記事リソー
思い立ったらサクッとSPAサイトが作れたらいいなぁと思っていたのですが、Reactはちょっとしたサイトを作るにも大掛かりになってしまうので諦めていました。 しかし、最近ReactのRecoilを触り始めたのですが、Recoilを使うと、Reactも随分シンプルに書けるようになっていました。 フロントエンドの手軽さはReact+Recoilで解決できそうなので、後はバックエンドをサクッと作れれば夢が叶いそうです。 そこで、モバイルアプリのバックエンドをサクッと作れる方法として、「Google Firebase」と「AWS Amplify」をよく聞くので試してみました。 ここでは、それぞれを使ってみた感想を書こうと思います。 FirebaseとAmplifyがやってくれること Firebase、Amplify共に、バックエンドで面倒な、下記のような作業をやってくれます。 リソースの提供 ホステ
この記事は Goodpatch Advent Calendar の18日目の記事です。 はじめに Goodpatch で自社プロダクトを開発している石井です。 今回は Goodpatch が提供しているオンラインホワイトボード「Strap」のボード複製機能について、 Firebase を利用してどのように実現したのか記載しています。 StrapのバックエンドにFirebaseを選定した理由に関しては、弊チームのバックエンドエンジニアである、やっはーさんの記事を御覧ください。 ボード複製機能の要件と実現方法 Strap では無限に広がるボードにエレメントと呼ばれる図形やテキスト、画像などを配置・編集する使い方が基本的です。そのため Firestore 上ではboards の subcollection に elements がくる構造をしています。 ボード複製の機能要件としては下記がありまし
【Nuxt.js】アプリ開発基礎編：Nuxt + Vuex + firebaseでシンプルToDoリスト - Qiita
前置き 本格的なTODOリストを作っていきます！ すっごく簡単なTODOリストは以前やりましたが、 一時的な物なのでリロードしたら消えます💥😲 https://qiita.com/aLiz/items/7d9e907850c15cc546a6 今回はfirebaseとVuexで 本格的TODOリストを作成します✨🎈 ・firebaseでデータ管理 ・Vuexで状態を保持 内容が濃いのでお知らせした通り、 有料記事になりました💰 https://note.com/aliz/n/n8411db2c9a20 まずは基本のTODOリスト、 次回以降のカスタマイズとして ・ログイン機能の追加 ・リストに画像機能の追加 も公開していきますよ！ CSSも追加したりして 自分好みのリストにしてみてください💕🥤☺️ Stepについて いつも通り超簡単なところから だんだんと肉付けをしていきます。
ついに来た Firebaseでベクトル検索
はじめに Firebaseでベクトル検索ができるようになったとのことなので、試してみました！ そもそもベクトル検索って何ってところからGPTに質問しながらなんとかできた感じなので、解釈が間違っていたり説明が不十分な箇所もあるかと思いますが、こんなことができるんだという参考になれば幸いです。 今回やりたいこと ベクトル検索ができると聞き、真っ先に思い浮かんだのが去年開発したポケモン対戦記録アプリの類似対戦検索機能です。 「過去の対戦から今回の対戦相手のパーティと相手のパーティが似ている順にソートして取得する」です。 理由は説明すると長いので、興味のある人だけ読んでみてください。 なぜ似ている順にソートして取得したいか ポケモン対戦において最もよく遊ばれているルールの1つに相手と自分のパーティ6匹を見せ合って、実際に戦闘に繰り出す3匹を決めて3vs3で戦う6→3というルールがあります。 この時
Use this extension to index your Cloud Firestore data to Algolia and keep it synced. The extension is applied and configured on a Firestore collection. This extension listens for changes on the specified collection. If you add a document, the extension indexes it as a record in Algolia. The extension only indexes the fields defined in the extension configuration and uses the document Id as the Alg
Firebase AnalyticsとGoogle Analyticsの計測項目の違い | 株式会社プリンシプル
はじめに 無償版のモバイルアプリ向けGoogle Analytics（以下、「モバイルアプリ向けGA」）の提供が今年1月31日で終了し、約3ヶ月が経過しました。 現在は管理画面は疎か、データにアクセスすることすらできなくなっています。この機能を利用していた多くの企業は、既に何らかのアプリ計測ツールへの移行が済んでいることと思います。 考え得る代表的な移行先のツールの一つとして、モバイルアプリ向けGAを提供していたGoogle社が移行先としてアナウンスしていたFirebase Analyticsがあります。Firebase Analyticsは、FirebaseというモバイルおよびWEBアプリケーション向けmBaas型の開発プラットフォームの中に含まれる一部の機能です。 2020年にリリースされたGoogle Analytics4（以下、「GA4」）は、FirebaseのUIを採用しています
【Firebase】Firebase Cloud Storageがいつのまにか無料のSparkプランでは使えなくなっていた
新規アプリのプロジェクトが立ち上がったので、いつもどおりFirebaseを使ってStorageを使おうと思ったら、Storageの画面で設定できないことに気づきました。 現在は無料のSparkプランです。 上記のような画面になっており、Storageをすぐに使うことができません。 Storageを使用するには、プロジェクトの料金プランをアップグレードしてください というメッセージと「プロジェクトをアップグレード」というボタンが用意されています。 他のStorageを使用しているプロジェクトを見に行くと、従来どおり問題なくStorageが使えています。 新規のプロジェクトにおいてだけ、こうなってしまうことに気付きました。 Firebaseのプロジェクトの設定画面の設定がおかしいのかと思い、従来のプロジェクトと見比べていましたが、特に気になった点はありません。 「Google Cloud」の「
2024年は Remix SPA モードで React フロントエンドを作るのが最適。 習作として「しずかなインターネット」の真似っこサイトを Firebaseで作ってみました。 clientLoader / clientAction で state ほぼ不要でシンプルに実装できるのでオススメです。 利用スタック フレームワーク: Remix SPA Mode remix-flat-routes の Hybrid Routesも使っています。 remix-routes を使って型安全にルーティングしています。 zodix を使って loader / action のパラメータバリデーションを簡単にしています。 ビルド環境: Remix Vite UIコンポーネント/スタイリング: shadcn-ui / tailwindcss フォーム: conform DB: firestore 認証:
はじめに 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
先月から更新が少ない当ブログですが、実は 1 月末からとある Web サービスを作るお仕事を頂いており、そっちにかなり時間を割いていました。 内容としてはフリーランサー向けの案件照会サービスで、よくあるタイプのサービスです。 ただ今回頂いた案件は、デザイン・フロント・サーバー・インフラ、その他全て一任されるという結構重めかつ責任重大なものでして。 以前より仲良くさせてもらっている方からの依頼ということもあり、頑張って作ってみました。 デザイン～フロント周りについてはかなり詳しい自負がある一方、サーバー～インフラ側は決して強くない自分です。 今回 Web サービスを作るにあたり、そこまで大きいサービスでもなく費用もそこまでかけられないということで、とにかく無難 of 簡単な構成で素早く組んでみました。 ということで今回使用したものは以下のとおりです。 Next.js Vercel Fireb
Next.jsをFirebase Hostingにホストする方法を説明します。 Setup Next.js & Firebase Hosting Next.jsのexamplesのwith-firebase-hostingを使います。 Next.jsのプロジェクトが出来たら、firebase loginでFirebaseにログインします。 さらにテスト用のプロジェクトをFirebase Consoleで作成します。 Firebaseのプロジェクトを作ったら、firebase projects:listでProject IDを確認します。 ここで確認したIDを.firebasercに記述します。
Firebase Extensions Hub
Stops cost overruns by disabling Firebase services when a billing threshold has been reached.
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
【Kaigi on Rails 2024 登壇資料】 https://kaigionrails.org/2024/talks/ryosk7/ エンタメマッチングアプリ「pato」は、長らくFirebase Reailtime Databaseを使ってチャット機能を提供してきました。 しかしユー…
Works with Cloud Firestore Version 0.1.60 | Source code License Apache-2.0 Publisher FirebaseReportBugAbuse Use this extension to export the documents in a Cloud Firestore collection to BigQuery. Exports are realtime and incremental, so the data in BigQuery is a mirror of your content in Cloud Firestore. The extension creates and updates a dataset containing the following two BigQuery resources: A
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
Vue.js+Firebase Authenticationで認証画面を爆速実装！｜ 開発者ブログ ｜ 株式会社アイソルート
Vue.js+Firebase Authenticationで認証画面を爆速実装！ アプリケーションに認証機能を実装する場合、認証サーバーを用意したりユーザー情報を安全に管理したりと認証を行う為にはかなりの手間がかかると思います。 Firebaseには、このように手間のかかる認証機能を簡単に実装する事ができる「Firebase Authentication」という機能があります。 今回は、Vue.jsで作成したWebアプリに「Firebase Authentication」で認証機能を実装したいと思います。 こんにちは。 モバイルソリューショングループのyamasaki.sです。 Firebase Authenticationとは Firebaseが提供する認証に関する機能です。 メールアドレスとパスワードを使った認証の他に、GitHub や TwitterなどのSNSを利用したOAuth
Firebaseとは Firebaseを一言でいうと、 「サーバーの開発が不要で、フロント側だけでアプリ開発ができるクラウドサービス」です。 Firebaseは、Googleが提供するクラウドサービス「MBaaS（Mobile Backend as a Service）」です。 MBaaSとは、モバイルアプリケーションのサーバーサイドで使われるロジックを提供するサービスです。 ※Firebase公式サイト 本記事では 、Firebaseについて初心者向けに分かりやすく解説します。 Firebaseとは何か、メリットとデメリット、代表的なサービス、料金について簡単にまとめています。 メリット Firebaseの概要について説明したので、本章ではFirebaseを使うことのメリットを解説します。 サーバーサイドの開発コスト・設計・工数などを削減できる MBaaSを使えばサーバーサイドの開発（デ
BigQueryでGoogle Analytics for Firebaseのevent_paramsを扱いやすいように取り出す。
Google Analytics for FirebaseのBigQuery 連携をすると、BigQuery にAnalyticsで収集されるイベントデータが溜まっていくが、全部1テーブルに詰め込む関係でeventのparameterはevent_paramsにkeyと各型ごとのカラムに詰め込まれている。 集計や分析を行うとき、まずは利用したいパラメーターを抽出してから加工を行うのが基本なのでGoogle Analyticsでやる場合どうすればいいかのメモ 例として firebase_screen_class の場合は String型なので event_params.value.string_value に入っています。 この場合はselectとunnestを利用して次のような形で取得します。 (select value.string_value from unnest(event_par
クロスプラットフォームに対応した、Googleが提供するmBaaS「Firebase」。無料で使い始めることができ、アプリ開発者の工数を大幅削減できるサービスです。本記事では、Firebaseの魅力と、Firebaseが提供する機能のうち、特におすすめなものについて紹介します。 Firebaseとは何か Firebase（ファイアベース）は、Google社（旧Firebase社）製のサービスです。バックエンドの大半をFirebaseに任せることにより、アプリ開発者の工数を大幅削減できる、いわゆるmBaaS（mobile backend as a Service）で、大変便利なサービスです。 何ができるかを簡易にまとめると Firebaseは、とても多機能なサービスです。AWSとまではいきませんが、その名称の中にたくさんの機能を包括しています。 あえてどのようなツールかをなるべく簡潔にまとめ
Firebaseの機能一覧 - Qiita
はじめに Firebaseの機能を私が調べた範囲で紹介します。 Googleはドキュメントが充実しているため、本記事と並行して公式の一次ソースを確認することをオススメします。 注意 2020/10/02現在でベータ版の機能は紹介していません。 Cloud Firestore NoSQLのDB https://firebase.google.com/products/firestore?hl=ja 使いどころ サーバーレスでNoSQLのDBを使いたいとき 実装例 iOSアプリ (Swift) UhooiPicBook/MonstersRepository.swift at master · uhooi/UhooiPicBook Androidアプリ (Kotlin) UhooiPicBook-Android/MonstersFirestoreClient.kt at master · uho
What's new from Firebase graphic After taking a hiatus in 2020, Google I/O is back and we’re excited to take part in this revamped, digital event to share the updates we’ve made to Firebase. Over the past year, apps helped us adapt and thrive in our new circumstances, and apps will no doubt continue to play an important role for many years to come. Our mission is to empower developers like you to
FastAPIは便利ですね。APIサーバを簡単に構築できるフレームワークとして個人的に愛用しています。今回はFastAPIに認証機能を追加します。 注意 ：FastAPI, Firebase のインストールなどセットアップは前提としてここでは触れません。 Bearer認証 サーバにリクエストしてきたユーザの識別・認証を行い、要求されたリソースへ適切な許可を制御したい需要は多々あると思います。ここではHTTPヘッダに追加するだけで簡単に実装できるBearer認証を実装します。 [Qiita] "Bearer認証について" HTTPのAuthorizationヘッダにスキームとして指定でき, Authorization: Bearer <token> のようにして指定する. トークンの形式はtoken68の形式で指定することが定められている. token の発行や検証など自分で実装するのは大変
App Engine上にあるAPIの認証をCloud Endpoints + Firebaseでいい感じにしてみた - Lean Baseball
つい最近, 学生に見られてしまった42歳*1（外資コンサル企業マネージャー）です. 今, プライベート（いわゆる個人開発）でWebサービスを開発しようとしているのですが, Webサービスの性質上, 何らかの認証機能が必須 ↑が必須なのはわかるけど, 自分で開発（コードを書く）のは正直つらい（かつ自前で書くほどの要件でも無さそう） クラウド（今回はGoogle Cloud）で運用するのは決まってるので, 既存のクラウドサービスでどうにかならないか? といういい感じにサボる効率的なソリューションを探した結果, ワイ「どうやらCloud EndpointsとFirebaseでどうにかなるらしい🤔」 とわかり, 実際にどうにかなりそうなものができたので, 自分が忘れないように（&似たような状況の方のお役にたてるように）メモとして残したいと思います. TL;DR Google Cloudでサクッと
ウェブ版 CloudFirestoreのクエリ備忘録 日本語版公式ドキュメントに載っていないものがいくつかあったので、まとめてみた。 ※コレクショングループについては書いていません。 更新情報 2023/5/13 ORクエリについて追記しました 2022/2/10 日本語版公式ドキュメントに追記されていました。 Firebase SDK v9の記法を追記しました。 // コレクション users: { // ドキュメント "000": { // フィールド address: { prefecture: "沖縄", region: "沖縄", }, age: 20, createdAt: 2020年11月10日 15:00:00 UTC+9, friends: ["003"], userName: "山田太郎", }, "001": { address: { prefecture: "北海道
Firebase Auth REST API
フィードバックを送信 Firebase Auth REST API コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 API 使用量 REST API を使用して Firebase Auth バックエンドにクエリを実行できます。このパラメータは、 新しいユーザーの作成、既存ユーザーのログイン、これらのユーザーの編集や削除などが可能です。 このドキュメント全体を通して、API_KEY はウェブ API キー、 これは プロジェクト設定 できます。 <ph type="x-smartling-placeholder"> カスタム トークンを ID および更新トークンと交換 HTTP POST リクエストを Auth verifyCustomToken エンドポイントに発行することで、カスタム Auth トークンを、ID および更新トークンと交換できます。 メソッ
[Firebase] Cloud Functionsの実行結果をCDNにキャッシュする - ねこの足跡R
Firebaseで動的に情報を出力する場合にCloudFunctionsを利用するわけですが、頻繁に情報が変化しない場合など実行結果を一定時間キャッシュしたくなりますよね。Firebaseでは非常に手軽に実装できます。 結論から言うと以下のようにCache-Controlヘッダを出力するだけ。以下で30秒間Firebaseが用意するCDNに実行結果がキャッシュされます。publicのつけ忘れにご注意を。 res .set("Cache-Control", "public, max-age=30") .send("キャッシュされるよ"); 最初これを知らずにCDNを別途用意して、Firebase側をオリジンに設定しようとしていましたｗ 危ない危ないｗ サンプル 実行例 コード Cache-Controlヘッダ public max-ageとs-maxage 注意点 GET/HEAD以外はキャ
![[Firebase] Cloud Functionsの実行結果をCDNにキャッシュする - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/fca7858710a0a1be859617a5d8d93bdaf7b6ac33/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061406590%2F1701343612)
RubyでFirestoreからデータを取得したり追加したり 今回は、RubyでFirestoreからデータを取得する際のクエリ発行してくれるコードやデータを追加するコードに関してまとめます。 Firestoreとは Firebaseが用意しているNo SQLのクラウドデータベースです。 用語 Firestoreにおける用語はとりあえず、下記の３つを知っておけば大丈夫だと思います。 Cloud Firestore データモデル コレクション データ（ドキュメント）を格納する大枠。FirebaseコンソールのサイドバーにあるCloud Firestoreをクリックすると、画面の1番左にあるのがコレクションになる。1つのコレクションに、それに関するデータ（ドキュメント）が保存されていく。 ドキュメント コレクションに格納されていくデータ。データは一意のドキュメントIDというもので管理されており
FlutterアプリでSentryとFirebase Crashlyticsにエラーレポートを送りアプリの品質改善に役立てる | wapa5pow blog
FlutterアプリでSentryとFirebase Crashlyticsにエラーレポートを送りアプリの品質改善に役立てる Flutterアプリとしてエラーは大きく2種類あります。 Flutter/Dart側で起きるエラー ネイティブ(Android/iOS)側で起きるエラー 今回は、1をSentryで、2をFirebase Crashlyticsで収集します。本当はどちらともFirebase Crashlyticsで収集したかったのですが、Crashlyticsのほうは、iOSで同じエラーでも以下のように別々のエラーとして扱われてしまったのでSentryとCrashlyticsを使っています。同じように扱える場合は、Crashlyticsで統一したいですね（ここ解決する方法しっていたら教えてください）。 Sentryの導入 まずあらかじめSentryでアカウントを作っておきます。Sen
Recoil Atom Effects で Firebase Authentication の認証状態を管理【前編】
はじめに Recoil のAtom Effectsという機能を使えば Firebase Authentication の認証状態をシンプルに管理することができます。 この記事ではまずAtom Effectsについて解説してから、後編で具体的な実装を説明します。 この記事【前編】 Atom Effects とは？ Atom Effects の詳細 Atom Effects の使用例 Atom Effects 使用における注意点 次回の記事【後編】 Firebase Authentication との使用例 Recoil とは？atom とは？ Recoil は React の状態管理ライブラリです。 atomは Recoil の中で状態を保持する単位です。 この記事では Recoil 自体の解説はしません。 Atom Effects とは？ atomにとっての Atom Effects は
Firebase JavaScript SDK v9 + Authentication で認証を実装する - Qiita
Firebase JavaScript SDK が、v9で大きく変わりました。 バージョンアップに伴い、Authenticationの実装の仕方もかなり変わったため、メモを残しておきます。 Firebase JavaScript SDK v9 の仕様 v9では、SDKの中から必要なモジュールだけを読み込んで利用する「Tree Shaking」という手法を採用しています。webpackなどで採用されている手法です。 JavaScript SDK v9 を利用した認証の実装 今回の変更を踏まえて、Firebase Authenticationの認証を実装してみました。 ディレクトリ構成 今回のサンプルはこんな構成で作成しました。 ├── dist │ ├── bundle.js │ └── index.html ├── firebase.json ├── node_modules ├─
FirebaseはGoogleが提供するサービスの一つでモバイルアプリやWebアプリケーション開発で用いられる人気プラットフォームです。BaaS（Backend as a Service）と呼ばれるクラウドサービスの一種に分類されます。Firebaseに関して詳しく知りたい方は以下記事を参照してみてください。 今日、インターネットを使用したWebシステムは必要不可欠なものとなっていますが、その始まりはCERN（欧州原子核研究機構）のティム・バーナーズ＝リー博士が、「研究者間で膨大なデータの交換や閲覧をスムーズにするシステムを作る」という目的で開発… この記事ではFirebaseが持つ機能の一つFirebase Hostingを用いてHTML、CSS、JavaScript、画像ファイルなどを短時間で静的ホスティングする方法を紹介します。 Firebase でプロジェクトを作成するFireba
【CRMに必須】LINEミニアプリ / LIFFでLINEのUIDを取得して保存。認証・DBはFirebaseで試してみた
どもー、BULB加藤です。 LINEミニアプリやLIFFの開発をするのであれば、CRMのためにLINEのUIDを取得して活用しなければ効果半減です。 これまでLIFFの立ち上げやAPI動作確認をしてきましたが、実用を見据えてUID取得とDB保存を試してみます。 前提 ReactでLIFFが動かせる状態を前提とします。できていないときはとりあえずこちら。 ローカルで手軽に試すための設定はこちら Firebaseで認証とデータベースを準備 とりあえずお手軽に。認証はFirebase Authentication、DBはCloud Firestoreを使います。 Firebase Authentication : メール認証を有効化 とりあえず最低限の設定ということで、メール認証だけ有効化します。いくつかテスト用のデータを入れた状態。 Cloud Firestore : collectionを作
Handling user authentication with Firebase in your React apps - LogRocket Blog
Editor’s Note: This blog post was reviewed and rewritten 6 August 2021 by Atharva Deosthale to include the newest features of Firebase and clarify the original tutorial’s instructions. It was updated again 10 January 2022 to address breaking changes with the release of Firebase v9. Nowadays, security is very important on websites and apps. That’s mainly to ensure that private data is not leaked to
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
[検証]SvelteKitで作成したサイトをCloud RunにデプロイしてFirebase Hostingで配信してみた
はじめに 先日プレビュー版としてリリースされた Firebase Hostingを使ったCloud Runの動的コンテンツの配信 をSvelteKitを使って実践した記録です。 ※ Cloud SDKの設定は完了して gcloud コマンドが使える前提です ※ SvelteKitの作成部分は割愛しています -> こちらを利用しています https://kit.svelte.jp/docs/creating-a-project やってみてどうだったか？ Cloud SQLなど使ったCloud Runで構築したサイトを気軽にカスタムドメインとCDNを使って配信できるようになる 今までなら、Cloud Load Balancerを経由してやらないとできなかった点ができるようになった Cloud Run自体のドメインマッピングもあるが、これはGAになるのだろうか。 コスト的な面でも、Firebas
![[検証]SvelteKitで作成したサイトをCloud RunにデプロイしてFirebase Hostingで配信してみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7b2ad5969b727cfd0db54e1831098f356e015fd/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--nCWZHzj8--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E6%2525A4%25259C%2525E8%2525A8%2525BC%25255DSvelteKit%2525E3%252581%2525A7%2525E4%2525BD%25259C%2525E6%252588%252590%2525E3%252581%252597%2525E3%252581%25259F%2525E3%252582%2525B5%2525E3%252582%2525A4%2525E3%252583%252588%2525E3%252582%252592Cloud%252520Run%2525E3%252581%2525AB%2525E3%252583%252587%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252582%2525A4%2525E3%252581%252597%2525E3%252581%2525A6Firebase%252520Hosting%2525E3%252581%2525A7%2525E9%252585%25258D%2525E4%2525BF%2525A1...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AYamato%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2llSURCdEhndThmS3BtMWFNejlZYTByMHBmSDVpejdMVnN6Sm5oPXMyNTAtYw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebase を使いテストからリリースと最適化までを円滑に行う
【React】GitHub ActionsでFirebase Hostingに自動デプロイしてみた
Firebaseでドメイン変更するときのメモ - Tech.log
Google Firebase と AWS Amplify の両方を使ってみた感想 - 新しいことにはウェルカム
Firebaseを使った大量ドキュメントの処理実現について
Search Firestore with Algolia | Firebase Extensions Hub
Remix SPA mode + Firebase で「しずかなインターネット」の真似サイトを作ってみた。
【Next.js】NextAuth×Firebaseで認証管理 in appディレクトリ
Next.js × Firebase で Web サービスを作った - kk-web
Next.jsをFirebase Hostingで使う
Stream Firestore to BigQuery | Firebase Extensions Hub
Firebaseとは？概要や特徴をわかりやすく解説【初心者向け】
アプリのバックエンドは「Firebase」におまかせ！ 概要と特におすすめしたい3つの機能
What’s new from Firebase at Google I/O 2021
【FastAPI+Firebase】Bearer認証を行うAPIサーバの構築 - Qiita
【Firebase】Cloud Firestore クエリ まとめ
RubyでFirebaseのFirestoreからデータ取得と追加する方法 - Qiita
Firebase Hosting を使った静的サイトのホスティング方法
FirebaseのCustom Claimを利用する - Qiita