z_blog:2018:181010_ionic3_pwa_camera

差分

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

この比較画面へのリンク

--- z_blog:2018:181010_ionic3_pwa_camera [2018/10/10] – 作成 adash333
+++ z_blog:2018:181010_ionic3_pwa_camera [2018/10/10] (現在) – [GitHubに登録] adash333
@@ 行 37: / 行 37: @@
 (変更後)
 {{:z_blog:2018:pasted:20181010-174004.png}}
+===== src/pages/home/home.html =====
+(変更前)
+{{:z_blog:2018:pasted:20181010-174301.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181010-180835.png}}
+src/pages/home/home.ts
+(変更前)
+{{:z_blog:2018:pasted:20181010-180903.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181010-182823.png}}
+src/pages/home/home.scss
+(変更後)
+{{:z_blog:2018:pasted:20181010-183159.png}}
+===== GitHubに登録 =====
+GitHubにログインして、新規リポジトリの作成。その後は、GitHubの画面の指示に従う
+<code>
+echo "# ionic3-pwa-camera" >> README.md
+git init
+git add README.md
+git commit -m "first commit"
+git remote add origin https://github.com/adash333/ionic3-pwa-camera.git
+//上記アドレスはご自身のものを利用してください
+git push -u origin master
+</code>
+{{:z_blog:2018:pasted:20181010-183547.png}}
+===== ソースコード =====
+https://github.com/adash333/ionic3-pwa-camera
+{{:z_blog:2018:pasted:20181010-183841.png}}
+===== Netlifyにdeploy =====
+Netlifyは、自分だけしか見ることはできないが、無料でいくつでもPWAをデプロイすることができる。非常に便利。
+https://www.netlify.com/
+{{:z_blog:2018:pasted:20181010-184843.png}}
+{{:z_blog:2018:pasted:20181010-184910.png}}
+{{:z_blog:2018:pasted:20181010-185020.png}}
+deploy後のページをandroidスマホで開いたところ、ちゃんとカメラを利用することができた。
+===== 写経元サイト =====
+https://github.com/peterpeterparker/ionic-pwa-camera-no-plugins
+{{:z_blog:2018:pasted:20181010-182908.png}}

z_blog/2018/181010_ionic3_pwa_camera.1539160805.txt.gz · 最終更新: 2018/10/10 by adash333