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で計算アプリ ====== | ====== Ionic4で計算アプリ ====== | ||
- | | + | |
Ionic4アプリ第1弾として、計算アプリを作成してみたいと思います。 | Ionic4アプリ第1弾として、計算アプリを作成してみたいと思います。 | ||
行 15: | 行 15: | ||
-PWA化して、オフラインでもアプリとして利用できるようにする | -PWA化して、オフラインでもアプリとして利用できるようにする | ||
- | ソースコード | + | https:// |
DEMO | DEMO | ||
+ | https:// | ||
行 65: | 行 66: | ||
ionic serve | ionic serve | ||
</ | </ | ||
- | {{: | + | {{: |
- | なお、サーバを停止するためには、Ctrl+C, | + | なお、サーバを停止するためには、Ctrl+C, |
+ | |||
+ | 以下の操作でもよいです。 | ||
+ | < | ||
+ | ionic serve --lab | ||
+ | </ | ||
+ | ? Install @ionic/ | ||
+ | {{: | ||
+ | |||
+ | |||
===== src/ | ===== src/ | ||
行 327: | 行 338: | ||
-New site from Git をクリック | -New site from Git をクリック | ||
-GitHubから、ionic4-calculateを選択 | -GitHubから、ionic4-calculateを選択 | ||
- | -'' | + | -'' |
+ | -デプロイがうまくいったら、リンクをクリックして、確認します | ||
+ | -スマホで、上のアドレスへ行き、スマホにアプリとして登録できるかチェックします | ||
{{: | {{: | ||
{{: | {{: | ||
+ | {{: | ||
- | ===== ソースコード ===== | + | {{: |
+ | *PWA化されたかどうかは、『スマホで、5分以上間隔をあけて、サイトに2回訪問したときに、”ホーム画面に追加”の表示が出るかどうか』で判断することとします。結構面倒ですね。 | ||
+ | ===== ソースコード ===== | ||
+ | https:// | ||
+ | DEMO | ||
+ | https:// | ||
===== 今回写経した本 ===== | ===== 今回写経した本 ===== | ||
< | < | ||
行 353: | 行 372: | ||
前:[[00.ionic4: | 前:[[00.ionic4: | ||
- | 次: | + | 次:[[00.ionic4: |
00.ionic4/03.ionic4で計算アプリ.txt · 最終更新: 2019/02/13 by adash333