【画像で解説】デスクトップアプリをUWP化するDesktopAppConverterの使い方

いつもの仕事を楽に
Sponsored Link

みなさん、こんにちは。


デスクトップアプリをUWP(Universal Windows Platform)化したいのに、DesktopAppConverter(以下DAC)の使い方がわからず、お悩みですよね?

今回はそんな悩めるあなたのために、図解つきでDACの使い方を解説していきます。


まず、DACの使い方を解説する前に、UWPについて軽く触れます。

UWPはWindows10上でなら、PC、スマホなどプラットフォームを選ばず動作する非常に便利なアプリケーションです。

ただ、残念ながらDACだけでは完全なUWPにならないため、スマホ上では動きません。そもそもWindowsPhone自体なくなってしまいましたしね。


あくまでパッケージングのみなのですが、それでも、インストール時や実行時にレジストリへの余計な書き込みがない、SurfacePenのクリックアクションで起動できる、といった利点が挙げられるでしょう。


ところで、SurfaceProいいですよねえ。何より、その美しさ。Corei5以下のモデルは、ファンレスで、タブレット然としたそのボディには、なんと、水冷ユニットを組み込む機能美まで兼ね備え思わず胸が高鳴る…


おっと、本日はDACの解説なのでこのへんにしておきましょう。


それでは、DACの使い方、図解つき解説をどうぞ。

Sponsored Link

DesktopAppConverterを使用する前に

DesktopAppConverterのインストール

まずは、肝心のDACをインストールしましょう。下記リンクより、インストールページへ飛びます。

リンクを開いて、インストールを押すだけです。サクッと次へどうぞ。

DesktopAppConverterインストール


SDKインストール

続いてWindows 10 SDKの最新版をインストールします。Desktop App ConverterではSDKの「Windows App Certification Kit」(Appxへの変換)だけを利用するため、ほかのオプションをインストールする必要はありません。

こちらもサクッといきましょう。

SDKインストール


開発者モードに設定

画像の通り、下記①~④のステップで開発者モードに変更してください。

  1. [Windows]+[I]キーでWindowsの設定を開き、「更新とセキュリティ」を選択。
  2. 「更新とセキュリティ」メニューから、「開発者向け」を選択。
  3. 「開発者モード」にチェックをつける。
  4. メッセージボックスが表示されるので、「はい」を選択して、PCを再起動。

  1. [Windows]+[I]キーでWindowsの設定を開き、「更新とセキュリティ」を選択する。
更新とセキュリティ選択

  1. 「更新とセキュリティ」メニューから、「開発者向け」を選択。
  2. 「開発者モード」にチェックをつける。
開発者向け→開発者モードチェック

  1. メッセージボックスが表示されるので、「はい」を選択して、PCを再起動。
メッセージ「はい」を選択し、再起動

ベースイメージの導入

ベースイメージダウンロード

まずは、下記いずれかの方法でお持ちのWindowsのビルド番号をお調べください。

  • [Windows]+[R]キーを押し、[ファイル名を指定して実行]を起動し、”winver” と入力。
  • [エクスプローラ]を開き、[ファイル]タブ内[ヘルプ]より[バージョン情報]を選択。

  • [Windows]+[R]キーを押し、[ファイル名を指定して実行]を起動し、”winver” と入力。
Windows+R→winver

  • [エクスプローラ]を開き、[ファイル]タブ内[ヘルプ]より[バージョン情報]を選択。
エクスプローラ→ファイル→ヘルプ→バージョン情報

上記いずれかの操作で下記画像の画面が表示されるので、赤枠のビルド番号を確認してください。

ビルド情報
赤枠のビルド番号と同じバージョンのベースイメージを下記サイトよりダウンロードしてください。

ベースイメージダウンロード[externallink]

同ビルドバージョンのベースイメージをダウンロード

ベースイメージインストール

さあ、お待ちかね。いよいよ、DesktopAppConverterを起動します。


ここで注意です。通常の起動ではなく、「管理者として実行」する必要がありますので、下記手順に従って起動ください。


  1. DesktopAppConverter上で、右クリックし、「その他」を選択。
  2. 「その他」メニュー内の、「管理者として実行」をクリック。

DACを管理者として実行
管理者として実行し、無事DACが起動したら、まず、下記の文字列を入力してください。

意味はわからずともいいのです。コピペでOKです。


set-ExecutionPolicy bypass

DAC初期設定

続いて、先ほどイメージしたベースイメージをインストールします。コピペでいいんです。


…と言いたいところですが、

下記は、ベースイメージをC:ドライブ内[DesktopAppConverter]フォルダに保存している場合です。

DesktopAppConverter.exe -Setup -BaseImage C:\DesktopAppConverter\BaseImage-16299.wim -Verbose

“C:\DesktopAppConverter\BaseImage-16299.wim”を、先ほどダウンロードしたベースイメージファイルの保存フォルダフルパスに変更した上でコピペしてください。


また、フルパスは、ベースイメージファイル上での[Shift]+右クリック、「パスのコピー」で取得できます。


ちなみに、こちらのベースイメージのインストールは、変換実行前に毎回行ってください


すでにベースイメージのインストールをしている場合であれば、以下のような画面が途中で表示されるので、[Y]に続いて[Enter]を押してください。


Delete all images under ‘C:\ProgramData\Microsoft\Windows\Images’? (y/n):


DAC→Y→Enter

ちなみにここ、こんな感じで結構時間かかります。また、この先にもちょこちょこ時間かかる場面がありますが、ご安心を。

インストールには時間がかかる

黒い画面しかり、DesktopAppConverterしかり、全体的に、処理中の画面って特に何も表示されないことが多いです。

なんかメッセージは表示されるけど、英語だし、ある程度パソコンに詳しくないとよくわからんし、急に止まるし、と不安になります。


しかし、コマンドプロンプト、DesktopAppConverterとも最初の、~~~~~>が表示されない限りは何かしら処理中なので、気を強く持ち、コーヒーでも飲んで気長に待ちましょう。


最終的に、こちらの画面が表示されれば、成功です。


ベースイメージインストール完了画面

インストーラ変換

さあさあ、いよいよ、インストーラを変換し、UWP化を進めて参ります。


まずは、下記のコマンドを入力して、[Enter]を押します。

これもコピペではなく、一部変更する必要があります。


DesktopAppConverter.exe -Installer C:\DesktopAppConverter\Installer\krita\4.0.1\krita-x64-4.0.1-setup.exe -InstallerArguments “/S” -Destination C:\DesktopAppConverter\Krita\4.0.1 -PackageName “Krita401” -Publisher “CN=MyPublisher” -Version 1.0.0.0 -MakeAppx -Verbose


上記コマンド内の次の部分を任意の値に書き換えて実行してください。

  1. インストーラー:[C:\DesktopAppConverter\Installer\krita\4.0.1\krita-x64-4.0.1-setup.exe]
  2. 保存先フォルダ:[C:\DesktopAppConverter\Krita\4.0.1]
  3. パッケージ名:[Krita401]
  4. バージョン:[1.0.0.0]

書き換えにあたり、何点か注意もございますので、下記の注意もご確認ください。

  1. インストーラーは独立したフォルダに置き(他のファイルを入れない)フルパスで指定してください。
  2. 変換先のディレクトリを指定してください。
    ※この時の指定がスタートメニューで表示される名前となり、変更は不可。指定先フォルダは事前に作成しておく。
    ※うまくいかない場合、サイレントインストール -InstallerArguments “/S” の部分を消して試してみてください。
  3. パッケージ名を指定してください。
    ※変換先ディレクトリにパッケージ名でフォルダが作成され、その中にappxとlogファイルが作成される。英数字と_くらいしか使えない。この時のpackagenameがアプリ名となる。こちらも、ここで設定したら変えられない。
  4. Versionは、[.]区切で4桁必須。

パッケージ化コマンド

下記の画面が表示されれば、完了です。

パッケージ化完了

appxファイルに署名を登録する

ここまでの操作で、appxへの変換が終わると、インストールボタンが表示されます。しかし、これだけではインストールできません。信頼できる証明書を登録する必要があります。


まずは、証明書からつくっていきましょう。


証明書作成

  1. 証明書作成はDesktopAppConverterではなく、コマンドプロンプトで作業します。
  2. [Windows]+[R]を押して[cmd]と入力して、Enter で開きます。
    ※管理者権限はなくても平気です。


次に、黒い画面こと、コマンドプロンプトにて下記のコマンドを実行します。

“C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64\makecert.exe” -r -h 0 -n “CN=MyPublisher” -eku 1.3.6.1.5.5.7.3.3 -pe -sv C:\DesktopAppConverter\cert\my.pvk C:\DesktopAppConverter\cert\my.cer

上記コマンド内の次の部分は任意の値に書き換えて実行してください。

  1. makecert.exeファイル:[C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64\makecert.exe]
  2. 発行者名:[MyPublisher]
  3. pvkファイル:[C:\DesktopAppConverter\cert\my.pvk]
  4. cerファイル:[C:\DesktopAppConverter\cert\my.cer]

  1. makecert.exeは、ぼくの環境では[C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64]にありましたが、わからなければ、[Windows Kits]フォルダで検索してみましょう。
  2. [CN=MyPublisher]の”MyPublisher”の部分が発行者名となるので、お好きな名前に書き換えてください。
  3. [C:\DesktopAppConverter\cert\my.pvk]で、作成するpvkファイルをフルパスで指定します。任意のパスに書き換えてください。
  4. [C:\DesktopAppConverter\cert\my.cer]で、作成するcerファイルをフルパスで指定します。任意のパスに書き換えてください。
  5. 上記2つの[C:\DesktopAppConverter\cert]部分の「cert」フォルダは、事前に作成しないとエラーとなりますので、フォルダを作成してから実行してください。

