きっかけは
Announcing .NET Core 3.0で以下のような正式リリースの発表がありました
.NET Core 3.0のリリースを発表できることを嬉しく思います。Windows FormsとWPFの追加、新しいJSON APIの追加、ARM64のサポート、
全般的なパフォーマンスの改善など、多くの改善が含まれています。C＃8もこのリリースの一部であり、null可能、非同期ストリーム、
その他のパターンが含まれています。F＃4.7が含まれており、構文を緩和し、.NET Standard 2.0をターゲットにしています。
しばらく.NETの世界から離れていたのですがオープンソースでWPFアプリケーションが作成できると聞いてVisualStudioなしの開発がどこまで可能か試してみました。
注意
WPFやWindows FormはMacOSやLinux上では動作しません。以下の記事はWindows上で実行する前提の記事になります。
ただし、コンソールアプリや ASP.Net CoreはLinux,MacOSでも実行可能です。実行するための詳細な前提条件は下記のMicrosoftのガイドを参照してください。
まずはインストール
上記のブログにリンクのあるダウンロードページ Download .NET Core 3.0 を開いて、SDK 3.0.100 (2019/9/25現在)からご自身の環境に合ったものを選んでダウンロードします。
選べる実行環境には
- Windows
- Mac OS
- Linux
- Other
とあります。
また、Microsoft公式のDockerイメージもDocker Hub上に用意されています。
今回は基本的なインストール方法としてWindows 64Bit版をダウンロードして使用することとします。
ダウンロードしたファイル dotnet-sdk-3.0.100-win-x64.exe を実行するとインストーラーが起動するのでインストールを実行します。
インストールが終了すると、以下の表示になりインストール終了です。
インストールされるものはSDKの他に.Net Core, ASP.NET Core,.NET Core Windows Desktopのランタイムが一緒にインストールされるようです。
- .NET Core SDK 3.0.100
- .NET Core Runtime 3.0.0
- ASP.NET Core Runtime 3.0.0
- .NET Core Windows Desktop Runtime 3.0.0
インストール完了したら、コマンドプロンプトを開いてdotnet --infoを実行します
>dotnet --info
.NET Core SDK (global.json を反映):
Version: 3.0.100
Commit: 04339c3a26
ランタイム環境:
OS Name: Windows
OS Version: 10.0.18362
OS Platform: Windows
RID: win10-x64
Base Path: C:\Program Files\dotnet\sdk\3.0.100\
Host (useful for support):
Version: 3.0.0
Commit: 7d57652f33
.NET Core SDKs installed:
3.0.100 [C:\Program Files\dotnet\sdk]
.NET Core runtimes installed:
Microsoft.AspNetCore.App 3.0.0 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
Microsoft.NETCore.App 3.0.0 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
Microsoft.WindowsDesktop.App 3.0.0 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
To install additional .NET Core runtimes or SDKs:
https://aka.ms/dotnet-download
Visual Studio CodeにC#開発環境を作る
VisualStudio無しとはいってもソースコード書く環境は欲しいのでVisual Studio Codeに開発環境を整えます。
Visual Studio Codeのインストールは済んでいるものとして進めます。
拡張機能のマーケットプレースを開いて .NET Coreで検索してみると多くの拡張機能が出てきます。
この中でダウンロード数も多く、機能も多そうな .NET Core Extension Pack をインストールしてみます。Extension Packは関係するいろいろな拡張機能の詰め合わせになっています。
https://marketplace.visualstudio.com/items?itemName=doggy8088.netcore-extension-pack
インストールされる拡張機能
- C#
- C# Snippets
- C# Extensions
- C# FixFormat
- Super Sharp (C# extensions)
- C# XML Documentation Comments
- Paste JSON as Code
- TODO Highlight
- .NET Core Test Explorer
- NuGet & Build Tools
- NuGet Package Manager
- MSBuild project tools
- .NET Core Tools
- Path Intellisense
- Version Lens
- Essential ASP.NET Core Snippets
- ASP.NET Helper
- gitignore
いっぱい拡張機能入りますが、最低限必要なものはC#だけなのでごちゃごちゃ入れたくない人は C#だけ入れれば大丈夫です。
プロジェクトを作る
いよいよWPFアプリを作っていきましょう。
まずは最初にインストールした .NET Core3で何ができるかdotnet -hを実行して確認してみます。
>dotnet -h
.NET Core SDK (3.0.100)
使用法: dotnet [runtime-options] [path-to-application] [arguments]
.NET Core アプリケーションを実行します。
runtime-options:
--additionalprobingpath <path> 調査ポリシーと調査対象アセンブリを含むパス。
--additional-deps <path> 追加の deps.json ファイルへのパス。
--fx-version <version> アプリケーションを実行するために使用するインストール済み Shared Framework のバージョ ン。
--roll-forward <setting> フレームワーク バージョン (LatestPatch、Minor、LatestMinor、Major、LatestMajor、Disable) にロールフォワードします。
path-to-application:
実行するアプリケーション .dll ファイルへのパス。
使用法: dotnet [sdk-options] [command] [command-options] [arguments]
.NET Core SDK コマンドを実行します。
sdk-options:
-d|--diagnostics 診断出力を有効にします。
-h|--help コマンド ラインのヘルプを表示します。
--info .NET Core 情報を表示します。
--list-runtimes インストール済みランタイムを表示します。
--list-sdks インストール済み SDK を表示します。
--version 使用中の .NET Core SDK バージョンを表示します。
SDK コマンド:
add .NET プロジェクトにパッケージまたは参照を追加します。
build .NET プロジェクトをビルドします。
build-server ビルドによって開始されたサーバーとやり取りします。
clean .NET プロジェクトのビルド出力をクリーンします。
help コマンド ラインのヘルプを表示します。
list .NET プロジェクトのプロジェクト参照を一覧表示します。
msbuild Microsoft Build Engine (MSBuild) コマンドを実行します。
new 新しい .NET プロジェクトまたはファイルを作成します。
nuget 追加の NuGet コマンドを提供します。
pack NuGet パッケージを作成します。
publish .NET プロジェクトを配置のために発行します。
remove .NET プロジェクトからパッケージまたは参照を削除します。
restore .NET プロジェクトに指定されている依存関係を復元します。
run .NET プロジェクトの出力をビルドして実行します。
sln Visual Studio ソリューション ファイルを変更します。
store 指定されたアセンブリをランタイム パッケージ ストアに格納します。
test .NET プロジェクトに指定されているテスト ランナーを使用して、単体テストを実行します。
tool .NET のエクスペリエンスを向上するツールをインストールまたは管理します。
vstest Microsoft Test Engine (VSTest) コマンドを実行します。
バンドルされたツールからの追加コマンド:
dev-certs 開発証明書を作成し、管理します。
fsi F# Interactive を開始するか、F# スクリプトを実行します。
sql-cache SQL Server キャッシュ コマンドライン ツール。
user-secrets 開発ユーザーのシークレットを管理します。
watch ファイルが変更されたときにコマンドを実行するファイル ウォッチャーを起動します。
コマンドに関する詳細情報については、'dotnet [command] --help' を実行します。
.NET Core CLIではプロジェクトを作成するときにあらかじめ用意されているテンプレートを基に作成することができます。
この辺のエコシステムはRailsから始まりYeomanなどのコマンドで行う今のWeb開発のエコシステムの流れをくむものといえるでしょう。
dotnet newコマンドを調べてみると以下のように多くのテンプレートがすでに用意されています。
>dotnet new --help
使用法: new [options]
オプション:
-h, --help Displays help for this command.
-l, --list Lists templates containing the specified name. If no name is specified, lists all templates.
-n, --name The name for the output being created. If no name is specified, the name of the current directory is used.
-o, --output Location to place the generated output.
-i, --install Installs a source or a template pack.
-u, --uninstall Uninstalls a source or a template pack.
--nuget-source Specifies a NuGet source to use during install.
--type Filters templates based on available types. Predefined values are "project", "item" or "other".
--dry-run Displays a summary of what would happen if the given command line were run if it would result in a template creation.
--force Forces content to be generated even if it would change existing files.
-lang, --language Filters templates based on language and specifies the language of the template to create.
--update-check Check the currently installed template packs for updates.
--update-apply Check the currently installed template packs for update, and install the updates.
Templates Short Name Language Tags
----------------------------------------------------------------------------------------------------------------------------------
Console Application console [C#], F#, VB Common/Console
Class library classlib [C#], F#, VB Common/Library
WPF Application wpf [C#] Common/WPF
...... 以下続きます
今回はwpfプロジェクトを作成するので dotnet new wpf [任意のプロジェクト名] を任意のフォルダで実行します。
>dotnet new wpf -o hellowpf
The template "WPF Application" was created successfully.
Processing post-creation actions...
Running 'dotnet restore' on hellowpf\hellowpf.csproj...
D:\workspace\hellowpf\hellowpf.csproj の復元が 172.24 ms で完了しました。
Restore succeeded.
上記のようにプロジェクトフォルダが作成されます。
作成されたフォルダに行って dotnet runを実行してみます。
すると内側が真っ白なウィンドが立ち上がります。
たったこれだけでWPFのアプリが作成できちゃいます。
テンプレートで作成されたファイルを確認すると今まで見ていたような名前のファイルができていることが分かります。
あとはこのXAMLファイルの見た目を整えるのですが、XAMLデザイナーを使用する場合はVisual Studio 2019 ダウンロードリンクを使用する必要があります。個人で使用する場合はCommunity版などを使用することで恩恵受けることができますね。
<Window x:Class="hellowpf.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:hellowpf" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800">
</Window>
XAML Studio
ただ今回は、VisualStudioなしでVSCodeで開発するのが目的なのでこの方法は使えません、
いろいろ探してこれは使えそうかなというものがなんとMicrosoftから見つかったので紹介します。
インストールは Microsoft Store から行います。 XAML Studio
起動画面はこんな感じ
さっそく、先ほど作成された MainWindow.xamlを読み込んでみましたがコンパイルエラーになりました。
しかし、XAMLStudioで新規作成したものは、以下のようにプレビューも表示できています。
おそらくXAMLStudioではWindowタグは認識できなさそうなので、Pageタグと置き換えることでプレビューができそうです。
左側のアイコンの一番下をクリックするとTOOLBOXとしてXAMLのタグ一覧が出てきてタグをクックすると右側の編集画面に追加されます。タグの横の？アイコンをクリックするとそのタグを説明したページhttps://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.gridなどがブラウザで表示されるので各タグの細かいパラメータなどはそちらを参考にして記述ができそうですね。
サンプルからタグを張り付けてプレビューした結果は以下の通りです。
デザイン確認したらVSCode側に張り付けてみます。
これをコンパイル実行した結果が以下の画像になります。
若干の手間はありますが、これでWPFアプリを作れそうですね。