# Windows アプリのビルド {% hint style="danger" %} Cordova 9.0 以降の Windows ビルドにつきましては、Electron アプリでの対応になります。\ Electron アプリの Windows ビルドにつきましては、[こちら](https://ja.docs.monaca.io/products_guide/monaca_ide/build/electron/build_electron_windows)を確認ください\ Cordova 7.1 プロジェクトでは、Windowsビルドをご利用いただけます。 {% endhint %} ## Windows ストアアプリ Windows ストアアプリは、HTML5 と JavaScript で作成され、WinRT アーキテクチャー上で、ネイティブと同じように実行されます。また、Monaca で作成したアプリにも、Visual Studio などで作成したアプリと同じ機能が実装されており、WinJS を含む、すべてのネイティブ機能を使用できます。 また、Windows ストアアプリは、Windows および Windows RT を搭載した PC とタブレット上で動作します。なお、Monaca では、Windows ストア向けのビルド ( リリースビルド ) をサポートしていないため、Windows ストア向けにアプリを作成する場合には、Visual Studio などを使用して、別途、アプリを再ビルドする必要があります。 また、Windows ストアアプリには、Android と iOS にはない制約があります。 * Trident/Chakra ( レンダリングエンジン/JavaScript エンジン )のストアアプリ向けの実行モードで、HTML5 と JavaScriptは実行されるため、標準メソッドと機能の一部に、サポートされていないものがあります( Trident は、IE と同じ描画エンジンでもあります )。詳細は、「 [HTML, CSS, and JavaScript features and difference](https://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx) 」 ( 外部サイト ) をご確認ください。 ## 事前準備 Windows アプリの構築には、Microsoft 社が発行する、有効な開発者用ライセンスが必要です。ライセンス自体は無料ですが、Microsoft アカウントが必要です。ライセンスを取得する場合には、最初に [こちら](https://dev.windows.com/en-us/programs/join) で登録をします。 ## ステップ 1 : Windows アプリの設定 1. Monaca クラウド IDE のメニューから、`設定 → Windows アプリ設定`を選択します。 2. アプリに関する情報を入力します。 | パッケージ証明書キー　　　　　　　　 | Monaca アプリを Windows アプリに変換 ( 再コンパイル ) するときに、この証明書を使用します。また、この証明書は、サイドローディング ( side-loading ) を行うとき、および、Windows ストアに申請するときにも使用されます。既存の証明書がなければ、Windows アプリを初めてビルドするときに、証明書は自動的に発行されます。既存の証明書ファイルをアップロードする場合には、パスワード無しの PKCS#7 形式のファイルを使用します。 | | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | アプリ表示名 | アプリの名前を入力します。スタート画面に表示されます。 | | パッケージ表示名 | パッケージ名を入力します。 | | 短い名前 / 略称 | タスクバーに表示する文字を入力します。 | | 名前の表示 | スタート画面 ( Windows 8 以上 ) 上に表示されるロゴのデフォルト設定を選択します。 | | バージョン | アプリのバージョン番号を入力します。バージョン番号には、ドット区切りの数値を使用します ( 例 : 1.0.0 )。 | | 説明 | アプリの概要を入力します。 | | 発行者表示名 | 開発者名、開発グループ名、企業名などを入力します。 | | アーキテクチャー | CPU のアーキテクチャーを選択します。AnyCPU、x86、x64、Arm のいずれかのオプションを選択します。 | ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-MgdkvuBQVyIbXYYJncw%2Fimage.png?alt=media\&token=20a962a7-da62-4472-9f84-7c7786b5e698) 3\. 設定後、`保存する` をクリックします。 ## ステップ 2 : アプリのビルド 1. Monaca クラウド IDE のメニューから、`ビルド → Windows アプリのビルド`を選択します。 2. `ビルドを開始する` ボタンをクリックします。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-Mgdl3f_vZuV5CuCEdJV%2Fimage.png?alt=media\&token=0eaacbdf-6972-4405-a7cc-0c9120f7ae0f) 3\. ビルド後、zip ファイルをダウンロードします。 ## ステップ 3 : アプリのインストール 1. 先ほどダウンロードした zip ファイルを解凍します。 2. 解凍したフォルダー内の `Add-AppDevPackage.ps1` ファイルを右クリックして`PowerShell で実行` を選択すると、インストールが始まります。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-MgdlAo1EwmxeCHQV7IB%2Fimage.png?alt=media\&token=cfb0a42d-3645-45ff-b089-288960f7be35) 3\. 選択したファイルを開くか確認するメッセージが表示されます。`開く` をクリックします。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-MgdlWMQAv4TFHv-uEpH%2Fimage.png?alt=media\&token=31ca9f65-04aa-4a7f-89e8-0d06b39f73df) 4\. \[ Enter ] を押して、処理を続けます。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-MgdlXivvS9XCjPlZWty%2Fimage.png?alt=media\&token=76668d92-0242-4279-9cd2-3c3427b1ceb7) 5\. 管理者権限を付与するかを確認するメッセージが表示されます \[ ユーザーアカウント制御 ( UAC ) 機能 が有効な場合 ]。`はい` をクリックします。 6\. PowerShell のウィンドウ上に、次のメッセージが表示されます。 `R` と入力します。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-Mgdlap5HKoJr-cSLoQo%2Fimage.png?alt=media\&token=b50a4f12-24ff-48b8-b35a-c1b1b88b142a) 7\. `Y` ( はい ) を入力します。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-Mgdlc5nUASrpIpBXYLU%2Fimage.png?alt=media\&token=2692ff81-eda6-4992-b2c4-b5bdba9613a3) 8 インストール後、\[ Enter ] を押します。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-Mgdldalb5VFDe30p4ov%2Fimage.png?alt=media\&token=1bd238dd-e5f3-43b8-92c7-33da701592be) 9\. これで、インストールが完了しました。次に、アプリビュー ( アプリ一覧 ) 上にアプリが追加されていることを確認します。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-MgdlgVc5ML-ThugQTQU%2Fimage.png?alt=media\&token=1c3ede10-ce0c-409d-814b-31ab413594da) 10\. アプリをクリックして、起動します。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgdkMhYW99JVQbMj_en%2F-MgdlhzrYXbPTsbFf-aU%2Fimage.png?alt=media\&token=7496a438-3794-4df1-9622-842e1495cd4b)