z_blog:2018:181012_angular6_firestore_image

差分

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

この比較画面へのリンク

--- z_blog:2018:181012_angular6_firestore_image [2018/10/12] – [onFileChange(event)関数の実装] adash333
+++ z_blog:2018:181012_angular6_firestore_image [2018/10/16] (現在) – [写経元サイトのGitHubからソースコードをダウンロードして実行] adash333
@@ 行 5: / 行 5: @@
 https://www.linkedin.com/pulse/angular-6-firebase-galleryserverless-bharadwaz-kari
+ソースコード　https://github.com/zendizmo/angular-firebase-gallery
 ===== 開発環境 =====
 <code>
@@ 行 270: / 行 271: @@
 原因はよく分からない。さみしい。。。
+MAXIMIZEボタンを押したときは、consoleに以下のようなエラーが表示される。
+Firestoreを見に行ってほしいのに、http://localhost:4200/ を見に行ってしまっている。パス？がおかしい。
+しかし、解決方法は見当もつかない。。。
+{{:z_blog:2018:pasted:20181012-234712.png}}
@@ 行 282: / 行 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:pasted:20181016-171724.png}}
 ===== 関連ページ =====

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