ユーザ用ツール

サイト用ツール


ionic3で計算アプリ

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
最新のリビジョン両方とも次のリビジョン
ionic3で計算アプリ [2017/06/18] – [見栄えの変更] adash333ionic3で計算アプリ [2018/10/07] – 外部編集 127.0.0.1
行 22: 行 22:
  
 今回は、ionic3を用いて、「元本」と「利息」を入力すると、10年後までの支払額が出力されるようなアプリを作成します。 今回は、ionic3を用いて、「元本」と「利息」を入力すると、10年後までの支払額が出力されるようなアプリを作成します。
 +
 +ソースコードは以下のリンクへ。
 +
 +https://github.com/adash333/ionic3-calculate
  
 ====ionic3-calculateアプリの作成==== ====ionic3-calculateアプリの作成====
行 141: 行 145:
 </code> </code>
 は、Angularの"双方向データバインド"を使用して、ここで入力値(元本と利息)を受け取っています。 は、Angularの"双方向データバインド"を使用して、ここで入力値(元本と利息)を受け取っています。
 +
 +{{:pasted:20180610-185810.png}}
  
  
行 316: 行 322:
 http://d.hatena.ne.jp/guimo/20120127/1327617371 http://d.hatena.ne.jp/guimo/20120127/1327617371
  
 +====Androidアプリの作成====
 +
 +VisualStudioCodeのcmd.exeの画面で、Ctrl+C, Y, Enterでサーバを停止してから、以下のコマンドを入力。
 +
 +<code>
 +ionic cordova platform add android
 +ionic cordova build android
 +</code>
 +
 +途中、何か聞かれたら、YとしてEnter.
 +
 +{{:pasted:20170618-183404.png}}
 +
 +数分かかる。
 +
 +{{:pasted:20170618-183606.png}}
  
 +どこにandroid-debug.apkファイルが作成されたのか表示される(下図の赤で囲った部分)ので、その場所に保存されているapkファイルを、自分のスマホにメールします。
  
 +{{:pasted:20170618-183656.png}}
  
 +{{:pasted:20170618-183952.png}}
  
 +====Androidアプリのインストール====
  
 +メールしたapkファイル(約4MB)を、自分のandroidスマホにインストールします。\\
 +今回は、arrows M03にインストールしてみました。
  
 +{{:pasted:20170618-184414.png}}
  
 +====ソースコード====
  
 +https://github.com/adash333/ionic3-calculate
 =====リンク===== =====リンク=====
 前: 前:
行 332: 行 363:
 次: 次:
 <wrap hi> <wrap hi>
-[[github上のionic3アプリのインストール]]+[[ionic3でタイマーアプリ]]
 </wrap> </wrap>

ionic3で計算アプリ.txt · 最終更新: 2019/02/12 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki