Windows App SDK 1.0 をインストールする

Windows App SDK 1.0 をインストールする手順を紹介します。

概要

Windows App SDK 1.0 が公開されました。インストールして動作を確認します。

ダウンロードとインストール (Stable)

ダウンロードページ(https://docs.microsoft.com/ja-jp/windows/apps/windows-app-sdk/stable-channel)にアクセスします。
Windows App SDK 1.0 をインストールする:画像1

Version 1.0 (1.0.0) のセクションの Download のセクションからVisual Studio extensions (VSIX)のインストーラーとWindows App SDKのインストーラーをダウンロードできます。
Windows App SDK 1.0 をインストールする:画像2

今回はVisual Studio 2022のC#用のVisual Studio 拡張機能のインストーラーとWindows App SDKのインストーラーをダウンロードしました。
Windows App SDK 1.0 をインストールする:画像3 Windows App SDK 1.0 をインストールする:画像4

Windows App SDK Visual Studio 2022 拡張機能のインストール

ダウンロードした Visual Studio 2022の拡張機能をインストールします。
インストーラーを実行します。
Windows App SDK 1.0 をインストールする:画像5

下図の画面が表示されます。ダイアログの[Modify]ボタンをクリックします。
Windows App SDK 1.0 をインストールする:画像6

インストールが始まります。
Windows App SDK 1.0 をインストールする:画像7 Windows App SDK 1.0 をインストールする:画像8

インストールが完了すると下図の画面が表示されます。[Close]ボタンをクリックしてインストーラーを終了します。
Windows App SDK 1.0 をインストールする:画像9

Windows App SDK のインストール

ダウンロードしたインストーラーのZIPファイルを展開します。
Windows App SDK 1.0 をインストールする:画像10

展開したフォルダを開きます。
Windows App SDK 1.0 をインストールする:画像11

(ZIPファイルのルート)\WindowsAppSDK-Installer-x64\WindowsAppRuntimeInstall.exe のインストーラーを実行します。
Windows App SDK 1.0 をインストールする:画像12

コンソールウィンドウが表示され、インストールが始まります。
Windows App SDK 1.0 をインストールする:画像13

インストールの確認

インストールが完了すると、Visual Studioでプロジェクトの作成画面に WinUI3 のプロジェクトのテンプレートが追加されます。
Windows App SDK 1.0 をインストールする:画像14

ダウンロードとインストール (Preview3)

ダウンロードページ(https://docs.microsoft.com/en-us/windows/apps/windows-app-sdk/preview-channel)にアクセスします。
Version 1.0 Preview 3 (1.0.0-preview3) のセクションの Download のセクションからVisual Studio extensions (VSIX)のインストーラーをダウンロードできます。
Windows App SDK 1.0 をインストールする:画像15

または(https://docs.microsoft.com/en-us/windows/apps/windows-app-sdk/downloads)のページからもダウンロードできます。
Windows App SDK 1.0 をインストールする:画像16

今回はVisual Studio 2022のC#で利用するため、"C# Visual Studio 2022 extension" のインストーラーと、"Installer and MSIX packages" をダウンロードします。

C# Visual Studio 2022 extension のインストール

ダウンロードしたインストーラーを実行します。今回は、Visual Studio 2022 のC#用Extensionをダウンロードしました。
Windows App SDK 1.0 をインストールする:画像17

インストーラーの初期化が始まります。
Windows App SDK 1.0 をインストールする:画像18

インストールされる項目が表示されます。"Windows App SDK C# VS2022 Templates" と "Single-project MSIX Packaging Tools for VS 2022" がインストールされます。 ダイアログ右下の [Modify] ボタンをクリックします。
Windows App SDK 1.0 をインストールする:画像19

インストールが始まります。
Windows App SDK 1.0 をインストールする:画像20 Windows App SDK 1.0 をインストールする:画像21

インストールが完了すると下図の画面が表示されます。[Close]ボタンをクリックしてダイアログを閉じます。
Windows App SDK 1.0 をインストールする:画像22

プロジェクトの新規作成で"WinUI"のテンプレートを確認します。まだ、パッケージ化されたアプリのテンプレートのみがインストールされる状態のようです。
Windows App SDK 1.0 をインストールする:画像23

Windows APP SDK Preview 3 Runtime Installer and MSIX packages

Windows APP SDKのラインタイムをインストールします。先ほどのページからダウンロードした、"Installer and MSIX packages" のZIPファイルを展開します。
Windows App SDK 1.0 をインストールする:画像24
Windows App SDK 1.0 をインストールする:画像25

解凍したファイル内の、WindowsAppSDK-Installer-x64 フォルダにある、WindowsAppRuntimeInstall.exe を実行します。
Windows App SDK 1.0 をインストールする:画像26

コマンドウィンドウが表示され、ランタイムのパッケージのインストールが始まります。
Windows App SDK 1.0 をインストールする:画像27
Windows App SDK 1.0 をインストールする:画像28

インストールが完了するとウィンドウは自動で消えます。
ランタイムのインストールは以上で完了です。

MSIXパッケージを利用しないWinUI3アプリケーションのビルド

こちらのページに手順の記載があります。
https://docs.microsoft.com/en-us/windows/apps/winui/winui3/create-your-first-winui3-app?tabs=csharp%2Ccsharp-unpackaged#instructions-for-winui-3-unpackaged-desktop-apps
詳しいビルド手順はこちらの記事を参照してください。

ダウンロードとインストール (Preview2)

ダウンロードページ(https://docs.microsoft.com/en-us/windows/apps/windows-app-sdk/preview-channel)にアクセスします。
Version 1.0 Preview 2 (1.0.0-preview2) のセクションの Download のセクションからインストーラーをダウンロードできます。
Windows App SDK 1.0 をインストールする:画像29

ダウンロードしたvsixインストーラーを実行すると、Windows App SDK用のVisual Studioの拡張機能をインストールできます。
Windows App SDK 1.0 をインストールする:画像30

ダウンロードとインストール (Preview1)

Windows App SDK のプレビュー版のページ(https://docs.microsoft.com/en-us/windows/apps/windows-app-sdk/preview-channel)にアクセスします。 下図のページが表示されます。ページ中ほどの[Version 1.0 Preview 1] セクションの [Donwload]ボタンをクリックします。
Windows App SDK 1.0 をインストールする:画像31

ページ下部にジャンプしてダウンロードボタンのセクションが表示されます。C#用とC++用のVisual Studio Extension がダウンロードできます。 また、Visual Studio 2019とVisual Studio 2022 とでExtension のインストーラーは別のものになっています。
Windows App SDK 1.0 をインストールする:画像32

WindowsAppSDK.Cs.Extension.Dev17.Standalone.vsix が Visual Studio 2022用のC# Extension、 WindowsAppSDK.Cs.Extension.Dev16.Standalone.vsix が Visual Studio 2019用のC# Extension、となっています。
Windows App SDK 1.0 をインストールする:画像33 Windows App SDK 1.0 をインストールする:画像34

Visual Studio 2019へのインストール

Visual Studio 2019 へExtensionをインストールします。インストーラーを実行します。
Windows App SDK 1.0 をインストールする:画像35

下図のインストール確認画面が表示されます。ウィンドウの[Install]ボタンをクリックします。
Windows App SDK 1.0 をインストールする:画像36

インストールが始まります。
Windows App SDK 1.0 をインストールする:画像37 Windows App SDK 1.0 をインストールする:画像38

インストールが完了すると下図の画面が表示されます。[Close]ボタンをクリックしてインストーラーを終了します。
Windows App SDK 1.0 をインストールする:画像39

Visual Studio 2022へのインストール

Visual Studio 2019 へExtensionをインストールします。インストーラーを実行します。
Windows App SDK 1.0 をインストールする:画像40

下図のインストール確認画面が表示されます。ウィンドウの[Install]ボタンをクリックします。
Windows App SDK 1.0 をインストールする:画像41

インストールが始まります。

Windows App SDK 1.0 をインストールする:画像42 Windows App SDK 1.0 をインストールする:画像43

インストールが完了すると下図の画面が表示されます。[Close]ボタンをクリックしてインストーラーを終了します。
Windows App SDK 1.0 をインストールする:画像44

動作確認

動作確認します。Visual Studioを起動し、プロジェクトの新規作成を実行します。
Windows App SDK 1.0 をインストールする:画像45

[新しいプロジェクトの作成] ダイアログが表示されます。
Windows App SDK 1.0 をインストールする:画像46

右側のエリアの中央のプラットフォームのコンボボックスで "Windows App SDK" でフィルタします。 "Class Library (WionUI 3 in Desktop)" と "Blank App Packaged with WAP (WinUI 3 in Desktop)" の2つが表示されます。
Windows App SDK 1.0 をインストールする:画像47

補足:Visual Studio 2022の場合

Visual Studio 2022でもプロジェクトテンプレートは同様のものが表示されます。
Windows App SDK 1.0 をインストールする:画像48
Windows App SDK 1.0 をインストールする:画像49


Windows App SDK 1.0 のPreview版をインストールできました。

その後の手順

Unpackaged App のコーディング方法はこちらの記事を参照してください。

AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2021-09-19
Copyright © 1995–2025 iPentec all rights reserverd.