Firebase Authから内製認証基盤に無停止移行して年間1000万円以上削減した
症状検索エンジン「ユビー」 では、ローンチ当初から Firebase Auth (GCP Identity Platform) を使っていましたが、OIDCに準拠した内製の認証認可基盤に移行しました。 認証認可基盤そのものは m_mizutani と nerocrux と toshi0607(退職済) が作ってくれたため、僕は移行のみを担当しました。 結果として、強制ログアウトなし・無停止でビジネス影響を出さずに、年間1000万円以上のコスト削減に成功しました[1]。その移行プロセスについて紹介します。認証認可基盤そのものの紹介はあまりしません。 移行した理由 大量の匿名アカウント ユビーでは、アクセスした全ユーザーに対して自動的に匿名アカウントを発行しています。これにより、ユーザーがアカウント登録しているかどうかに関わらず、同じID体系で透過的に履歴情報等を扱うことができます。アカウント
Firebase + Spreadsheet で Slack Bot を作ったら社内用語辞典の運用が3倍楽しくなった話
最近作った Slack Bot が好評だったのでまとめてみました！ どこの Slack ワークスペースでも導入できるように詳細に設定方法も記載しています。 🛠 作ったもの tell-me-bot（社内では tell-me-paccho）という、社内用語辞典をいい感じに管理してくれる Slack Bot を作りました。 社内ではもともと Spreadsheet で社内用語を管理していたのですが、メンテナンスする人が限られ、あまり積極的には利用されていない状況でした。 そんな時に@しかじろうさんのこちらの記事を発見して、これはおもしろいアイデアだと思い、Firebase + Bolt（TypeScript）にて作ってみました（アイデアをくれた@しかじろうさんに感謝🙏）。元記事の機能を参考に+αの機能も色々実装しています。 構成 Cloud Functions for Firebase で
FlutterとFirebaseで新しいサービスをリリースしました - Studyplus Engineering Blog
こんにちは、スタディプラスの須藤(id:kurotyann)です。 タイトルどおり、9/17にFlutterとFirebaseで新しいサービスをリリースしました。 サービス名は「ポルト（Porto）」です。 受験生に人気の参考書を月額980円でスマホで読める電子参考書サービスです。 iOSとAndroidで利用でき、無料で読める参考書もあります。受験生でない方も試しにインストールしてみてください。 ポルト 大学受験向けの参考書が読み放題 Studyplus Inc.教育無料apps.apple.com play.google.com 【公式】ポルト 参考書読み放題サービス【14日間無料体験のお申し込みはこちら】 さて、リリースされたばかりのポルトですが、今回のブログでは以下の3点を書きます。 「(1) 技術スタック」 「(2) 開発期間」 「(3) FlutterとFirebaseで開発を
VueとFirebaseで爆速でチャットサービスを作ろう - Qiita
こんにちは、ネコチャ運営者の炉田謙(@ToshioAkaneya)です。 3日で作成したチャットサービスネコチャが好評をいただき、Twitter上で多数のつぶやきをいただきました。 ##どんなサービスか ネコチャは、とくめいチャットをすることが出来るサービスです。 仕組みは質問箱(Peingなど)と似ていて、自分のリンクをSNSで共有することでフォロワーがそのリンクから匿名でメッセージを送ることが出来るというものです。 質問箱と違うのは、会話を続けることが出来る点です。 話しかける側を匿名にすることでコミュケーションのハードルを下げることが可能になっています。 ネコチャトップページ 開発の経緯 2018年に流行ったとくめいチャットアプリのNYAGOがありました。 急激なユーザーの増加に対し、開発体制が整っておらずやむなく一時停止を発表しました。 匿名チャットアプリ「NYAGO」が一時停止を
Node.js によるアプリを Firebase で Hosting する最短の道 - Qiita
はじめに Firebase のホスティング、優れものです。静的コンテンツはもちろんのこと、なんと Node.js による動的コンテンツまでホスティングできちゃいます。それも開発時とか小さなサービスなら実質無料でいけちゃう感じです。 理解するために、静的コンテンツと動的コンテンツのホスティングについて、実現までの最短の道を見て見ます。 ちなみに静的コンテンツだけで OK なら、以下の公式ガイドを参照すれば大丈夫でしょう。 https://firebase.google.com/docs/hosting/quickstart?hl=ja 準備 Node.js と npm をインストールしてください。 https://nodejs.org/en/ この記事は、8.10.0 LTS で検証しています。 Firebase のプロジェクトを用意してください。 手元のコンピュータに作業用のフォルダを作っ
Vue と Firebase / Firestore で CRUD 操作を行う Web アプリを作る最短のコード - Qiita
はじめに すいません、最短は煽りですw 簡単な連絡帳みたいなものを作るサンプルを通して、Vue と Firebase / Firestore の組み合わせの開発コストが低いかを紹介したいと思います。 最初は、アクセス制御をかけずに作成し、次に Firebase の auth を使って認証をかけてみます。 最終形を以下でホスティングしてあります。適当にサインアップして試してみてもらってかまいません。 ロジックに集中するために、デザインはほぼあてていません。見た目悪いのは気にしないでください。 準備 Node.js と npm をインストールしてください。 https://nodejs.org/en/ この記事は、8.10.0 LTS で検証しています。 vue-cli をインストールしてください。 Firebase / Firestore をセッティング 公式ドキュメントにのっとればプロジェ
new FirebaseとReact NativeでiOS, Android向けチャットを５分で作る - Qiita
Firebaseが新しくなりましたね！ せっかくなのでFirebaseの強みを活かして、リアルタイムなチャットアプリを作成してみましょう！React Nativeを活用して、iOS版とAndroid版を同時に作ります！ 素早く（気持ち的に５分くらい）作ることを目標にするので実用性は無視します(/･ω･)/ 1. Firebaseプロジェクトを作る。 新しくなったコンソール画面から新プロジェクトを作ります。適当な名前をつけて下さい。 https://console.firebase.google.com/ 2. Databaseのセキュリティを変更する。 さて、作成後はプロジェクトの詳細画面に飛ばされてたと思います。 次にDatabaseのセキュリティを設定します。 Firebaseはエンドポイントさえ指定すればマルチプラットフォームで使えてしまいます。 その代わりセキュリティルールを指定し
FirebaseとVue.jsで作るオンライン○✕ゲーム - Qiita
はじめに 過去記事にてGoogle HomeからIFTTTを経由しローカルのラズパイを操作するにあたり、グローバル→ローカルの接続にFirebaseを使用してみました。 そのときはRealtime Databaseのみの使用でしたが、FunctionsやHosting等結構色んなことができそうだったので試しにオンライン○✕ゲームを作ってみました。 Webアプリは5年ぐらい前にXAMPP+WordPressとかでめちゃくそ簡単なコンテツ管理サイトを作ったことがあるぐらいで、現在のWeb環境は浦島太郎状態です。 調べてみたら今はJSフレームワークが主流でもうjQueryも使わない時代になってるんですね… 【翻訳】 2016年にJavaScriptを学んでどう感じたか とりあえず学習コストも低いらしいVue.jsってのを使ってFirebase上で○✕ゲームを実装してみようと思います。 なお完成品
How to make mobile app with Firebase and React Native
DevFest 2017 FirebaseとReact Nativeでのモバイルアプリの作り方 @k2wanko https://tokyo.gdgjapan.org/
結婚式を支えた技術 Firebaseを活用したサーバレスiOSアプリケーション開発
https://iosdc.jp/2017/node/1472
ReactNative で Firebase を利用して push notification を配信する - Qiita
ReactNative で Firebase を利用し push notification を送る方法について紹介します。 構成 環境 Android 7.1.1 iOS 10.3.1 Android Studio 2.3.2 XCode 8.3.3 利用サービス Firebase 利用ライブラリ react-native-fcm 実装 Firebase の登録 以下のマニュアルにそって登録します。 Android用とiOS用をともに作成してください。 「Android パッケージ名」と「iOS バンドル ID」に入る「com.example.app」の部分は自分自身が作成しているアプリのものと同じものにしてください。 設定ファイルがそれぞれ作成されるのでダウンロードしておきます。 証明書の準備 Android とくにありません。 iOS 以下のマニュアルにそって準備します。 exampl
Googleの「Firebase」でリアルタイム掲示板を作ってみよう（前編）
従来、掲示板などのWebアプリを作るには、HTML/JavaScriptを記述するだけでなく、Webサーバーを準備したり、Webサーバー上で動くプログラムやデータベースにアクセスするプログラムを作る必要がありました。しかし、今なら「Firebase」がそれらすべてを提供してくれます。今回は、JavaScriptのプログラムさえできれば、手軽にWebアプリを作って公開できるサービス「Firebase」について紹介します。Firebaseを使えば、自前でサーバーを用意することなく、比較的手軽にWebアプリを公開できます。 Firebaseのサービスは、Googleが運営しており、本稿執筆時点では1GB分のデータベースを無料で利用することができます。そのため、個人でちょっとしたアプリを作る分には無料枠で十分ですので試してみましょう。 FirebaseのWebサイト [URL] https://f
Google ログインと Unity を使用して認証する | Firebase
フィードバックを送信 Google ログインと Unity を使用して認証する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google ログインをアプリに統合して、ユーザーが Firebase での認証に Google アカウントを使用できるようにすることができます。 始める前に Firebase Authentication を使用するには、次の作業が必要です。 Firebase を使用するように Unity プロジェクトを登録して構成する。 Unity プロジェクトですでに Firebase を使用している場合、この登録と構成はすでに行われています。 Unity プロジェクトがない場合は、サンプルアプリをダウンロードできます。 Unity プロジェクトに Firebase Unity SDK（具体的には FirebaseAuth.unitypac
Firebase for UnityのRealtimeDBで何か作ってみる。 - Qiita
Firebase for Unityの話です。最近やっと触り始めたので感触など話そうかと思います。 作ったものを示しつつどんな感じにFirebase for Unityを使ったのかを書いていきます。 基本的にRealtimeDBしか使ってないのでそんな感じでよろしくお願いします。 何を作っているか 身の回りのものを管理してくれるキャラクターエージェントアプリを作っています。 "GmailとかSlackとかTwitterのリプライとかを通知してくれる機能"や、"デバイス間キャラクターワープ"などが実装されてスマートフォン上で動いています。 モバイルアプリだし3Dは厳しいよな～と思ってLive2Dを使ってます。現状パフォーマンスチューニングなどはしてないんですが、端末が熱くなったことは今のところ無いです。素晴らしい！ 今回は後者についてお話します。動画は↓ ゆかりさんのデバイス間移動ができた
Firebase, React, FluxでWebアプリ作って思ったこと - Qiita
ここで書いてること タイトルの構成でWebアプリ作った際に思ったこと 作り方ではないのでコードは一切書いてない 作り方的なのも書きたいけど多分無理 きっかけ 2016年は結構ダラダラしてた 仕事以外ではほとんど何も書いてない 夏以降は筋トレのことばっか考えてた おかげで筋肉はついたよ そろそろ何か始めようかと思った 何を作ったか 何をはさほど重要ではなかった 今回重視したのは何を触るか Redux(Flux) React Webpack Firebase postcss 結局作ったのはメモ帳でした Redux ReduxというかFluxでちゃんと作ってみたかった Reduxのチュートリアルはやった 公式ドキュメントは読んだ Fluxを調べる内に@azu_reさんの10分で実装するFluxに辿り着いた これで良いじゃない Fluxの実装面をちゃんと理解して書ける 別にReduxを使わなくても
新 Firebase を React Native で使うためのまとめ - Qiita
新 Firebase のどの機能を React Native で使えるのか調べてみた。 現在使える機能 基本的に次のページで Web で使える機能は React Native でも使えるよう。 Realtime Database 以外は未検証。 Cloud Messaging Authentication Realtime Database Storage Hosting その他の機能は bridge 経由になる。 Analytics はすでに bridge がある。 それ以外はいまのところ自前で bridge を書く必要がある。 セットアップ方法 Firebase プロジェクト作成 次のボタンを押して新しいプロジェクトを作成する。 config の情報を次の位置から取得する。 次の apiKey, authDoamin, databaseURL, storageBucket の値をひかえ
FirebaseをUnityで使ってランキング機能を作ろう！[導入編] - 週刊SleepNel新聞
みなさん、こんばんは。ぽうひろです。 ただいまアーバンナックル・Sの絶賛開発中なのですが、 sleepnel.hatenablog.com ランキング機能が欲しいなと思いまして、天下のGoogleさんのmBaas Firebaseを導入してみることにしました！ ※実装編も書きました！ sleepnel.hatenablog.com 早速このアドレスからFirebaseを始めましょう！ https://firebase.google.com/?hl=ja 新規プロジェクトを作成ボタンを押します。 Unityなんだけど、、、、メニューにないので、とりあえずAndroidを持っているのでAndroidアプリにFirebaseを追加を選びます。 プロジェクト名と国を選びます。難しくないですね。 パッケージ名とアプリのニックネームを入力します。パッケージ名はUnityのBuild Settingにも
Firebase カスタム認証システムとGAE/GoでSlack認証 - Qiita
アドベントカレンダー１番手です。 ２０１６年はFirebaseにとって大きなアップデートがあった年でした。 Firebase Analyticsが発表されてモバイルの解析ツールとしてすごいのが無料で使えるというすごいニュースでした。 このFirebase Analyticsがどれくらいすごいかというと月●●●万円するGoogle Analyticsの有料版レベルで使えるくらいすごいです。（EC向けの解析とか現在はまだまだGoogle Analyticsが優位な点は多々ありますが） この記事ではFirebase Analyticsの話はありませんがFirebase AnalyticsやFirebaseを使う上でも基本となるFirebase認証についてです。 Firebase認証は一般的に使われているパスワード認証からGoogleやTwitter、Facebookなどのプロバイダ認証などサーバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.js + Firebaseで釣具の管理サービスを作った
マッチングアプリにつきまとう状態管理のつらさ/torte_state
