00.ionic4:08.ionic4でタイマーアプリ
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
00.ionic4:08.ionic4でタイマーアプリ [2019/02/13] – [src/app/home/home.page.tsの編集] adash333 | 00.ionic4:08.ionic4でタイマーアプリ [2019/08/28] (現在) – [Ionic4でタイマーアプリ] adash333 | ||
---|---|---|---|
行 7: | 行 7: | ||
</ | </ | ||
+ | ===== ソースコードとDEMOサイト ====== | ||
+ | https:// | ||
+ | |||
+ | DEMO | ||
+ | https:// | ||
===== すること ===== | ===== すること ===== | ||
-スタートボタンを押すと、00:00:00からカウントアップする | -スタートボタンを押すと、00:00:00からカウントアップする | ||
行 14: | 行 19: | ||
ソースコード | ソースコード | ||
+ | https:// | ||
DEMO | DEMO | ||
+ | https:// | ||
+ | {{: | ||
===== 開発環境 ===== | ===== 開発環境 ===== | ||
行 24: | 行 30: | ||
Panasonic CF-RZ6 | Panasonic CF-RZ6 | ||
Windows10 Pro (1803) | Windows10 Pro (1803) | ||
- | VisualStudioCode | + | VisualStudioCode |
+ | git version 2.20.1.windows.1 | ||
- | nvm-windows 1.1.7 | + | Node v10.15.1 |
- | Node 10.15.1 | + | |
npm 6.4.1 | npm 6.4.1 | ||
- | yarn 1.13.0 | + | Ionic (Ionic CLI) 4.10.2 |
- | ionic@4.10.2 | + | @ionic/ |
- | cordova@8.1.2 | + | @angula/pwa 0.13.1 |
</ | </ | ||
行 115: | 行 121: | ||
</ | </ | ||
のところは、後で、home.page.tsで、timerを定義します。 | のところは、後で、home.page.tsで、timerを定義します。 | ||
- | {{: | + | {{: |
===== src/ | ===== src/ | ||
行 195: | 行 201: | ||
< | < | ||
ng add @angular/ | ng add @angular/ | ||
+ | // だめな場合は、npm run ng add @angular/ | ||
</ | </ | ||
{{: | {{: | ||
行 201: | 行 208: | ||
{{: | {{: | ||
- | ===== ソースコード | + | ===== GitHubに登録 |
+ | -https:// | ||
+ | -以下を入力して、GitHubにpush | ||
+ | < | ||
+ | git add . | ||
+ | git commit -m "first commit" | ||
+ | git remote add origin https:// | ||
+ | git push -u origin master | ||
+ | </ | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | https:// | ||
+ | |||
+ | ===== Netlifyにデプロイ ===== | ||
+ | -https:// | ||
+ | -New site from Git をクリック | ||
+ | -GitHubから、ionic4-timerを選択 | ||
+ | -'' | ||
+ | -デプロイがうまくいったら、リンクをクリックして、確認します | ||
+ | -スマホで、上のアドレスへ行き、スマホにアプリとして登録できるかチェックします | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | {{: | ||
+ | |||
+ | |||
+ | |||
+ | ===== ソースコード ===== | ||
+ | https:// | ||
DEMO | DEMO | ||
+ | https:// | ||
+ | {{: | ||
===== 今回写経した本 ===== | ===== 今回写経した本 ===== |
00.ionic4/08.ionic4でタイマーアプリ.1550046719.txt.gz · 最終更新: 2019/02/13 by adash333