z_blog:2018:181012_angular6_firestore_image

差分

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

この比較画面へのリンク

--- z_blog:2018:181012_angular6_firestore_image [2018/10/12] – [maximizeImage(image)関数とonDeleteClick(image)関数の実装] adash333
+++ z_blog:2018:181012_angular6_firestore_image [2018/10/16] – [写経元サイト] adash333
@@ 行 5: / 行 5: @@
 https://www.linkedin.com/pulse/angular-6-firebase-galleryserverless-bharadwaz-kari
+ソースコード　https://github.com/zendizmo/angular-firebase-gallery
 ===== 開発環境 =====
 <code>
@@ 行 290: / 行 291: @@
 https://github.com/zendizmo/angular-firebase-gallery
+===== 写経元サイトのGitHubからソースコードをダウンロードして実行=====
+上記ソースコードをダウンロードしてnpm install して実行してみる。
+<code>
+git clone https://github.com/zendizmo/angular-firebase-gallery.git
+cd angular-firebase-gallery
+npm install
+// src/environments/environment.ts に、自分のFirebaseのAPIキーをCopy and Paste
+// angular.jsonの27行目を変更 "./node_modules/bootstrap/dist/css/bootstrap.min.css"
+// angular.jsonの30行目を変更 "./node_modules/bootstrap/dist/js/bootstrap.min.js"
+// angular.jsonの80行目を変更 "scripts": [ "./node_modules/jquery/dist/jquery.min.js" ],
+// src/app/gallery/gallery.component.tsの140行目を変更　      image.imageURL
+ng serve --open
+</code>
 ===== 関連ページ =====

z_blog/2018/181012_angular6_firestore_image.txt · 最終更新: 2018/10/16 by adash333