ユーザ用ツール

サイト用ツール


ionicとfirebaseでチャットアプリ

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
ionicとfirebaseでチャットアプリ [2018/06/14] – [ソースコード2] adash333ionicとfirebaseでチャットアプリ [2018/10/07] (現在) – 外部編集 127.0.0.1
行 16: 行 16:
  
 ===== ソースコード1 ===== ===== ソースコード1 =====
 +@s_kozake
 +2018年08月03日に更新
 +Ionic 4とFirebaseでチャットアプリ\\
 +https://qiita.com/s_kozake/items/6c7a0cec75c957606a33
 +
 +こちらのサイトが日本語でとてもわかりやすいです!
 +
  
 https://github.com/didinj/ionic3-angular5-firebase-simple-chat\\ https://github.com/didinj/ionic3-angular5-firebase-simple-chat\\
行 39: 行 46:
   -[[http://twosquirrel.mints.ne.jp/?p=24161|Ionic+Firebaseでパスワード制限つきチャットアプリ(7)(最終だけど途中)FirebaseAuthenticationでメールアドレス認証]]   -[[http://twosquirrel.mints.ne.jp/?p=24161|Ionic+Firebaseでパスワード制限つきチャットアプリ(7)(最終だけど途中)FirebaseAuthenticationでメールアドレス認証]]
  
 +===== ソースコード3 =====
  
  
 + 
  
  
 +パスワード制限やいろいろな機能が入っています。これを見て参考にしたい、、、
  
- +https://github.com/chat21/chat21-ionic
  
  
行 72: 行 81:
 import { Component, ViewChild } from '@angular/core'; import { Component, ViewChild } from '@angular/core';
 import { Content } from 'ionic-angular'; import { Content } from 'ionic-angular';
 +// Ionic4の場合は、import { Content } from '@ionic/angular';
  
 export class HomePage { export class HomePage {
行 77: 行 87:
      
   ionViewDidLoad()   ionViewDidLoad()
 +  // Ionic4の場合は、ngOnInit()
   {   {
     setTimeout(() => {     setTimeout(() => {
-      this.contents.scrollToBottom(300);+      this.content.scrollToBottom(300);
     }, 1000);     }, 1000);
   }   }
行 91: 行 102:
 http://www.ionichelper.com/2017/05/01/ionic-framework-scroll-to-bottom/ http://www.ionichelper.com/2017/05/01/ionic-framework-scroll-to-bottom/
 {{:pasted:20180609-210558.png}} {{:pasted:20180609-210558.png}}
 +
 +===== firebaseのみでWebチャットアプリ =====
 +
 +
 +https://qiita.com/st5757/items/9e651e8cffaa90681426
 +
 +
  
  

ionicとfirebaseでチャットアプリ.1528982339.txt.gz · 最終更新: 2018/10/07 (外部編集)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki