00.ionic4:04.ionic4とfirebaseで掲示板part1
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
00.ionic4:04.ionic4とfirebaseで掲示板part1 [2019/02/12] – [入力した投稿を表示させる] adash333 | 00.ionic4:04.ionic4とfirebaseで掲示板part1 [2019/02/14] (現在) – [すること] adash333 | ||
---|---|---|---|
行 18: | 行 18: | ||
作成の流れとしては、[[https:// | 作成の流れとしては、[[https:// | ||
- | -PWA化する | + | |
-ログイン機能のない『疑非メッセージボード』を作成する | -ログイン機能のない『疑非メッセージボード』を作成する | ||
-上記メッセージボードにログイン機能をつける | -上記メッセージボードにログイン機能をつける | ||
行 123: | 行 123: | ||
{{}}は、Angularのインターポレーションという書き方だそうです。 | {{}}は、Angularのインターポレーションという書き方だそうです。 | ||
- | {{: | + | {{: |
参考:https:// | 参考:https:// | ||
行 135: | 行 135: | ||
| | ||
- | 参考2:https:// | + | 参考2:https:// |
- | Angular公式ドキュメント>データの表示 | + | {{: |
===== 投稿を2つにする ===== | ===== 投稿を2つにする ===== | ||
行 175: | 行 175: | ||
参考:https:// | 参考:https:// | ||
+ | home.page.html | ||
+ | (変更前) | ||
+ | {{: | ||
+ | (変更後) | ||
+ | {{: | ||
+ | <wrap hi> | ||
+ | 編集ボタンのところに、< | ||
+ | home.page.ts | ||
+ | (変更後) | ||
+ | {{: | ||
+ | {{: | ||
+ | いきなり大量のコードで目が回りますが、 | ||
+ | -AlertControllerのimport文を一番上に記載。 | ||
+ | -constructorでAlertControllerを注入 | ||
+ | -presentPrompt(index)関数をasync/ | ||
+ | -AlertControllerの使い方は、公式ドキュメントをコピペした後に編集 | ||
+ | という流れでやっていくのがよいと思われます。(このやり方は、< | ||
+ | 参考:https:// | ||
+ | {{: | ||
+ | https:// | ||
+ | {{: | ||
+ | ==== async/ | ||
+ | async/ | ||
+ | ぶっちゃけ、以下を何回か繰り返し読んでみたのですが、内容の1割も理解できていません。。。きっと、避けて通れないのだとは思いますが、、、(まず、Promiseとかcallbackとかがなんなのか分からないんです、、、はい。。。) | ||
+ | https:// | ||
+ | 【JavaScript入門】5分で理解!async / awaitの使い方と非同期処理の書き方 | ||
+ | 更新日:2018年8月27日 | ||
+ | 書いた人 マサト | ||
+ | https:// | ||
+ | 【JavaScript入門】誰でも分かるPromiseの使い方とサンプル例まとめ! | ||
+ | 更新日:2019年2月10日 | ||
+ | 書いた人 マサト | ||
+ | https:// | ||
+ | 【JavaScript入門】初めてのコールバック関数の書き方と応用例! | ||
+ | 更新日:2018年8月13日 | ||
+ | 書いた人 マサト | ||
+ | |||
+ | https:// | ||
+ | {{: | ||
+ | |||
+ | |||
+ | ===== メッセージの削除を実装する ===== | ||
+ | 編集のときと同様に、削除ボタンを実装します。 | ||
+ | deletePost(i)関数の定義方法として、this.posts.splice(index, | ||
+ | |||
+ | home.page.html | ||
+ | (変更後) | ||
+ | {{: | ||
+ | |||
+ | home.page.ts | ||
+ | (変更後) | ||
+ | {{: | ||
+ | これで、削除deleteも実装することができました。 | ||
+ | 以上で、メッセージの | ||
+ | -追加create | ||
+ | -更新update | ||
+ | -削除delete | ||
+ | を実装することができました。(いわゆるCRUDを実装できたことになります。) | ||
+ | 次の、< | ||
行 214: | 行 273: | ||
前:[[00.ionic4: | 前:[[00.ionic4: | ||
- | 次: | + | 次:[[00.ionic4: |
00.ionic4/04.ionic4とfirebaseで掲示板part1.1549983743.txt.gz · 最終更新: 2019/02/12 by adash333