サルでもわかる機械学習

http://twosquirrel.mints.ne.jp/?p=16984

ソースコード
https://github.com/adash333/ionic3-timer

いきなりGit、、、いつもよくわからないGit、、、ですが、今回は、git cloneしか使いませんのでご安心ください。とりあえず、以下からGit for Windowsをダウンロードして、手順に従ってインストールしてください。

https://git-for-windows.github.io/

上記のDownloadをクリックすると、Git-2.13.1-64-bit.exe(約37MB)がダウンロードされるので、ダウンロード完了後、ダブルクリックして、手順通りにインストールします。途中、何を選択したらよいか迷いますが、以下の「こっそり始めるGit/GitHub超入門（１）」の通りにやるとよいです。具体的には、基本はそのままデフォルトのものを選択していき、 Adjusting your PATH environment　では、Use Git from Git Bash only　を選び、
Configuring the line ending conversions では、Checkout as-is, commit as-is を選びます。

(参考)

2016年03月31日 05時00分 更新 こっそり始めるGit／GitHub超入門（1）： 初心者でもWindowsやMacでできる、Gitのインストールと基本的な使い方 (1/5)
http://www.atmarkit.co.jp/ait/articles/1603/31/news026.html

サルでもわかるGit入門
http://www.backlog.jp/git-guide/intro/intro1_1.html

まずは、（ほぼ）完成系のアプリをGitHubからダウンロードして、自分のパソコンで動かしてみます。

(1)VisualStudioCodeの起動 C:\ionic\ フォルダの中で右クリックして、「Open with Code」をクリック。

(2)Ctrl+@を押して、cmd.exeの画面を出す。

(3)以下のコマンドを入力して、git cloneする。

git clone https://github.com/adash333/ionic3-timer.git

(4)npm installする。

cd ionic3-timer
npm install

数分かかる。

(5)アプリの起動

ionic serve

いろいろ聞かれることがあるが、とりあえず、Yes（Enterを押すだけ）としておく。数分かかる。

すると、自動的にブラウザが開いて、以下のように表示されます。

Startボタンをクリックすると、１秒ごとにカウントアップされ、

そのあと、STOPボタンをクリックすると、タイマーが止まります。

(6)イメージファイルの挿入。

imageは、

https://www.photo-ac.com

などからダウンロードして、sakura.jpgという名前に変更して、www/assets/img/ フォルダの中に保存します。
(img/　フォルダを、www/assets/　フォルダの中に新規作成します。)

ブラウザのリロード（更新）ボタンをクリックします。

すると、以下のような画面になります。

(7)サーバ停止

VisualStudioCodeの、cmd.exeの画面で、「Ctrl+C」を押します。そのあと、Y、Enterを押すと、サーバが停止します。

(8)androidアプリの作成

ionic cordova platform add android
ionic cordova build android

3分くらいかかります。エラーが出てうまくいかない場合は、エラーの内容をGoogle検索したり、
http://qiita.com/567000/items/dc4917027cf060a3e2ea
を参考になさったりしてください。

出来上がったapkファイルの場所を開き、メールで自分のandroidスマホに送信する。約4.3MBです。

(9)androidスマホにインストール

インストールして起動すると、以下のようなタイマーアプリの画面となります。(arrows M03)

(参考)
http://twosquirrel.mints.ne.jp/?p=15712
http://twosquirrel.mints.ne.jp/?p=15745

前： おすすめのIonic3入門書2017年版
目次
次： Ionic3でTodoアプリ