https://thedotnetblog.com/ja/tags/visual-studio-code/Articles, tutorials and insights from the .NET community.Hugoja@thedotnetblog (The .NET Blog)@thedotnetblogWed, 27 May 2026 00:00:00 +0000https://thedotnetblog.com/ja/news/emiliano-montesdeoca/dotnet-new-winui-templates-cli-vscode/Wed, 27 May 2026 00:00:00 +0000Emiliano Montesdeocahttps://thedotnetblog.com/ja/news/emiliano-montesdeoca/dotnet-new-winui-templates-cli-vscode/WinUI プロジェクトテンプレートが dotnet new で使えるようになりました — 空のアプリ、NavigationView パターンなど。VS Code 対応、Visual Studio 不要、Fluent Design のデフォルト設定が組み込まれています。<p>WinUI 開発にはかつて Visual Studio が必要でした。それが変わりつつあります: Microsoft が <code>dotnet new</code> で動作する WinUI 向けのオープンソースのプロジェクトテンプレートとアイテムテンプレートを公開し、Windows アプリ開発を標準的な CLI ワークフローに組み込んでいます。</p> <h2 id="3-つのコマンドで始める">3 つのコマンドで始める</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl"><span class="c1"># テンプレートをインストール</span> </span></span><span class="line"><span class="cl">dotnet new install Microsoft.WindowsAppSDK.WinUI.CSharp.Templates </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># NavigationView アプリを作成</span> </span></span><span class="line"><span class="cl">dotnet new winui-navview -n MyApp </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 実行</span> </span></span><span class="line"><span class="cl"><span class="nb">cd</span> MyApp </span></span><span class="line"><span class="cl">dotnet run </span></span></code></pre></div><p>Visual Studio 不要、手動のプロジェクト設定も不要。アプリは <code>dotnet run</code> で実行できます。</p> <h2 id="含まれているもの">含まれているもの</h2> <p><strong>空のテンプレート</strong> (<code>dotnet new winui</code>) — Fluent タイトルバーがすでに設定されたモダンな出発点。<code>.ico</code> アセット付きの更新されたデフォルトアプリアイコン、適切なライト/ダークモードのデフォルト設定を含みます。自分で基本設定をしなければならなかった古い空のテンプレートより優れています。</p> <p><strong>NavigationView テンプレート</strong> (<code>dotnet new winui-navview</code>) — マスター-詳細ナビゲーションパターン。NavigationView、モダンなタイトルバー、マルチページナビゲーション構造が完全に設定されています。ナビゲーションベースのアプリに対する標準的な Windows アプリシルエットに従っています。サイドナビゲーションのあるものを作る場合はここから始めましょう。</p> <p>両テンプレートは <a href="https://learn.microsoft.com/windows/apps/design/basics/app-silhouette">Windows アプリシルエット</a> — レイアウト、ナビゲーション、視覚構造のためのモダンな Fluent Design パターン — にすぐに従います。</p> <h2 id="visual-studio-以外の開発者にとって重要な理由">Visual Studio 以外の開発者にとって重要な理由</h2> <p>VS Code、Rider、またはコマンドラインツールを使用している WinUI 開発者は不遇に扱われてきました。既存の Visual Studio テンプレートは VS 外では使えず、プロジェクト構造を手動で再作成し、基本を設定し直す必要がありました。</p> <p>これらのテンプレートはオープンソースです (<a href="https://github.com/microsoft/WindowsAppSDK/pull/6407">WindowsAppSDK PR #6407</a> を参照)。<a href="https://github.com/microsoft/microsoft-ui-xaml/issues/10388">コミュニティのフィードバック</a>から開発され、今すぐ利用可能です。Visual Studio サポートも進行中 — これらの同じテンプレートはいずれそちらでも動作するようになります。</p> <p>WinUI プロジェクトのセットアップをスクリプト化したい、CI に組み込みたい、または Visual Studio 以外のエディタを使いたいチームにとって、これは意味のある改善です。</p> <p>元の記事: <a href="https://devblogs.microsoft.com/ifdef-windows/introducing-dotnet-new-templates-for-winui/">Introducing dotnet new WinUI templates</a></p>