Monacaでアプリ開発を行うには、Monacaで提供しているテンプレートプロジェクトを使用します。これまで投稿したMonacaに関する投稿記事の中で、要所でMonacaプロジェクトの説明を行ってきましたが、今回からは、Monacaプロジェクトに焦点を当てた説明をしていきたいと思います。

Monacaでは、以下のサービスを利用して開発を行うことができます。今回は、以下のサービスでのMonacaプロジェクトの作成について説明して聞きたいと思います。

  • MonacaクラウドIDE
  • Monaca Localkit
  • Monaca CLI

MonacaクラウドIDE編

MonacaクラウドIDEからMonacaプロジェクトを作成する場合は、以下の手順を行います。

  1. MonacaクラウドIDEにログインします。
  2. Monaca Dashboardの 新しいプロジェクトを作る ボタンをクリックします。
    3. 新しいプロジェクトを作る
  3. テンプレートの種類の中から使用したいテンプレートを選択します。
    4. テンプレートの種類
  4. プロジェクトの情報を入力し、作成 ボタンをクリックします。
      5. ・スクリーンショットは、以下を選択：
      　　・フレームワーク：JavaScript
      　　・テンプレート：Onsen UI V2 JS Minimum
    作成

Monacaプロジェクトの作成が完了すると、Monaca Dashboardのプロジェクト一覧に表示され、MonacaクラウドIDEで開発を始めることができるようになります。

プロジェクト一覧

Monaca Localkit編

Monaca LocalkitからMonacaプロジェクトを作成する場合は、以下の手順を行います。

  1. Monaca Localkitにログインします。
  2. 以下の方法でプロジェクトを選択します。
    1. プロジェクト一覧の ＋ ボタンをクリックし、作成 をクリックします。
    作成
    1. メニューのファイルをクリックし、新しいプロジェクト をクリックします。
    新しいプロジェクト
  3. カテゴリとテンプレートを選択します。
  4. プロジェクト名を入力し、作成 ボタンをクリックします。
      5. ・スクリーンショットは、以下を選択：
      　　・カテゴリ：JavaScript
      　　・テンプレート：Onsen UI V2 JS Minimum

Monacaプロジェクトの作成が完了すると、Monaca Localkitのプロジェクト一覧に表示され、Monaca Localkitで開発を始めることができるようになります。

プロジェクト一覧

Monaca CLI編

Monaca CLIコマンドについては、以下を参照してください。

Monaca CLIからMonacaプロジェクトを作成する場合は、以下の手順を行います。

  1. monaca loginコマンドでMonaca CLIにログインします。
  2. monaca createコマンドでプロジェクトを作成します。
    • コマンド例：monaca create Sample01
  3. カーソルキーでカテゴリを選択します。
    カテゴリ
  4. カーソルキーでテンプレートを選択します。
    テンプレート
  5. カテゴリとテンプレートを選択し、Enterキーを押して作成します。
      6. ・スクリーンショットは、以下を選択：
      　　・カテゴリ：JavaScript
      　　・テンプレート：Onsen UI V2 JS Minimum
    作成

Monacaプロジェクトの作成が完了すると、指定したパスにMonacaプロジェクトが作成されます。cd Sample01 コマンドを実行し、指定したパスに移動することで、Monaca CLIで開発を始めることができるようになります。

おわりに

今回は、Monacaプロジェクトの作成方法について説明しました。次回は、Monacaプロジェクトの構成について説明していきたいと思います。