> For the complete documentation index, see [llms.txt](https://ja.docs.monaca.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ja.docs.monaca.io/build-your-first-app.md). # 最初のアプリを作る ## 新しいプロジェクトの作成 Monacaでのはじめてのアプリを開発するため、まずプロジェクトを作成しましょう。プロジェクトは空のテンプレートをもとに、次の手順で作成します。 1. 「新しいプロジェクトを作る」ボタンをクリック 2. 「最小限のテンプレート」を選択 3. 「作成」ボタンをクリック

## 画面の作成次にカメラを起動させる画面を作成していきます。 index.html の body タグ内に、カメラをスタートさせる `button` タグと撮影した画像を表示する`img` タグを次のように記述します。 ```html ``` ## カメラの起動処理カメラを起動させる処理を作成します。起動処理は、JavaScriptで記述します。 index.html の `script` タグ内に、次のようにカメラを実行する処理 (shoot関数) を記述します。 ```javascript ``` ## カメラプラグインの有効化モバイル端末のカメラ機能を利用するため、プラグインのインストールを行います。プラグインは、JavaScriptのコードからモバイル端末の機能を利用する際に必要となります。 1. メニューの「設定」＞「Cordovaプラグインの管理」 2. 「カメラ」プラグインを有効化します。

## アプリの実行ここまでの手順で、カメラアプリは完成です。完成したカメラアプリを端末で確認していきましょう。確認する方法としては、次の方法があります。 1. 作成したプロジェクトをAndroidまたはiOS用にビルドして確認する方法 2. iOS・Androidストア上で提供されている「Monacaデバッガー」で確認する方法ここでは1.の方法としてAndroid用ビルドする方法と2.の「Monacaデバッガー」で確認する方法を解説します。 ### Android ビルド Android用にプロジェクトをビルドする手順は、次の手順です。 1. メニューの「ビルド」＞「Androidアプリのビルド」 2. ビルドを開始する

### Monaca デバッガー次のアプリストアリンクから、Monacaデバッガーをインストールします。 {% embed url="" %} アプリにログインすると今回作成したプロジェクトが表示されます。そのプロジェクトをクリックするとカメラアプリが起動します。