ユーザ用ツール

サイト用ツール


z_blog:2018:181010_ionic3_pwa_camera

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2018:181010_ionic3_pwa_camera [2018/10/10] – [src/pages/home/home.html] adash333z_blog:2018:181010_ionic3_pwa_camera [2018/10/10] (現在) – [GitHubに登録] adash333
行 53: 行 53:
 (変更後) (変更後)
 {{:z_blog:2018:pasted:20181010-182823.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スマホで開いたところ、ちゃんとカメラを利用することができた。
  
 ===== 写経元サイト ===== ===== 写経元サイト =====

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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki