firebase

研究

【Firebase】アカウント削除の後始末にあたりトランザクションを対応した

本日こそ最終回 次の課題へ掛かります。 トランザクションを使う前 アカウント削除時に・全体チャットデータの削除・firestoreに出したプロフィール画像他の参照可能データの削除これらを対応しなくてはならず。以下...
研究

【Firebase】チャットアプリに対個人チャットを付けました

はじめに 日曜大工的にペロッと作るつもりが時間を割いてしまい、そろそろ次の習得に掛かろうと思います。 実装内容 この画面の「この人とチャットする」を選択すると 月並みですがこんな感じの画面へ...
研究

【Firebase】他アカウントのプロフィールが変更されたら即時反映する

はじめに mBaaSの醍醐味に切り込みます。 こんな感じのプロフィール一覧に見えているアカウントがプロフィール変更を行ったら、即時反映してやります。 実装してみましょう var users_quer...
研究

【Firebase】JavaScriptにてCommand+リターンキー=submitを実装する

実装してみましょう 最近TwitterやSlackで見かける、Commandキー+リターンキーでsubmitするのを実装します。 <form id='chat_form'>&l...
研究

【CSS】チャットUIのCSSに手こずる

はじめに ここのところCSSに手こずっており、ポストが滞りがちです。 こういう吹き出し的にしたかったんですが、三角部分は諦めつつ。手こずりつつうまいこと実装できました。 なお他画面もこの通り。 ...
研究

【Firebase】firebaseチャット試作でアカウント一覧を実装する

はじめに はい、他アカウントとのチャットを実装します。その前にアカウントリスト的なものを実装したいと思いますが、firebase authでは他のアカウントの一覧を参照できないんです。 そこでcloud firestoreにア...
研究

【CSS】BootStrapがややこしくなったのでCSSを学習中

はじめに 表題の通りですが、いま起きていることモノはやはりこの人。 アカウントリストのUIを作っていてBootStrapのcol-4などが計算できず、カッとしたいまどきCSSでもないだろうと撤廃作業どだいCSSなんか真...
研究

【Firebase】firebase auth+webでログアウトした際の不具合2箇所

ログアウト時のアラートが2回出た 自分で作ってて自分で踏んだ。まずひとつ。公式からのコピペで以下の実装をしていた際に、ログアウト時のアラートが2回出た。 document.querySelector("#logout...
研究

【CSS】格好いいUIとセキュリティの為に使ったあれこれ

はじめに まだ名前のつかないFirebaseサンプルアプリ。本当にHTMLファイルは1枚で済んでいたのだけど、触っていて気になるところが出てきた… これログイン後にしか見せてはならないロジック見せちゃ危なくないか。UI...
研究

【Firebase】firebaseでアカウントを作ってチャットするだけのアプリ(2)

前提条件 UIに凝っていたら投稿の時間が空いてしまいSEO的によろしくない為、記事を分けました。拙稿のリンク 今回追加する内容 前稿での予告通り、リアルタイムチャットを実装します。 ...
タイトルとURLをコピーしました