スポンサーリンク

「Ionicでモバイルアプリを作ろう!」を写経してみる(1)

2017年4月時点で、初心者がモバイルアプリを作るなら、環境構築が楽な、Ionic2がおすすめ!?

以下の本を読んで、Angular2の概要をつかみつつ、Ionic2の初心者用サイトを写経している今日この頃。


2017/1/18発売
http://ec.nikkeibp.co.jp/nsp/dl/09653/

(環境)
Windows8.1
Node 6.9.1
cordova 6.5.0
Ionic 2.2.2
VisualStudioCode

Git 2.8.1

(0)以下のサイトを写経していく。

「Ionicでモバイルアプリを作ろう!」シリーズ

http://tech.pjin.jp/blog/2016/11/19/create_ionic_app_7/

(1)プロジェクトの作成

Ionicでモバイルアプリを作ろう!(2)ツールの基本的な使い方を覚える
2016/10/25
http://tech.pjin.jp/blog/2016/10/25/create_ionic_app_2/

ionic start MyIonicApp sidemenu --v2
cd MyIonicApp
ionic serve

image

image

image

image

image

お、なんかカッコイイ!

/src/pages/page1/page1.html
image

image

Ctrl+C, y, Enter でサーバを停止。

ionic platform add android

ionic build android

(本当は自分のスマホとUSB接続して、ionic run androidしたいのだが、USBケーブルが手元になくて断念)

image

image

image

android-debug.apk を、自分のスマホ(P-02E)にメールで送ってインストール

しかし、画面が真っ白でうごかない。。。とほほ。

次に、F-03Gにインストール。うまくいった。

Screenmemo_share_2017-04-03-23-49-56

続いて、arrows M03にインストール

Screenmemo_share_2017-04-03-23-55-09

次は、

http://tech.pjin.jp/blog/2016/10/26/create_ionic_app_3/

をやりたい。

スポンサーリンク