前回は、MonacaクラウドIDEのメニューからMonacaプロジェクトに設定が行われる項目について、PWAアプリ設定の説明を行いました。今回は、Windowsアプリ設定について説明していきたいと思います。

今回の説明の対象は、Cordova 13用のMonacaプロジェクトになります。

Windowsアプリ設定

Windowsアプリ設定画面からMonacaプロジェクトに設定を行う項目は、以下になります。設定は、Monacaプロジェクトのconfig.xmlに設定されます。

  • アプリケーション情報
    • アプリケーション名
    • App ID
    • バージョン
    • アプリケーションの説明
  • アプリアイコン

  • スプラッシュ
  • 背景色

アプリケーション情報

アプリケーション情報

アプリケーション名

アプリケーション名に設定された値は、nameディレクティブの値として設定されます。

  • 例：<name>Minimum Template</name>

App ID

App IDに設定された値は、widgetディレクティブのid属性の値として設定されます。

  • 例：<widget id="com.example.helloworld">

バージョン

バージョンに設定された値は、widgetディレクティブのversion属性の値として設定されます。

  • 例：<widget version="1.0.0">

アプリケーションの説明

アプリケーションの説明に設定された値は、widgetディレクティブのdescription属性の値として設定されます。

  • 例：<description>Made with Monaca (http://monaca.io)</description>

アイコン

アイコン

アイコンの設定では、512×512ピクセルのPNG画像を指定します。アイコン画像を指定する場合は、「変更」ボタンをクリックします。指定された値は、widgetディレクティブのicon属性の値として設定されます。

  • 例：
<platform name="electron">
  <icon src="/res/electron/icon/icon_electron_512.png" width="512" height="512"/>
</platform>

スプラッシュ

スプラッシュ

スプラッシュの設定では、620x300ピクセルのPNG画像を指定します。大きい画像の場合は、対応するサイズに合わせて自動スケーリングされます。スプラッシュ画像を指定する場合は、「変更」ボタンをクリックします。指定された値は、widgetディレクティブのsplash属性の値として設定されます。

  • 例：
<platform name="electron">
    <splash src="/res/electron/screen/electron_splash_image.png" width="620" height="300"/>
</platform>

背景色

背景色では、スプラッシュ画像の背景色を指定します。に設定された値は、dirキーの値として設定されます。PWAの表示言語を指定します。指定された値は、widgetディレクティブのSplashScreenBackgroundColor属性の値として設定されます。

  • 例：<preference name="SplashScreenBackgroundColor" value="#2a77b3"/>

おわりに

今回は、Windowsアプリ設定画面からMonacaプロジェクトに設定を行う項目について説明しました。今回説明したconfig.xmlの設定も、Monaca独自の設定ではなく、Cordovaが提供している設定になります。今回紹介した設定については、以下もあわせて確認してみてください。

次回は、Cordovaプラグインの管理画面からMonacaプロジェクトに設定を行う項目について説明していきたいと思います。