この Hello World ガイドでは、Visual Studio で WinUI と Windows App SDK 開発環境を設定し、最初のアプリを作成する方法について説明します。
1. 開発者モードを有効にする
Windows には、ビルドしているアプリを実行してテストできるようにセキュリティ設定を調整する開発者モードが含まれています。 Visual Studio を使用してアプリをビルド、デプロイ、テストする前に、開発者モードを有効にします。
ヒント
ここで開発者モードを有効にしていない場合、Visual Studio では、アプリのビルド時に有効にするように求められます。
開発者モードを有効にするには:
- Windows 設定を開き、[ システム > の詳細設定 ] ページに移動します。
- [開発者モード] スイッチを [オン] に切り替え、確認ダイアログで選択内容を確認します。
開発者モードの詳細については、「 開発者向けの設定」を参照してください。
2. Visual Studio と WinUI と Windows App SDK に必要なワークロードをインストールする
Microsoft の IDE である Visual Studio を使用して、WinUI アプリをビルド、デバッグ、デプロイします。 Visual Studio には、すぐに使い始めるのに役立つ Windows 用のすぐに使用できるプロジェクト テンプレートが含まれています。
無料の Visual Studio Community エディションには、アプリの開発に必要なものがすべて含まれています。 大規模な チームまたは組織では、Professional エディションと Enterprise エディションを使用できます。 詳細については、「 Visual Studio とは」 と 、Windows アプリ開発のシステム要件を参照してください。
コンソールで次のいずれかのコマンドを実行して、必要なツールとワークロードをインストールします。
このコマンドを実行すると、不足しているワークロードが事前に選択された Visual Studio インストーラーが開きます。[ 変更 ] を選択してインストールします。
Community を Professional または Enterprise に置き換えて、別の Visual Studio エディションをインストールできます。
C# アプリ開発用
winget install "Visual Studio Community 2022" --override "--add Microsoft.VisualStudio.Workload.ManagedDesktop Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cs" -s msstore
C++ アプリ開発用
winget install "Visual Studio Community 2022" --override "--add Microsoft.VisualStudio.Workload.NativeDesktop Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cpp" -s msstore
3. 最初の WinUI アプリを作成して起動する
Visual Studio プロジェクト テンプレートには、アプリをすばやく作成するために必要なものがすべて含まれています。 WinUI アプリ テンプレートからプロジェクトを作成する場合は、独自のコードで拡張できる実行可能なアプリから始めます。
WinUI C# の空のアプリ プロジェクト テンプレートを使用して新しいプロジェクトを作成するには:
Visual Studio を開き、起動ページ で [新しいプロジェクトの作成 ] を選択します。 Visual Studio が既に開いている場合は、 ファイル>New>Project を選択します。
WinUI を検索し、WinUI 空のアプリ (パッケージ化) C# プロジェクト テンプレートを選択し、[次へ] を選択します。
プロジェクト名を指定し、[ 作成] を選択します。 必要に応じて、ソリューション名とディレクトリを指定することも、既定値のままにすることもできます。 この図では、
Hello WorldプロジェクトはHello Worldソリューションに属しており、これはC:\Projects\に保存されています:
。
[スタート] ボタンを押して、プロジェクトをビルドして実行します。
プロジェクトがビルドされ、ローカル コンピューターに配置され、デバッグ モードで実行されます。
これで、初めての WinUI アプリが作成されました。
次のステップ
WinUI が提供する内容を把握するには、WinUI ギャラリー アプリを確認してください。
WinUI 3 ギャラリー アプリには、ほとんどの WinUI 3 コントロールと機能の対話型の例が含まれています。 Microsoft Store からアプリを入手するか、GitHub でソース コードを取得します。
WinUI Fundamentals の詳細を学びます。
Fluent Design の原則を確認します。
アプリをより効率的に開発するのに役立つサンプルとツールを見つけます。
Windows developer