WinUI 3 で開発を行うための準備をする

עודכן דף :
תאריך יצירת דף :

הדף שאתה מציג כעת אינו תומך בשפת התצוגה שנבחרה.

動作確認環境

Windows
  • Windows 11
Visual Studio
  • Visual Studio 2022 Version 17.12.3
.NET
  • .NET 8
WinUI
  • WinUI 3
Windows App SDK
  • 1.6.241114003

動作必須環境

下位バージョンでも動作する場合もあります。

Windows
  • Windows 10
  • Windows 11
Visual Studio
  • Visual Studio 2022 Version 17.12 以降
.NET
  • .NET 8 以降
Windows App SDK
  • 1.6.241114003 以降

Visual Studio のインストールと WinUI のセットアップ

WinUI 3 の開発プロジェクトは Visual Studio のインストールで追加することが可能です。 ここでは Visual Studio のインストール手順については簡略化して説明します。 詳しい手順などは以下の Tips にまとめていますのでそちらを参照してください。

インターネットやメディアから入手した Visual Studio 2022 のインストーラーを起動します。 Community や Professional、またはその上位のエディションに対応しています。

ワークロードの選択で「Windows アプリケーション開発」を選択します。

もしプログラムの発行機能を使用したい場合は「.NET デスクトップ開発」にもチェックを入れておいてください。

あとはインストールを開始してください。他にも画面は出てきますがプロジェクト作成のところまで説明は省きます。

インストールが完了したら新しいプロジェクトの作成を行います。

右上の検索項目に WinUI があるので選択すると WinUI 3 のプロジェクトテンプレートが表示されるので任意のテンプレートを選択してプロジェクトを作成します。

これで WinUI 3 を使用したアプリケーションの開発を行うことができます。

WinUI 3 の開発環境を後で追加する場合

先に Visual Studio をインストールしてしまった場合でも後から WinUI 3 の開発環境を追加することが可能です。

Visual Studio を起動しメニューから「ツール > ツールと機能を取得」を選択します。

Visual Studio インストール時と同じ画面が表示されるので「Windows アプリケーション開発」にチェックを入れてください。

開発者モードを有効にする

WinUI アプリケーションの実行はほかのデスクトップアプリケーションとは異なりセキュリティが強化された環境で実行されます。 そのためそのままでは実行することはできません。 実行しようとすると以下のようなダイアログが表示され「開発者モード」を有効にするように促されます。 リンクをクリックすれば設定画面が表示されるので「開発者モード」を有効にしてください。

Visual Studio からでなくても設定画面から「開発者モード」の有効・無効を切り替えることもできます。 スタートメニューから「設定」を選択します。

「システム」メニューから「開発者向け」を選択します。

「開発者向け」の切り替えがあるので「オン」に設定します。 注意書きが表示されるので「はい」を選択して有効にします。