Submit Search
C# で Single Page Web アプリを開発できる Blazor ― その魅力
5 likes
3,942 views
Jun-ichi Sakamoto
May 22~23, 2018 に開催された "de:code 2018" の Day2 シアターセッションで、Blazor について発表した際のスライド資料です。
Software
Read more
1 of 47
Download now
Downloaded 14 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
More Related Content
PDF
Blazor 触ってみた
Oda Shinsuke
PDF
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
PDF
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
ODP
MVC の Model を考える
tomo_masakura
PDF
Serverless時代のJavaについて
Amazon Web Services Japan
PDF
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
PDF
202110 AWS Black Belt Online Seminar AWS Site-to-Site VPN
Amazon Web Services Japan
PPTX
Universal Links対応をした話
Chiharu Nameki
Blazor 触ってみた
Oda Shinsuke
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
MVC の Model を考える
tomo_masakura
Serverless時代のJavaについて
Amazon Web Services Japan
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
202110 AWS Black Belt Online Seminar AWS Site-to-Site VPN
Amazon Web Services Japan
Universal Links対応をした話
Chiharu Nameki
What's hot
(20)
PDF
AWSでDockerを扱うためのベストプラクティス
Amazon Web Services Japan
PDF
コンテナの作り方「Dockerは裏方で何をしているのか?」
Masahito Zembutsu
PDF
AWS Black Belt Online Seminar 2018 Amazon DynamoDB Advanced Design Pattern
Amazon Web Services Japan
PDF
WebブラウザでC#実行 WebAssemblyの技術
Sho Okada
PDF
AWS Wavelengthと大阪リージョンのご紹介20210414
Amazon Web Services Japan
PDF
あの日見たMVCを僕たちはまだ知らない for RoR
shinnosuke kugimiya
PDF
マイクロサービス 4つの分割アプローチ
増田 亨
PDF
The Twelve-Factor Appで考えるAWSのサービス開発
Amazon Web Services Japan
KEY
やはりお前らのMVCは間違っている
Koichi Tanaka
KEY
塹壕よりLivetとMVVM
Hiroshi Maekawa
PDF
ASP.NETの進化とASP.NET Core Blazorの凄さ
Sho Okada
PDF
IT エンジニアのための 流し読み Windows 10 - Windows のネットワーク最適化機能
TAKUYA OHTA
PPTX
AWS VM import / export ハンズオン
Emma Haruka Iwao
PPTX
Jakarta EE + MicroProfile との付き合い方
Hirofumi Iwasaki
PDF
AWSのログ管理ベストプラクティス
Akihiro Kuwano
PPTX
Wpfと非同期
yone64
PDF
ドメイン駆動で開発する ラフスケッチから実装まで
増田 亨
PDF
DDDはオブジェクト指向を利用してどのようにメンテナブルなコードを書くか
Koichiro Matsuoka
PDF
SHOWROOMとDeNAで取り組んだライブ配信基盤刷新・超低遅延ライブ配信の裏側【DeNA TechCon 2020 ライブ配信】
DeNA
PPTX
WPF MVVM Review
Takayuki Kondou
AWSでDockerを扱うためのベストプラクティス
Amazon Web Services Japan
コンテナの作り方「Dockerは裏方で何をしているのか?」
Masahito Zembutsu
AWS Black Belt Online Seminar 2018 Amazon DynamoDB Advanced Design Pattern
Amazon Web Services Japan
WebブラウザでC#実行 WebAssemblyの技術
Sho Okada
AWS Wavelengthと大阪リージョンのご紹介20210414
Amazon Web Services Japan
あの日見たMVCを僕たちはまだ知らない for RoR
shinnosuke kugimiya
マイクロサービス 4つの分割アプローチ
増田 亨
The Twelve-Factor Appで考えるAWSのサービス開発
Amazon Web Services Japan
やはりお前らのMVCは間違っている
Koichi Tanaka
塹壕よりLivetとMVVM
Hiroshi Maekawa
ASP.NETの進化とASP.NET Core Blazorの凄さ
Sho Okada
IT エンジニアのための 流し読み Windows 10 - Windows のネットワーク最適化機能
TAKUYA OHTA
AWS VM import / export ハンズオン
Emma Haruka Iwao
Jakarta EE + MicroProfile との付き合い方
Hirofumi Iwasaki
AWSのログ管理ベストプラクティス
Akihiro Kuwano
Wpfと非同期
yone64
ドメイン駆動で開発する ラフスケッチから実装まで
増田 亨
DDDはオブジェクト指向を利用してどのようにメンテナブルなコードを書くか
Koichiro Matsuoka
SHOWROOMとDeNAで取り組んだライブ配信基盤刷新・超低遅延ライブ配信の裏側【DeNA TechCon 2020 ライブ配信】
DeNA
WPF MVVM Review
Takayuki Kondou
Ad
Similar to C# で Single Page Web アプリを開発できる Blazor ― その魅力
(20)
PDF
C# で SPA を作る BLAZOR WEBASSEMBLY の進化 - そしてその先へ
Jun-ichi Sakamoto
PPTX
モノづくりBlazor勉強会1回目資料_Blazorについて.pptx
tkeproject
PPTX
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Yamamoto Reki
PPTX
Blazor Web Assembly (C#) を触ってみた
Naito Oshima
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
PPTX
7 つの Blazor
m ishizaki
PDF
New Features of DotNet 6 Blazor WASM
Shotaro Suzuki
PDF
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
Akira Inoue
PPTX
Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~
m ishizaki
PPTX
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
Joni
PPTX
Blazor WebAssembly と Windows Forms でのロジック共有例
Koichi Ota
PDF
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Shotaro Suzuki
PDF
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
Tatsuya Ishikawa
PDF
Static Web AppsとBlazor WebAssemblyのすすめ
TomomitsuKusaba
PDF
Blazor Server テンプレート解説
Yuta Matsumura
PPTX
burikaigi2023
Tatsuya Ishikawa
PPTX
Interoperability of webassembly with javascript
Takao Tetsuro
C# で SPA を作る BLAZOR WEBASSEMBLY の進化 - そしてその先へ
Jun-ichi Sakamoto
モノづくりBlazor勉強会1回目資料_Blazorについて.pptx
tkeproject
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Yamamoto Reki
Blazor Web Assembly (C#) を触ってみた
Naito Oshima
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
7 つの Blazor
m ishizaki
New Features of DotNet 6 Blazor WASM
Shotaro Suzuki
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
Akira Inoue
Blazor でアプリを作ろう! ~テンプレートインストールから最初のデバッグ実行まで~
m ishizaki
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
Joni
Blazor WebAssembly と Windows Forms でのロジック共有例
Koichi Ota
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Shotaro Suzuki
2024/07/04 Blazor+ローコードで実現する.NET資産のモダナイズ
Tatsuya Ishikawa
Static Web AppsとBlazor WebAssemblyのすすめ
TomomitsuKusaba
Blazor Server テンプレート解説
Yuta Matsumura
burikaigi2023
Tatsuya Ishikawa
Interoperability of webassembly with javascript
Takao Tetsuro
Ad
More from Jun-ichi Sakamoto
(20)
PDF
Pre-render Blazor WebAssembly on static web hosting at publishing time
Jun-ichi Sakamoto
PDF
WebAssemblyが切り拓くフロントエンドWeb開発の未来
Jun-ichi Sakamoto
PDF
Azure Application Insights + Angular5+ - Global azure boot camp 2019@sapporo LT
Jun-ichi Sakamoto
PDF
Azure App Service Authentication
Jun-ichi Sakamoto
PDF
ライトニングトーク - とある LINE Bot の開発記「とても腹立たしいことがあったのです」
Jun-ichi Sakamoto
PDF
「ゆるくLTをしよう勉強会@旭川」jsakamoto 予告編
Jun-ichi Sakamoto
PDF
Ohotech特盛#14 セッション4 予告編
Jun-ichi Sakamoto
PDF
CLR/H 第99回勉強会ライトニングトーク
Jun-ichi Sakamoto
PDF
Ohotech特盛#13 スマホで操作するカメラ付きWi-Fiラジコンカー ― C#とラズパイとWebアプリの技術で作っちゃおう! ―
Jun-ichi Sakamoto
PDF
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
PDF
息子たちがローマ字勉強するための <s>HTML5</s> Web標準 アプリ作ってみた
Jun-ichi Sakamoto
PDF
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
Jun-ichi Sakamoto
PDF
One horror stories around NuGet
Jun-ichi Sakamoto
PDF
How to automated test a web application with sending e mail feature
Jun-ichi Sakamoto
PDF
Introduction of "MarkdownPresenter"
Jun-ichi Sakamoto
PDF
セッション中に Twitter につぶやく!
Jun-ichi Sakamoto
PDF
Ohotech特盛#5予告 - タートルグラフィックでいろんな模様を描いてみよう!
Jun-ichi Sakamoto
PDF
ASP.NET SignalR によるクイズWebアプリ 「みんなで同時プレイするWebアプリでCodeQuizに挑戦!」
Jun-ichi Sakamoto
PDF
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
Jun-ichi Sakamoto
PDF
ASP.NET で作るとあるTwitter Bot -開発環境からネット公開までぜんぶ無料だよ!-
Jun-ichi Sakamoto
Pre-render Blazor WebAssembly on static web hosting at publishing time
Jun-ichi Sakamoto
WebAssemblyが切り拓くフロントエンドWeb開発の未来
Jun-ichi Sakamoto
Azure Application Insights + Angular5+ - Global azure boot camp 2019@sapporo LT
Jun-ichi Sakamoto
Azure App Service Authentication
Jun-ichi Sakamoto
ライトニングトーク - とある LINE Bot の開発記「とても腹立たしいことがあったのです」
Jun-ichi Sakamoto
「ゆるくLTをしよう勉強会@旭川」jsakamoto 予告編
Jun-ichi Sakamoto
Ohotech特盛#14 セッション4 予告編
Jun-ichi Sakamoto
CLR/H 第99回勉強会ライトニングトーク
Jun-ichi Sakamoto
Ohotech特盛#13 スマホで操作するカメラ付きWi-Fiラジコンカー ― C#とラズパイとWebアプリの技術で作っちゃおう! ―
Jun-ichi Sakamoto
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
息子たちがローマ字勉強するための <s>HTML5</s> Web標準 アプリ作ってみた
Jun-ichi Sakamoto
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
Jun-ichi Sakamoto
One horror stories around NuGet
Jun-ichi Sakamoto
How to automated test a web application with sending e mail feature
Jun-ichi Sakamoto
Introduction of "MarkdownPresenter"
Jun-ichi Sakamoto
セッション中に Twitter につぶやく!
Jun-ichi Sakamoto
Ohotech特盛#5予告 - タートルグラフィックでいろんな模様を描いてみよう!
Jun-ichi Sakamoto
ASP.NET SignalR によるクイズWebアプリ 「みんなで同時プレイするWebアプリでCodeQuizに挑戦!」
Jun-ichi Sakamoto
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
Jun-ichi Sakamoto
ASP.NET で作るとあるTwitter Bot -開発環境からネット公開までぜんぶ無料だよ!-
Jun-ichi Sakamoto
C# で Single Page Web アプリを開発できる Blazor ― その魅力
1.
C# で Single
Page Web アプリを 開発できる Blazor ― その魅力 AD61
2.
C# ASP.NET Core
MVC TypeScript Angular 5 • JavaScript • むしろ好きなほう スピーカーのプロフィール
3.
そんなスピーカーが虜になった "Blazor" とは?
4.
Blazor とは SPA フレー ムワーク 実行環境 開発環境
5.
トランスパイラではありません C#プログラムがブラウザで動作する!? ※本セッション中では、"C#" ばかり連呼してますが、このような動作原理なので、実は VB
や F# はじめ、とにかく .NET アセンブリであれば Blazor アプリ内から参照して実行することができます。 (但しスピーカー自身は未検証)
6.
.dll がブラウザに次々とロードされていきますw
7.
スマホもPCも、有名どころは WebAssembly OK! https://caniuse.com/#feat=wasm
8.
• SPA フレームワーク 込み "C#
がブラウザで動く" だけではありません http://blazor-flight-finder.azurewebsites.net/
9.
Visual Studio IDE 用の
Add-In "C# がブラウザで動く" だけではありません
10.
ActiveX などのプラグイン技術ではない
11.
HTMLテンプレートは Razor 構文で記述
12.
• 静的コンテンツ Blazor で作るのは
SPA!
13.
2.1 2017 v.15.7 拡張 Blazor Language
Services Blazor で SPA 開発するのに必要な環境 ※Linux/macOS では現時点では IDE 支援はありませんが、dotnet CLI での開発が可能なはずです (但しスピーカーは未確認)。
14.
プロジェクトの新規作成から、すぐに作れる!
15.
スピーカーはなぜ "Blazor" の虜に なったのか?
16.
学習コストが小さい 開発支援 共有 Blazor は開発者負担を減らす!
17.
1. C# 開発者に対し 追加の学習コストが小さい
18.
C# 開発者に対し、追加の学習コストが小さい JavaScript/TypeScript やっ てない
C#開発者 SPA デビューできる可能性も?
19.
C# のプロジェクト。 NuGet C# 開発者に対し、追加の学習コストが小さい
20.
2. Visual Studio
IDE による 開発支援
21.
Visual Studio IDE
による開発支援
22.
Visual Studio IDE
による開発支援
23.
Visual Studio IDE
による開発支援 ※Visual Studio の Professional 版以上だと、当然、Code Lens 機能でも参照を追えます。
24.
3. サーバー/クライアント間での 型と手続きの共有
25.
サーバー/クライアント間の、型と手続きの共有
26.
サーバー/クライアント間の、型と手続きの共有
27.
日時型に限ら ず、メソッドや計算プロパ ティも含めて、サーバー側 と同じオブジェクトが復元 サーバー/クライアント間の、型と手続きの共有 同じ型情報を共有・ 使用可能
28.
それほど良いものなら、なぜ "Blazor" を今すぐ使わないのか?
29.
まだ実験的プロジェクトだから…! https://twitter.com/danroth27/status/970174117109424128
30.
魅力薄い… 他にもある、Blazor のちょっと残念な点…
31.
…とはいえ。
32.
スピーカーは思う。 "Blazor は良いものだ" をもっと共有したい!
33.
そこで Blazor 自習書を作ってみました
34.
GitHub で公開 https://j.mp/selflearn-blazor-jp
35.
ソースコードも同梱
36.
Blazor が描く開発生産性向上の可能性を評価 この自習書に沿って実際に開発することで…
37.
まとめ
38.
実験的プロジェクト 今日時点でも Blazor を体験することには 価値がある Blazor
は良いものだ
39.
願わくば…
40.
なぜ、広く伝えたいのか?
41.
なぜならば、
42.
Blazor を選ぶことで 自分は Happy
になれる 予感がしたからです。
43.
この思いに 共感した方が もしこの中にいらっしゃれば、
44.
次は、あなたが
45.
その思いを Share しましょう!
46.
Lean, Practice, Share.
47.
© 2018 Junichi
Sakamoto All rights reserved. 本コンテンツの著作権、および本コンテンツ中に出てくる商標権、団体名、ロゴ、製品、サービスなどはそれぞれ、各権利保有者に帰属します。 本情報の内容 (添付文書、リンク先などを含む) は、de:code 2018 開催日 (2018年5月22~23日) 時点のものであり、予告なく変更される場合があります Happy Coding. :)
Download