サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.ionic4:04.ionic4とfirebaseで掲示板part1


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.ionic4:04.ionic4とfirebaseで掲示板part1 [2019/02/13] – [async/awaitについて] adash33300.ionic4:04.ionic4とfirebaseで掲示板part1 [2019/02/14] (現在) – [すること] adash333
行 18: 行 18:
  
 作成の流れとしては、[[https://amzn.to/2I7ktCj|初心者でも大丈夫!! IonicとFirebaseでゼロからはじめるアプリ開発]]によると、以下のようになります。 作成の流れとしては、[[https://amzn.to/2I7ktCj|初心者でも大丈夫!! IonicとFirebaseでゼロからはじめるアプリ開発]]によると、以下のようになります。
-  -PWA化する+
   -ログイン機能のない『疑非メッセージボード』を作成する   -ログイン機能のない『疑非メッセージボード』を作成する
   -上記メッセージボードにログイン機能をつける   -上記メッセージボードにログイン機能をつける
行 204: 行 204:
 async/awaitは、『非同期処理』に関する記載方法らしいのですが、非同期処理は本当に難しくてよくわからないので、とりあえず、AlertControllerを使用するときにはこのように記載する、と覚えておいて、次に進みます。 async/awaitは、『非同期処理』に関する記載方法らしいのですが、非同期処理は本当に難しくてよくわからないので、とりあえず、AlertControllerを使用するときにはこのように記載する、と覚えておいて、次に進みます。
  
-ぶっちゃけ、以下を何回か繰り返し読んでみたのですが、内容の1割も理解できていません。。。きっと、避けて通れないのだとは思いますが、、、(まず、Promiseがなんなのか分からないんです、、、はい。。。)+ぶっちゃけ、以下を何回か繰り返し読んでみたのですが、内容の1割も理解できていません。。。きっと、避けて通れないのだとは思いますが、、、(まず、Promiseとかcallbackとかがなんなのか分からないんです、、、はい。。。)
  
 https://www.sejuku.net/blog/69618 https://www.sejuku.net/blog/69618
行 214: 行 214:
 【JavaScript入門】誰でも分かるPromiseの使い方とサンプル例まとめ! 【JavaScript入門】誰でも分かるPromiseの使い方とサンプル例まとめ!
 更新日:2019年2月10日 更新日:2019年2月10日
 +書いた人 マサト
 +
 +https://www.sejuku.net/blog/67743
 +【JavaScript入門】初めてのコールバック関数の書き方と応用例!
 +更新日:2018年8月13日
 書いた人 マサト 書いた人 マサト
  
行 221: 行 226:
  
 ===== メッセージの削除を実装する ===== ===== メッセージの削除を実装する =====
 +編集のときと同様に、削除ボタンを実装します。
 +deletePost(i)関数の定義方法として、this.posts.splice(index, 1)とするのが、ポイントのようです。
 +
 +home.page.html
 +(変更後)
 +{{:00.ionic4:pasted:20190213-165144.png}}
 +
 +home.page.ts
 +(変更後)
 +{{:00.ionic4:pasted:20190213-165310.png}}
 +
 +これで、削除deleteも実装することができました。
 +
 +以上で、メッセージの
 +  -追加create
 +  -更新update
 +  -削除delete
 +を実装することができました。(いわゆるCRUDを実装できたことになります。)
  
 +次の、<wrap hi>[[00.ionic4:05.ionic4とfirebaseで掲示板part2|Ionic4とFirebaseでEmail認証つき掲示板 Part.2]]</wrap>では、Firebaseを用いてメールアドレスとパスワードによるユーザー認証を実装します。
  
  
行 249: 行 273:
 前:[[00.ionic4:03.ionic4で計算アプリ|Ionic4で計算アプリ]] 前:[[00.ionic4:03.ionic4で計算アプリ|Ionic4で計算アプリ]]
  
-次:+次:[[00.ionic4:05.ionic4とfirebaseで掲示板part2|Ionic4とFirebaseでEmail認証つき掲示板 Part.2]]
  
  
  
  


00.ionic4/04.ionic4とfirebaseで掲示板part1.1550075868.txt.gz · 最終更新: 2019/02/13 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki