ユーザ用ツール

サイト用ツール


z_blog:2018:181009_ionic4_firestore_capacitor_camera2

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2018:181009_ionic4_firestore_capacitor_camera2 [2018/10/09] – [新規eventの作成] adash333z_blog:2018:181009_ionic4_firestore_capacitor_camera2 [2018/10/09] (現在) – [CameraとFirebase Storageの利用] adash333
行 50: 行 50:
 {{:z_blog:2018:pasted:20181009-164257.png}} {{:z_blog:2018:pasted:20181009-164257.png}}
  
 +Add Guestsのところに、"Tom"と入力してADD GUESTをクリックするとFirestore上に下記のように追加された。
 +
 +{{:z_blog:2018:pasted:20181009-164610.png}}
 +
 +event-detail.page.scss
 +{{:z_blog:2018:pasted:20181009-164847.png}}
 +
 +どこが変化したのかよくわからない。
 +
 +また、上記のGuestは表示するページがあるのかどうかは、今のところ不明。
 +
 +===== Firestore Transactionの作成 =====
 +トランザクション、、、難しい・・・
 +
 +.then(()=> { } を用いればよいらしい。。。
 +
 +{{:z_blog:2018:pasted:20181009-165244.png}}
 +
 +
 +===== CameraとFirebase Storageの利用 =====
 +event-detail.page.html の一部
 +<code>
 +<ion-row>
 +
 +<ion-col size="4">
 +  <ion-button (click)="takePicture()">
 +    <ion-icon slot="icon-only" name="camera"></ion-icon>
 +  </ion-button>
 +</ion-col>
 +
 +</ion-row>
 +<span *ngIf="guestPicture">Picture taken!</span>
 +</code>
 +
 +event-detail.page.ts と、 event.service.ts を変更。
 +
 +まだ、実機で試せてはいない。
 +
 +ここまでのソースコード
 +
 +https://github.com/adash333/ionic4-firestore-camera-crud/commit/7395396e777b7a6873fc9c6dddb5594eb2438a29
  
 ===== 写経元サイト ===== ===== 写経元サイト =====

z_blog/2018/181009_ionic4_firestore_capacitor_camera2.1539070989.txt.gz · 最終更新: 2018/10/09 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki