SlideShare a Scribd company logo
/ 29
Blazor でアプリを作ろう!
~テンプレートインストールから
最初のデバッグ実行まで~
1
CROSS-PLATFORM DEVELOPERS COMMUNITY
2020年01月31日
石崎 充良
/ 29
自己紹介
石崎 充良 ( @mishi_cs )
イメージ情報システム株式会社 スーパーエンジニア
Microsoft MVP for Developer Technologies
言語: C# XAML
活動:
・C# もくもく会 (connpass)
・城東.NET (connpass)
・C# Tokyo (connpass)
2
/ 29
名言
良いアウトプットは
良い定時退社から生まれる
3
/ 29
今 Blazor が熱い
4
/ 29
Blazor
5https://www.publickey1.jp/blog/20/blazor_webassembly5blazorpwa.html
画像は Publickey より
/ 29
ただし
現在、正式なのは Blazor サーバー アプリ だけ
しかしいくつかはプレビューや実験版で試せる
6
/ 29
プロジェクト作成し
てみたもの
7
/ 29
作成してみたもの
•Blazor サーバーアプリ
•Blazor WebAssembly アプリ
•Blazor Mobile Bindings アプリ
8
/ 29
Blazor サーバー
9
/ 29
結論
普通に作れる
10
/ 29
Windows
11
/ 29
Windows
12
/ 29
mac
13
/ 29
生まれたもの
14
/ 29
Blazor WebAssembly
15
/ 29
プレビュー
プレビュー版です。
テンプレートのインストール
インストールされているテンプレートの確認
16
dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview4.19579.2
dotnet new --help
/ 29
NuGet
17https://www.nuget.org/packages/Microsoft.AspNetCore.Blazor.Templates/
/ 29
バージョン
18https://www.nuget.org/packages/Microsoft.AspNetCore.Blazor.Templates/
/ 29
プロジェクト作成
19
dotnet new blazorwasm
>dotnet run
info: Microsoft.Hosting.Lifetime[0]
Now listening on: http://localhost:5000
info: Microsoft.Hosting.Lifetime[0]
Now listening on: https://localhost:5001
info: Microsoft.Hosting.Lifetime[0]
Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
Hosting environment: Production
info: Microsoft.Hosting.Lifetime[0]
Content root path: X:XXXXXX
/ 29
生まれるソリューション
20
WebAssembly Server
/ 29
Visual Studio (Win のみ)
21
/ 29
Mobile Blazor
Bindings
22
/ 29
WebAssembly と同じ
実験版です。
テンプレートのインストール
プロジェクトの新規作成
23
dotnet new -i Microsoft.MobileBlazorBindings.Templates::0.1.173-beta
dotnet new mobileblazorbindings
/ 29
生まれるソリューション
24
/ 29
実行 (Android)
25
/ 29
実行 (iOS)
26https://github.com/xamarin/MobileBlazorBindings/issues/30
/ 29
選択肢は増えない
27
/ 29
まとめ
28
/ 29
コマンドは友達
テンプレートのインストール
ソリューション/プロジェクトの新規作成
29
dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview4.19579.2
dotnet new -i Microsoft.MobileBlazorBindings.Templates::0.1.173-beta
dotnet new blazorwasm
dotnet new mobileblazorbindings
/ 29
さあ、やってみよう!
30

More Related Content

PPTX
WPF .NET Core でも XAML デザイナをあきらめない
PPTX
Windows フォームアプリ 2022
PPTX
dotnet tool
PPTX
Visual Studio Code で C# でのアプリ開発
PDF
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
PPTX
concrete5 のリモート開発 (愛知県岩倉市から)
PPTX
初めてでもOK : )『concrete5』でサイトを作ろう!
PDF
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
WPF .NET Core でも XAML デザイナをあきらめない
Windows フォームアプリ 2022
dotnet tool
Visual Studio Code で C# でのアプリ開発
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 のリモート開発 (愛知県岩倉市から)
初めてでもOK : )『concrete5』でサイトを作ろう!
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)

What's hot (20)

PDF
デザイナーでも構築できる多言語/マルチデバイス対応サイト
PPTX
多様性の中の選択肢!Concrete5とは?
PPTX
.NET Core でデスクトップアプリ Visual Studio 2019 Preview 版
PDF
Uno Platform 触ってみた
PDF
はじめての HoloLens セッションの集大成お見せします!
PDF
concrete5 導入活用セミナー in 徳島 [2016年7月]
PDF
SXSW2013のハイライトと最新動向
PDF
Cloud functionsの紹介
PDF
静的解析とUIの自動生成を駆使してモバイルアプリの運用コストを大幅に下げた話
PPTX
C# Tokyo はじめました
PPTX
Uno Platform 入門
PDF
Gopher Fest 2017参加レポート
PPTX
5月13日 JapanAndroidGroup - Hamamatsu c# go
PDF
Namespace API を用いたマルチテナント型 Web アプリの実践
PPTX
C#_GO ABC spring 2017
PDF
初めての拡張機能リリースまでの歩み / Road to publishing extension for the first time
PDF
Cloud Functionsの紹介
PPTX
Cake Build
PPTX
Concrete5を簡単・安心に使おう
PPTX
Git flow概要紹介
デザイナーでも構築できる多言語/マルチデバイス対応サイト
多様性の中の選択肢!Concrete5とは?
.NET Core でデスクトップアプリ Visual Studio 2019 Preview 版
Uno Platform 触ってみた
はじめての HoloLens セッションの集大成お見せします!
concrete5 導入活用セミナー in 徳島 [2016年7月]
SXSW2013のハイライトと最新動向
Cloud functionsの紹介
静的解析とUIの自動生成を駆使してモバイルアプリの運用コストを大幅に下げた話
C# Tokyo はじめました
Uno Platform 入門
Gopher Fest 2017参加レポート
5月13日 JapanAndroidGroup - Hamamatsu c# go
Namespace API を用いたマルチテナント型 Web アプリの実践
C#_GO ABC spring 2017
初めての拡張機能リリースまでの歩み / Road to publishing extension for the first time
Cloud Functionsの紹介
Cake Build
Concrete5を簡単・安心に使おう
Git flow概要紹介
Ad

