【初心者向け】スマホアプリ(ハイブリッド / Ionic3)の環境構築(Mac編)

どうも、フリーランスエンジニアのyoshikiです。


前回はWindows編の環境構築方法を説明しましたが、今回はMacでの構築方法を説明していきます。Macの場合はほとんどコマンドラインから作ることができます。

Node.jsインストール


Node.jsをバージョン管理するためのnodebrewをインストールし、インストール先のパスを.bash_profile(ログイン時に読み込まれる設定ファイル)に設定します。


IonicとCordovaインストール


IonicとCordovaを同時にインストールします。


JDKインストール


JDKをこちらからダウンロードします。

「Accept License Agreement」をチェックして、Mac用をダウンロードします。


環境変数の設定をします。

Android SDKインストール


こちらからAndroid Studioをダウンロード&インストールします。(特に気にする箇所はないので、割愛します。SDKをダウンロードしてください。)


次にAVD Manager(Tools→Andoroid→AVD Manager)を起動し、デバイスの追加を行います。(Create Vertual Device) 




環境変数の設定をします。


プロジェクト作成&起動

シェアする

  • このエントリーをはてなブックマークに追加

フォローする