Android
Cordova
Scratch
ScratchDay 3

Scratch3.0 を Androidアプリとして動作させてみよう (2)

昨日の続きです。以下のような感じで進めるのでした。

  1. Cordovaをインストール
  2. Cordovaで、ブラウザーアプリを動作させる
  3. Cordovaで、Androidアプリを作成してみる
  4. Scratch3.0 を、ビルドしてサーバを経由しなくても動作するようにする
  5. 4で作成したScratchアプリをCordovaに移植してみる
  6. Scratch3.0をCorodovaブラウザーアプリとして動作させてみる
  7. Scratch3.0をAndroidアプリとして動作させてみる。

2まで進んでいます。

Cordovaって何?

今回、Scratch3.0 の アプリを Androidアプリとして動作させるために、Corodavaを使います。
https://cordova.apache.org/docs/en/7.x/guide/overview/index.html

Cordovaは、Webブラウザーで動作する、ホームページやゲームを、アプリ化するフレームワークです。 Cordovaを使えるようになると。 HTML5, CSS3,JavaScriptで作られた作品を、 AndroidやiOSやDesktopアプリに変換することができるようになります。

Android アプリを作成してみよう

では、Androidアプリを作成して見ましょう。
https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

  1. Android Studioをダウンロードするする
    https://developer.android.com/studio/index.html

  2. Android Studio をインストールする
    ダウンロードした Android Studioを起動してみてください

  3. Android Studio で、 Hello World を作成してみる
    "Android Sutdio hello world" とかで、ググールしてみてね、

Cordovaで、WebページをAndroidアプリ化してみよう

Androidアプリを作成することができるようになりました。
CordovaのHello Worldアプリを Androidアプリかして見ましょう
https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

  1. npm install -g cordova
  2. cordova create MyApp
  3. cd MyApp cordova platform add browser
  4. cp -r {this www} ./www
  5. cordova run browser
  6. cordova platform add android
  7. cordova build android
  8. cordova run android

はい、5までが、前回までにやったことですね
順番に進めると、無事、Android アプリが起動します。

スクリーンショット 2017-12-03 23.36.57.png

困った時はググる

大体の場合は上手くビルドできません。
私も今回は「Error: spawn EACCES」 というエラーがでて、ビルドできませんでいした。

そういった時は、”cordova run android Error: EACCES” みたいに、キーワードを含めてグーグル検索して見てください。対処方法が見つかるはずです。

例えば以下のような、答えを見つけることができます。
https://github.com/ionic-team/ionic-cli/issues/2835

PS

以下の場所でも、アレコレ書いていきます。
https://firefirestyle.blogspot.com/

Scratch3.0 自分専用機 を作ろう!! (0)
Scratch3.0 自分専用機 を作ろう!! (1) Scratch3.0をビルドしてみよう
Scratch3.0 自分専用機 を作ろう!! (2) Scratch3.0 を Androidアプリとして動作させてみよう (1)
Scratch 3.0 自分専用機 を作ろう!! (3) Scratch3.0 を Androidアプリとして動作させてみよう (2)

火の型 With Scratch 2.0 (プログラム入門)  第00巻
炎の型 With Scratch 2.0 (ゲームプログラム入門)