Ionic

【初心者向け】スマホアプリ(ハイブリッド / 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) 
 

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

 
 

プロジェクト作成&起動

 

関連記事

  1. Java

    Javaオブジェクト⇔JSONの変換はGSONを使おう

    GSONとは、Googleが提供しているJavaオブジェクトとJSON…

  2. Git

    Gitのコミットユーザー名を変更する方法

    GitでPushする前に、必ず確認しておいた方がいい内容です。&n…

  3. Ionic

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

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

  4. Android

    【Android autoSizeTextType】フォントの大きさを自動で調節する時の注意点

    ConstraintLayout上でフォントの大きさを自動調節する方法…

  5. Programming

    MacにWindowをインストールする簡単な方法(BootCamp)

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

  6. LINE

    【2018年 LINE Bot 作り方】GASで支出管理Botを作ってみた

    フリーランスエンジニアのyoshikiです。&nbsp…

  1. Android

    【コルーチン】kotlinで遅延処理
  2. Git

    MacでWindowsのGit Bashのようなブランチ名を表示する方法
  3. 生き方

    いつも遅刻する人との正しい付き合い方
  4. Ionic

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

    kotlin スコープ関数の使い方
PAGE TOP