フリーソフトezr連想配列の並び替えsidebarionicとfirebaseでチャットアプリIonic3とfirebaseでチャットアプリ目次Ionic3とfirebaseでチャットアプリソースコード1ソースコード2ソースコード3自動で下にスクロールfirebaseのみでWebチャットアプリリンクfirebaseを使用するためにはGoogleアカウントが必要です。ある程度の範囲であれば、firebaseは無料プランで十分です。Ionic(Angular)とfirebaseの接続方法ですが、HttpModuleのみを用いる方法Angularfire2を用いる方法の2通りがあります。Angularfire2を用いる方が簡単そうですが、2018年6月現在、angularfire2が5.0.0-rc10で、なんか不安定な感があるため、rcが取れるまでは、HttpModuleのみを用いる方がよさそうです。HttpModuleはangular4.3から(Ionic3の途中、2017年8月頃から)変更になっていますので、こちらも注意が必要です。HttpModuleについてはIonicでhttp接続(v3で変更)をご覧下さい。4とFirebaseでチャットアプリhttps://qiita.com/s_kozake/items/6c7a0cec75c957606a33こちらのサイトが日本語でとてもわかりやすいです!https://github.com/didinj/ionic3-angular5-firebase-simple-chatIonic3とfirebaseでチャットアプリを作成し、完成版までのソースコードです。以下のサイトに英語で解説もあります。2018ソースコード2https://github.com/Yamamoto0525/NgChatAngular5とfirebaseを用いて、チャットアプリ作成の途中までです。以下のサイトで、日本語で、背景から丁寧に解説されています。2018年03月07日に更新Angular+Firebaseでチャットアプリを作る上記サイトをIonicで写経してみました。下記にリンクを記載しますので、もしよろしければご覧下さい。その都度のソースコードもGitHubにアップロードしました。https://github.com/adash333/ionic3_firebase_chat2Ionic+Firebaseでパスワード制限つきチャットアプリ(1)Ionic+Firebaseでパスワード制限つきチャットアプリ(2)Ionic+Firebaseでパスワード制限つきチャットアプリ(3)AngularFire2を利用してIonicとfirebaseを接続Ionic+Firebaseでパスワード制限つきチャットアプリ(4)angularfire2@5.0.0-rc.4とfirebase@4.8.0でCRUD実装Ionic+Firebaseでパスワード制限つきチャットアプリ(5)navCtrl.push()でページ遷移Ionic+Firebaseでパスワード制限つきチャットアプリ(6)RxJSを用いてデータの受け渡し(うまくいかず)Ionic+Firebaseでパスワード制限つきチャットアプリ(7)(最終だけど途中)FirebaseAuthenticationでメールアドレス認証ソースコード3パスワード制限やいろいろな機能が入っています。これを見て参考にしたい、、、https://github.com/chat21/chat21-ionic自動で下にスクロールチャットアプリでは、自動的に一番下にスクロールされることが必須である。(十分に古いメッセージは読み込みを後にしたいが、、、)そのようなときは、content.scrollToBottom関数を用いる。home.htmlの中で、自動スクロールしたい部分を<ion-content></ion-content>で囲む。以前のリビジョンバックリンク文書の先頭へ。