パート 1 : プロジェクトの作成
- 1.
- 2.Monaca アカウント情報を入力します。
次の手順に従い、初めての Monaca プロジェクトを早速作ってみましょう。 ログインすると、ダッシュボードへ自動的に遷移します。 これで、初めての Monaca プロジェクトを作成する準備が整いました。 新規プロジェクトの作成は、次のとおりです。
- 1.ダッシュボードから、
新しいプロジェクトを作るまたはインポートを選択することで、新しい Monaca プロジェクトを作成することができます。新規プロジェクトの作成を選択すると、さまざまなテンプレートから新しいプロジェクトを作成することができます。インポートを選択した場合は、既存の [Cordova / Monaca] プロジェクトから、以下のような方法で、新しいプロジェクトを作成することができます：- URL を指定してインポート (zip 形式)
- プロジェクトのパッケージをアップロード (zip 形式)
Import Project Dialog
Create Project Dialog
2. ここでは、新規プロジェクトの作成 を選択します。表示される
新規プロジェクトの作成 ダイアログ上で サンプルアプリを選択し、次に、jQuery TODO App テンプレートの作成ボタンをクリックします。 3.
プロジェクトを作成するボタンをクリックします。
4. ダッシュボードの
オンライン タブ上に、新規作成したプロジェクトが表示されます。端末を使用しなくても「 プレビューウィンドウ 」を使用すれば、Monaca クラウド IDE 上でプロジェクトをプレビューできます。
プレビューウィンドウを使用して実際に検証できる機能には制限があります。制限としては、使用できる Cordova プラグイン/API の種類、Ajax リクエスト などがあります。詳細は、 ライブプレビューの機能と制限 をご確認ください。
- 1.ダッシュボードからプロジェクトを開きます。Monaca クラウド IDE が起動し、デフォルトでは右側にはプレビューウィンドウが表示されます。
2. プレビューウィンドウ上で、TODO をいくつか追加 してみましょう。
編集できるファイルは、
www フォルダーの下にあるファイルになります。- 1.左側のプロジェクトツリー画面から、編集対象のファイルを選択します。コードエディターを使用して index.html ファイルの内容を変更してみましょう。
- 2.ファイルの編集後、変更を保存します。次に、プレビューウィンドウ上で変更点が反映されていることを確認してみましょう。他の箇所も変更して、プレビュー上で確認してみましょう。 今回使用したテンプレートの詳細は、TODO 管理アプリ をご確認ください。
次へ: