パート 1 : プロジェクトの作成
ステップ 1 : Monaca へのログイン
Monaca にログインします。
Monaca アカウント情報を入力します。

ステップ 2 : プロジェクトの新規作成
次の手順に従い、初めての Monaca プロジェクトを早速作ってみましょう。 ログインすると、ダッシュボードへ自動的に遷移します。 これで、初めての Monaca プロジェクトを作成する準備が整いました。 新規プロジェクトの作成は、次のとおりです。
ダッシュボードから、
新しいプロジェクトを作る
またはインポート
を選択することで、新しい Monaca プロジェクトを作成することができます。新規プロジェクトの作成
を選択すると、さまざまなテンプレートから新しいプロジェクトを作成することができます。インポート
を選択した場合は、既存の [Cordova / Monaca] プロジェクトから、以下のような方法で、新しいプロジェクトを作成することができます:URL を指定してインポート (zip 形式)
プロジェクトのパッケージをアップロード (zip 形式)
Git のリポジトリからインポート (Git SSH との連携 を参照)
GitHubのリポジトリからインポート (GitHub との連携 を参照).


2. ここでは、新規プロジェクトの作成 を選択します。表示される 新規プロジェクトの作成
ダイアログ上で サンプルアプリを選択し、次に、jQuery TODO App
テンプレートの作成
ボタンをクリックします。
3. プロジェクトを作成する
ボタンをクリックします。

4. ダッシュボードの オンライン
タブ上に、新規作成したプロジェクトが表示されます。
ステップ 3 : プロジェクトのプレビュー
端末を使用しなくても「 プレビューウィンドウ 」を使用すれば、Monaca クラウド IDE 上でプロジェクトをプレビューできます。
ダッシュボードからプロジェクトを開きます。Monaca クラウド IDE が起動し、デフォルトでは右側にはプレビューウィンドウが表示されます。

2. プレビューウィンドウ上で、TODO をいくつか追加してみましょう。

ステップ 4 : プロジェクトファイルの編集
左側のプロジェクトツリー画面から、編集対象のファイルを選択します。コードエディターを使用して index.html ファイルの内容を変更してみましょう。
ファイルの編集後、変更を保存します。次に、プレビューウィンドウ上で変更点が反映されていることを確認してみましょう。他の箇所も変更して、プレビュー上で確認してみましょう。 今回使用したテンプレートの詳細は、TODO 管理アプリ をご確認ください。
次へ:
最終更新
役に立ちましたか?