差分

このページの2つのバージョン間の差分を表示します。

--- ionicとfirebaseでチャットアプリ [2018/06/14] – [ソースコード2] adash333
+++ ionicとfirebaseでチャットアプリ [2018/10/07] (現在) – 外部編集 127.0.0.1
@@ 行 16: / 行 16: @@
 ===== ソースコード1 =====
+@s_kozake
+年08月03日に更新
+Ionic 4とFirebaseでチャットアプリ\\
+https://qiita.com/s_kozake/items/6c7a0cec75c957606a33
+こちらのサイトが日本語でとてもわかりやすいです！
 https://github.com/didinj/ionic3-angular5-firebase-simple-chat\\
@@ 行 29: / 行 36: @@
 上記サイトをIonicで写経してみました。下記にリンクを記載しますので、もしよろしければご覧下さい。その都度のソースコードもGitHubにアップロードしました。
-[[http://twosquirrel.mints.ne.jp/?p=23705|Ionic+Firebaseでパスワード制限つきチャットアプリ（１）]]
+https://github.com/adash333/ionic3_firebase_chat2
-[[http://twosquirrel.mints.ne.jp/?p=23749|Ionic+Firebaseでパスワード制限つきチャットアプリ（２）]]
-[[http://twosquirrel.mints.ne.jp/?p=23821|Ionic+Firebaseでパスワード制限つきチャットアプリ（３）AngularFire2を利用してIonicとfirebaseを接続]]
-[[http://twosquirrel.mints.ne.jp/?p=23919|Ionic+Firebaseでパスワード制限つきチャットアプリ（４）angularfire2@5.0.0-rc.4とfirebase@4.8.0でCRUD実装]]
-[[http://twosquirrel.mints.ne.jp/?p=23987|Ionic+Firebaseでパスワード制限つきチャットアプリ（５）navCtrl.push()でページ遷移]]
-[[http://twosquirrel.mints.ne.jp/?p=24052|Ionic+Firebaseでパスワード制限つきチャットアプリ（６）RxJSを用いてデータの受け渡し(うまくいかず)]]
-[[http://example.com|外部リンク]]
+  -[[http://twosquirrel.mints.ne.jp/?p=23705|Ionic+Firebaseでパスワード制限つきチャットアプリ（１）]]
+  -[[http://twosquirrel.mints.ne.jp/?p=23749|Ionic+Firebaseでパスワード制限つきチャットアプリ（２）]]
+  -[[http://twosquirrel.mints.ne.jp/?p=23821|Ionic+Firebaseでパスワード制限つきチャットアプリ（３）AngularFire2を利用してIonicとfirebaseを接続]]
+  -[[http://twosquirrel.mints.ne.jp/?p=23919|Ionic+Firebaseでパスワード制限つきチャットアプリ（４）angularfire2@5.0.0-rc.4とfirebase@4.8.0でCRUD実装]]
+  -[[http://twosquirrel.mints.ne.jp/?p=23987|Ionic+Firebaseでパスワード制限つきチャットアプリ（５）navCtrl.push()でページ遷移]]
+  -[[http://twosquirrel.mints.ne.jp/?p=24052|Ionic+Firebaseでパスワード制限つきチャットアプリ（６）RxJSを用いてデータの受け渡し(うまくいかず)]]
+  -[[http://twosquirrel.mints.ne.jp/?p=24161|Ionic+Firebaseでパスワード制限つきチャットアプリ（７）（最終だけど途中）FirebaseAuthenticationでメールアドレス認証]]
+===== ソースコード3 =====
+パスワード制限やいろいろな機能が入っています。これを見て参考にしたい、、、
+https://github.com/chat21/chat21-ionic
@@ 行 76: / 行 81: @@
 import { Component, ViewChild } from '@angular/core';
 import { Content } from 'ionic-angular';
+// Ionic4の場合は、import { Content } from '@ionic/angular';
 export class HomePage {
@@ 行 81: / 行 87: @@
   ionViewDidLoad()
+  // Ionic4の場合は、ngOnInit()
   {
     setTimeout(() => {
-      this.contents.scrollToBottom(300);
+      this.content.scrollToBottom(300);
     }, 1000);
   }
@@ 行 95: / 行 102: @@
 http://www.ionichelper.com/2017/05/01/ionic-framework-scroll-to-bottom/
 {{:pasted:20180609-210558.png}}
+===== firebaseのみでWebチャットアプリ =====
+https://qiita.com/st5757/items/9e651e8cffaa90681426