Similar to Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~ (20)

PPTX
Uno Platform さわってみた
PPTX
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
PDF
はじめての concrete5 でウェブサイト作成〜入門チュートリアルガイド
PPTX
Visual Studio Code でプログラムをデバッグしよう!
PPTX
Mobile Blazor Bindings
PPTX
Uno Platform 入門 2020/04/03
PDF
わんくま名古屋#33(20141115) TDD道場#21
PPTX
Bluemixクラウド開発入門 Devlivery Pipeline デモ
PPTX
7 つの Blazor
PDF
Php Conference 2012 concrete5
PPTX
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
PDF
Introducing Windows Terminal
PDF
Windows 11 機能アップデートMoment 4
PDF
Web開発者にお勧め .NET MAUI Blazor App
PDF
第4回concrete5初心者勉強会-基礎編-
PPTX
.NET Core 3.0 に備えよう
PPTX
Small Language Model Local Launch on AI Tour Tokyo
PDF
MacintoshでSilverlight開発
PDF
Microsoft Copilot Studio.pdf
PDF
オープンソースCMSに学ぶ、前PSR時代のプロジェクトが脱レガシーする5つの方法
Uno Platform さわってみた
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
はじめての concrete5 でウェブサイト作成〜入門チュートリアルガイド
Visual Studio Code でプログラムをデバッグしよう!
Mobile Blazor Bindings
Uno Platform 入門 2020/04/03
わんくま名古屋#33(20141115) TDD道場#21
Bluemixクラウド開発入門 Devlivery Pipeline デモ
7 つの Blazor
Php Conference 2012 concrete5
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
Introducing Windows Terminal
Windows 11 機能アップデートMoment 4
Web開発者にお勧め .NET MAUI Blazor App
第4回concrete5初心者勉強会-基礎編-
.NET Core 3.0 に備えよう
Small Language Model Local Launch on AI Tour Tokyo
MacintoshでSilverlight開発
Microsoft Copilot Studio.pdf
オープンソースCMSに学ぶ、前PSR時代のプロジェクトが脱レガシーする5つの方法
Ad

More from m ishizaki (20)

PPTX
継承辺りのもしかしたらマイナーかもしれない C#
PPTX
継承辺りのもしかしたらマイナーかもしれない C#
PPTX
Visual Studio を使わず .NET する
PPTX
Xamarin で良くやっていたあれを MAUI でする話
PPTX
「スタバ」する話
PPTX
エンジニアと「スタバ」ツイートについて
PPTX
Build 2022 / Uno Platform
PPTX
C# Tokyo コミュニティ説明 202205 版
PPTX
仮想環境に MAUI 環境を構築する話
PPTX
2022 抱負
PPTX
モバイルディスプレイ
PPTX
PPTX
C# Tokyo コミュニティについて Short 版
PPTX
C# Tokyo コミュニティ案内
PPTX
C# 9 のおすすめ新機能
PPTX
C# Tokyo コミュニティ説明 2021/01/29 版
PPTX
秋葉原 C# もくもく会
PPTX
C# Tokyo guide 2020/12/25
PPTX
C# Tokyo コミュニティ案内 20201217
PPTX
C# Tokyo コミュニティ説明 2020/11/27 版
継承辺りのもしかしたらマイナーかもしれない C#
継承辺りのもしかしたらマイナーかもしれない C#
Visual Studio を使わず .NET する
Xamarin で良くやっていたあれを MAUI でする話
「スタバ」する話
エンジニアと「スタバ」ツイートについて
Build 2022 / Uno Platform
C# Tokyo コミュニティ説明 202205 版
仮想環境に MAUI 環境を構築する話
2022 抱負
モバイルディスプレイ
C# Tokyo コミュニティについて Short 版
C# Tokyo コミュニティ案内
C# 9 のおすすめ新機能
C# Tokyo コミュニティ説明 2021/01/29 版
秋葉原 C# もくもく会
C# Tokyo guide 2020/12/25
C# Tokyo コミュニティ案内 20201217
C# Tokyo コミュニティ説明 2020/11/27 版

Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~