これまでの連載で見てきたように、Firebaseのデータベースは任意のJSONオブジェクトをツリー状に保持できる柔軟なNoSQLです。一般的なリレーショナルデータベースのような厳格なスキーマ定義等は存在せず、自由な発想でデータを格納することができます。 しかしながら、必要なデータを何でも1つのツリーの中に含めてしまうと、思いもよらない無駄な大量のデータ転送やパフォーマンスの低下を招くことがあります。今回は、Firebaseで効率的かつ高速にデータを扱うためのベストプラクティスをご紹介します。 今回は例として以下のようなチャットアプリケーションを想定し、データをどのように持つとより効率的なのかを確認していきたいと思います。 チャットルームが複数存在する チャットのメッセージはルームごとに管理する 複数ユーザがおり、ユーザは任意のルームに参加して発言することができる 効率的なデータ構造 データ
この記事はFirebase Advent Calendar 2018の15日目の記事です. この記事に書いてあること firestore を利用したチャットについて プラットフォーム → iOS (Web, Androidでも参考にはなるかと) 未読/既読表示 送信ステータス表示 & 再送 はじめに 最近はかなり firebase を利用する人が増えてきましたね 自分も今年の夏くらいから利用してまして, 会社(※スタートアップ)のプロダクトもバックエンドはほぼすべて firebase(GCP) にしてます. 今回はその中でも, firestore について少し知見を共有させていただこうと思います. 世の中に公開したアプリでチャット機能を載せたのですが, その中で考慮したこととその実装例について書いていきます. 今ではこのチャット機能もだいぶチュートリアル的な記事が増えて, 最初のハードルは
こんにちは、今年もあっというまでしたね〜@fnobiです。この記事はTech KAYAC Advent Calendarの12日目になります。 毎年アドベントカレンダーでは、その時お世話になった技術の話をしているんですが、今回は去年に引き続きfirebaseで行かせていただきます。いちおう専門はWebフロントのはずなんですが、最近WebフロントエンジニアというよりはFirebaseエンジニアです。 Firebase Realtime DatabaseとFirestore そもそもfirebaseとはなんぞや？という話は去年も書いたのでよろしければ読んでみてください。 さて現在Firebaseでは、データベースとしての機能がRealtime DatabaseとFirestoreの２種類提供されています。いちおう公式でも並列に扱われていたり、比較を書いてくれたりしているんですが、全体を通してな
はじめに Firebase Realtime DBを実践投入するにあたって考えたことを読んで頂いてありがとうございます。 多くの方から「いいね」を頂いて、今回のこの記事を書くモチベーションになりました 本当にありがとうございました！ さて、CloudFirestoreは、Firebase Realtime Databaseとは全く違うデータベースです。特にSubCollectionやQueryが導入されたことにより、リレーションシップの設計に関して大きく異なります。 この記事では、主にCloudFirestoreにおけるリレーションシップの設計方法から、アプリ・CloudFunctionsに至るまでを幅広く解説して行こうと思います。 次の記事ではデータベースの歴史を解説しています。 RDBの限界とNoSQLの登場 Cloud Firestoreでの開発について 私の経験上確実に断言できるこ
Firebaseは、チャットのようなリアルタイム性の高いアプリを作る際に、端末とサーバー間、端末同士でのデータ同期などのバックエンドで行う処理をAPI提供してくれる便利なバックエンドサービスです。用途としては、複数人でのリアルタイムコミュニケーションアプリやモバイルアプリのオフライン対応などが多いそうです。 まずは試しにということで、Firebaseを使ってグループテキストチャットのサンプルを作成してみましたので、Firebaseの使い方についてご紹介したいと思います。 アプリケーション登録 Firebaseにログインし、ダッシュボードでアプリケーション（データストア）を作成します。 ライブラリの読み込み 以下の様な記述でクライアントアプリにFirebaseのライブラリを読み込みます。 <script src="https://cdn.firebase.com/js/client/2.1.
ゆるっぷるでのRealtime Databaseのチャットイメージ firebase-rubyからデータを操作してみる 先程、「Realtime Databaseによってサーバレスのシステム構築が可能！」とご紹介しましたが、敢えてアプリケーションサーバ側でRealtime Databaseを使ってみます。 というのも、システムの全てをRealtime Databaseで集約できるわけがなく、RDB（Relational Database）と上手く使い分ける必要がある為です。 その名の通りRelational、つまり関連性をもたせた複雑なテーブル構成の場合にはRDBを使用するほうが良いでしょう。 今回、アプリ側のDBはRealtime Database、サーバ上でのシステムについてはRuby（Ruby on Rails）を使用しRelational Databaseを使用していきます。 fi
経緯 私Google系はド素人だったのでハンズオン勉強会に参加した所短時間でスムーズにざっくり理解できた気がするので自分なりに整理するために記事にしました。（開催元には許可頂いてます） 参加した勉強会 こちらの勉強会に参加しました。案内のとおり、若手エンジニアが多く私浮いてた気がしますが全く気にしてないです。若い世代のエンジニアと交流すると私もがんばらなきゃという気になります。 ハンズオンスライドがとてもわかりやすかったです。このスライドの手順さえあれば1時間で簡単に作れます。 こういうの作るの大変だけど自分自身勉強になるんだよね。 おそらく、Googleが提供しているここのFirebaseWebCodelabのチュートリアルから翻訳とカスタマイズして作成したんだと思います。 完成イメージ こんなのが作成できます。Google認証も簡単に実装できちゃう。 アプリの構成 作成するチャットアプ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? サーバレスアーキテクチャの選択肢として、AWSのAmplify、GoogleのFirebaseが有力な候補となっているのではないでしょうか。 実際にAmplify・Firebaseの両者に触れ、比較・検討して得られた知見をまとめました。 ※直近プロダクトの開発にAmplifyを採用して進めてきたので、Amplifyを軸に記事を書いています。 API連携 AmplifyとFirebaseとで異なる特徴のひとつにAWS AppSync（GraphQLをすぐに利用できるフルマネージドサービス）を利用できる点があります。 自前でGraphQLを
今個人で作ってるアプリの 認証 + Graphql の部分を抜き出して GitHub に公開した。 mizchi/next-boilerplate-20200727 next.js + vercel + firebase は (パーツを良く選べば) 最高 next.js はルーティングを持つページを作るには最高で、サーバー、静的サイト、JAM スタック、AMP と必要に応じて選択できる。React ベースならこれ一択。 認証サーバーの実装は毎度疲れるし、Firebase Athunetication はこの点においては OAuth Secret を置くだけ + Custom Provider も作れるので、最高。 それと比べて firestore は、ちょっと前に firestore べったりでアプリを試作したことがあったのだが、型がないためにかなり扱いづらく、また読み書きの速度が遅くパフ
Androidアプリにてアプリ利用者全員に向けたプッシュ通知の実装を行います。 今回の目標 作成したAndroidアプリをインストールしてくれたユーザ全てに対して、PHPで作成した管理画面からプッシュ送信を行います。 メッセージを受信した端末はプッシュ通知受信音を鳴らしながら振動し、通知リストにアプリのアイコンとメッセージが表示され、そこをタップするとアプリが起動するという仕組みを作成したいと思います。 前提知識 FirebaseにはGCM(Google Cloud Messaging)から進化したFCM(Firebase Cloud Messaging)というプッシュ通知用のサービスがあり、ほぼノンプログラムで利用できる"Notificationメッセージ"と、GCMと同じような実装が可能となる"Dataメッセージ"の２種類のプッシュ通知の方法があります。 この２つは全くの別物というワケ
株式会社マクアケで、ネイティブアプリ開発チームのリーダーをしています、Kimura Ryohei です。 半年ほど前からマクアケにジョインし、先日、iOSアプリをリリースしました。 アプリはこちらからダウンロードできます。 マクアケにジョインする前は、株式会社サイバーエージェントで FRESH! by CyberAgentのAndroidアプリを開発していました。 縁あってマクアケにジョインし、そこから未経験のサーバサイド開発に取り組むことになりました。 今回は、iOSアプリへのプッシュ通知送信基盤の実装という大きな範囲を任せていただき、実装しリリースすることができました。 以下が端末に届くプッシュ通知の例です。 今回はこの経験から 1. Firebaseを利用したプッシュ通知送信基盤の実装で得た知見 2. 未経験の技術への挑戦にあたって手助けになること についてブログを書かせていただきま
最近 Firebase を検証している．今回は mBaaS としての Firebase ではなく，プッシュ通知基盤としての Firebase を検証していて，学んだことをまとめておこうと思う．Firebase には他にも Analytics や Functions や Remote Config などなど，機能がたくさんあり，使っていて凄くワクワクする． 前提 前提として，動作検証をするアプリに Firebase を導入して，端末トークンを取得できるようにしておくことと，プッシュ通知を受け取れるようにしておく必要がある．この部分は割愛するが，詳しくは以下のドキュメントに載っている． Firebase Cloud Messaging | Firebase Firebase Cloud Messaging | Firebase 2種類ある Firebase のプッシュ通知 Fireba
今年のFirebaseはCloud Functions for Firebaseが出たり、FirestoreやFirebase Performance MonitoringとかFirebase Predictionsが出たりして盛りだくさんすぎです。 今までWebから触れる物だけを触ってきましたがさすがにネイティブもやらないとなーと思い趣味でですがReact Nativeを触るようになりました。 その中でReact Native Firebaseは便利だったのでFirebase 70%くらいで簡単に紹介したいと思います。 React Nativeとは React NativeはFacebookが作っているJavaScriptだけでクロスプラットフォームアプリを作れるフレームワークです。 Reactを使ってJSXでネイティブのViewを記述できます。 レイアウトを作るのはJavaScript
インストール完了です workspaceファイルを開いてください 次にAPNs証明書の作成をしていきます APNs証明書の作成（.p12） キーチェーンアクセスを開いて左上のメニューから 証明書アシスタントを選んで 認証局から証明書を要求を選択 メールアドレスと通称を記入 ディスクに保存で続けるをクリック 作ったらDeveloper.apple.comにアクセスしてCertificates, Identifiers & Profiles のAppIDsを選ぶ 開発中のアプリのBundle IDを記入する target->GeneralでBundle Identifierの部分です Push Notificationsを選択して continueをクリック Registerを押す できたら IdentifiersでAppIDsで作ったものを選択 下にあるEditをクリック そうしたらまた下の
定義済みのキーは他にもありますので、詳しくは公式サイトをご参照ください。 Data Message Notification Messageでは指定できるキーがあらかじめ定められていましたが、Data Messageでは完全に任意のキーバリューペアをペイロードサイズの許す限りいくらでも指定することができます。たとえば次のJSONのようになります。 { "to" : "bk3RNwTe3H0:CI2k_HHwgIpoDKCIZvvDMExUdFQ3P1...", // 送信相手 "data" : { "Nick" : "Mario", "body" : "great match!", "Room" : "PortugalVSDenmark" }, } このように、Data Messageではdataというキーの下に任意のキーバリューペアを好きなだけ設定することができます。その代わり、このメッ
2016年5月18日～20日に行われたGoogle最大のデベロッパー向けカンファレンスGoogle I/O 2016で、Firebaseのメジャーアップグレードが発表されました。これによりFirebaseは統合モバイルプラットフォームとでも言うべきものに進化し、さまざまなサービスを包括するより大きなプロダクトになりました。 図1 New Firebase Illustration created by Google. 今回は 新しくなったFirebaseの概要 これまでのFirebase環境からのマイグレーション方法 について見ていきたいと思います。 新しくなったFireabaseの概要 これまでの連載で解説してきたように、これまでのFirebaseが提供するサービスは リアルタイムデータベース 認証基盤 静的Webサイトホスティング 等に限られていましたが、今回の大々的なアップグレードに
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
