00.ionic4:03.ionic4で計算アプリ

差分

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

この比較画面へのリンク

--- 00.ionic4:03.ionic4で計算アプリ [2019/02/12] – [見栄えの変更] adash333
+++ 00.ionic4:03.ionic4で計算アプリ [2019/02/13] (現在) – [新規Ionic4アプリの作成] adash333
@@ 行 1: / 行 1: @@
 ====== Ionic4で計算アプリ ======
- ---//2019/02/10 更新//
+ ---//2019/02/12 更新//
 Ionic4アプリ第1弾として、計算アプリを作成してみたいと思います。
@@ 行 15: / 行 15: @@
   -PWA化して、オフラインでもアプリとして利用できるようにする
-ソースコード
+https://github.com/adash333/ionic4-calculate
 DEMO
+https://musing-swartz-845c0d.netlify.com/
@@ 行 65: / 行 66: @@
 ionic serve
 </code>
-{{:00.ionic4:pasted:20190210-150425.png}}
+{{:00.ionic4:pasted:20190213-071108.png}}
-なお、サーバを停止するためには、Ctrl+C, Y, Enterの操作を行います。（Ubuntuだと、Ctrl+Cのみですぐにサーバ停止します。）
+なお、サーバを停止するためには、Ctrl+C, Y, Enterの操作を行います。
 ===== src/app/home/home.page.htmlの編集 =====
@@ 行 327: / 行 331: @@
   -New site from Git　をクリック
   -GitHubから、ionic4-calculateを選択
-  -''%%npm run build --prod%%''と、''www/''と入力して、
+  -''%%npm run build --prod%%''と、''www/''と入力して、Deploy site をクリック
+  -デプロイがうまくいったら、リンクをクリックして、確認します
+  -スマホで、上のアドレスへ行き、スマホにアプリとして登録できるかチェックします
 {{:00.ionic4:pasted:20190212-082212.png}}
 {{:00.ionic4:pasted:20190212-082256.png}}
+{{:00.ionic4:pasted:20190212-082610.png}}
-===== ソースコード =====
+{{:00.ionic4:pasted:20190212-082706.png}}
+  *PWA化されたかどうかは、『スマホで、5分以上間隔をあけて、サイトに2回訪問したときに、”ホーム画面に追加”の表示が出るかどうか』で判断することとします。結構面倒ですね。
+===== ソースコード =====
+https://github.com/adash333/ionic4-calculate
+DEMO
+https://musing-swartz-845c0d.netlify.com/
 ===== 今回写経した本 =====
 <html>
@@ 行 353: / 行 365: @@
 前：[[00.ionic4:02.おすすめのionic入門書2019年版|おすすめのIonic入門書2019年版]]
-次：
+次：[[00.ionic4:04.ionic4とfirebaseで掲示板part1|Ionic4とFirebaseでEmail認証つき掲示板 Part.1]]

00.ionic4/03.ionic4で計算アプリ.1549959814.txt.gz · 最終更新: 2019/02/12 by adash333