連続して下記2つのメッセージがでますが、それぞれ「空白」「はい。」でOKです。

  1. Create Private Key Password
  2. Without password protection

cmd確認画面ポップアップ

ここで、[Succeeded]と表示されれば成功です。


さらに作成した証明書から、“.pfx”ファイルも作成する必要があります。

下記コマンドを実行してください。

“C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64\pvk2pfx.exe” -pvk C:\DesktopAppConverter\cert\my.pvk -spc C:\DesktopAppConverter\cert\my.cer -pfx C:\DesktopAppConverter\cert\my.pfx

上記コマンド内の次の部分を任意の値に書き換えて実行してください。

  1. pvk2pfx.exeファイル:[C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64\pvk2pfx.exe]
  2. 発行者名:[MyPublisher]
  3. pvkファイル:[C:\DesktopAppConverter\cert\my.pvk]
  4. cerファイル:[C:\DesktopAppConverter\cert\my.cer]
  5. pfxファイル:[C:\DesktopAppConverter\cert\my.pfx]

  1. pvk2pfx.exeも先ほどのmakecert.exeと同じディレクトリ[C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64]内にあると思います。
    ※こちらも先ほど同様見つからなければ、[Windows Kits]フォルダで検索してみましょう。
  2. [C:\DesktopAppConverter\cert\my.pvk], [C:\DesktopAppConverter\cert\my.cer]の2つは、先ほど作成した2ファイルをフルパスで指定してください。
  3. [C:\DesktopAppConverter\cert\my.pfx]で作成するpfxファイルをフルパスで指定します。任意のパスに書き換えてください。

コマンド実行後、下図のように表示されれば成功です。

証明書作成完了画面

証明書をアプリに登録

作成した証明書を作成したappxに登録します。下記コマンドを実行してください。

“C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64\signtool.exe” sign -f C:\DesktopAppConverter\cert\my.pfx -fd SHA256 -v C:\DesktopAppConverter\Krita\4.0.1\Krita401\Krita401.appx

上記コマンド内の次の部分を任意の値に書き換えて実行してください。

  1. signtool.exeファイル:[C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64\signtool.exe]
  2. 発行者名:[MyPublisher]
  3. pfxファイル:[C:\DesktopAppConverter\cert\my.pfx]
  4. appxファイル:[C:\DesktopAppConverter\Krita\4.0.1\Krita401\Krita401.appx]

  1. signtool.exe も先ほどのディレクトリ[C:\Program Files (x86)\Windows Kits\10\bin\10.0.16299.0\x64]内にあると思います。
    繰り返しになりますが、見つからなければ、[Windows Kits]で検索しましょう。

Number of files successfully Signed: 1
Number of warnings: 0
Number of errors: 0

署名登録完了
と表示されれば成功です。


そしていよいよ最後の仕上げとなります。下記手順に従って操作してください。黒い画面はおしまいです!

  1. 先ほどのコマンドで署名したAppXのプロパティを右クリックで開き、「デジタル署名」タブで署名を選択、「詳細」を押す。

  2. Appxプロパティを開く→デジタル署名→詳細
  3. 「証明書の表示」「証明書のインストール」の順で進む。

  4. 証明書の表示 証明書インストール
  5. 保存場所は「ローカルコンピューター」を選択し、次へを押す。

  6. ローカルコンピューターに保存
  7. 「証明書をすべて次のストアに配置する」を選択し、 参照から[信頼されたルート証明機関] か[信頼されたユーザー] のどちらかを選択。(どちらでもよい。)

  8. 「証明書をすべて次のストアに配置する」 [信頼されたルート証明機関] か[信頼されたユーザー] のどちらかを選択
  9. 「次へ」を押し、「完了」をクリック。
    ※「正しくインポートされました。」と表示されれば成功です。

証明書登録完了画面

お疲れ様です!


ここまで操作するといよいよ、下図のようにappxファイルを起動し、インストールができるようになります。

appx起動
appxインストール

これでやっと、(Surface側で設定すれば)SurfacePenのノックで起動するアプリの出来上がりです!


遠い道のりでしたが、ノック起動はめちゃくちゃ便利ですので、ぜひ使い倒してください。


ありがとうございました。