ionicとfirebaseでチャットアプリ
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
ionicとfirebaseでチャットアプリ [2018/06/14] – [ソースコード2] adash333 | ionicとfirebaseでチャットアプリ [2018/10/07] (現在) – 外部編集 127.0.0.1 | ||
---|---|---|---|
行 16: | 行 16: | ||
===== ソースコード1 ===== | ===== ソースコード1 ===== | ||
+ | @s_kozake | ||
+ | 2018年08月03日に更新 | ||
+ | Ionic 4とFirebaseでチャットアプリ\\ | ||
+ | https:// | ||
+ | |||
+ | こちらのサイトが日本語でとてもわかりやすいです! | ||
+ | |||
https:// | https:// | ||
行 39: | 行 46: | ||
-[[http:// | -[[http:// | ||
+ | ===== ソースコード3 ===== | ||
+ | |||
+ | パスワード制限やいろいろな機能が入っています。これを見て参考にしたい、、、 | ||
- | + | https:// | |
行 72: | 行 81: | ||
import { Component, ViewChild } from ' | import { Component, ViewChild } from ' | ||
import { Content } from ' | import { Content } from ' | ||
+ | // Ionic4の場合は、import { Content } from ' | ||
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:// | http:// | ||
{{: | {{: | ||
+ | |||
+ | ===== firebaseのみでWebチャットアプリ ===== | ||
+ | |||
+ | |||
+ | https:// | ||
+ | |||
+ | |||
ionicとfirebaseでチャットアプリ.1528982339.txt.gz · 最終更新: 2018/10/07 (外部編集)