スポンサーリンク

Ionic2+Firebaseでクイズアプリを動かしてみる(2)

ionic2, ionic3, quiz, app, github でググってはクイズアプリのソースコードをダウンロードして、動くか試して、中身を見て参考にしようとしている。

今回は以下のサイト。

●ionic2-quiz-app (“ionic-angular”: “2.0.0-beta.7”)
https://github.com/shtaimoortariq/Ionic2-quiz-app
image

(開発環境)
Windows 8.1 Pro
VisualStudioCode
git version 2.16.1.windows.4
Sourcetree Version 2.4.8.0
Android Studio 3.0.1

Node v8.11.2
npm 6.1.0
@ionic/cli-utils 1.19.2
Ionic (Ionic CLI) 3.20.0

(1)C:/ionic3/ フォルダを、VisualStudioCodeで開き、Ctrl;@ でcmd.exeを開いて以下を入力
git clone git@github.com:shtaimoortariq/Ionic2-quiz-app.git
cd Ionic2-quiz-app
npm install

image

image

node sass なんとかがインストールできないとかで無理であった。。。非常に残念。

ちょっとググってみると、どうやら、NodeのVersionを古くしないと無理らしい。python2がどうとか、、、なんでここでpythonが出てくるのか不明だが、、、

Node.js のVersion管理もできるようにしておけばよかった、、、でも、今更なので、あきらめる。

次、パソコンを購入する機会があったら、Nodeのversion管理もできるようにしておきたい。。。

 

参考:http://blog.clock-up.jp/entry/2018/02/10/nodejs-manager-on-windows
image

https://qiita.com/satoyan419/items/56e0b5f35912b9374305
image

 

(2)次は、以下のソースコードを試してみる。(こちらは、残念ながら、サーバはhttps://opentdb.com/ を利用している。)

https://github.com/yoobi55/ionic-trivia (”ionic-angular”: “3.6.0”)()
image

git clone git@github.com:yoobi55/ionic-trivia.git
cd ionic-trivia
npm install

image

ionic serve

image

やってみる

image image

image image

ん?なんか文字化けしている?

image image

image

ちゃんと動いた!コードを参考にしたい。

スポンサーリンク