Submit Search
Upload
モノづくりBlazor勉強会1回目資料_Blazorについて.pptx
•
Download as PPTX, PDF
•
0 likes
•
26 views
T
tkeproject
Follow
モノづくりの革新に向けたBlazorの導入の紹介と実践を勉強するための資料です。
Read less
Read more
Software
Report
Share
Report
Share
1 of 8
Download now
Recommended
C# で Single Page Web アプリを開発できる Blazor ― その魅力
C# で Single Page Web アプリを開発できる Blazor ― その魅力
Jun-ichi Sakamoto
Blazor 触ってみた
Blazor 触ってみた
Oda Shinsuke
Blazor Web Assembly (C#) を触ってみた
Blazor Web Assembly (C#) を触ってみた
Naito Oshima
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28
光一 原田
New Features of DotNet 6 Blazor WASM
New Features of DotNet 6 Blazor WASM
Shotaro Suzuki
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
Java scriptの進化
Java scriptの進化
maruyama097
Recommended
C# で Single Page Web アプリを開発できる Blazor ― その魅力
C# で Single Page Web アプリを開発できる Blazor ― その魅力
Jun-ichi Sakamoto
Blazor 触ってみた
Blazor 触ってみた
Oda Shinsuke
Blazor Web Assembly (C#) を触ってみた
Blazor Web Assembly (C#) を触ってみた
Naito Oshima
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28
光一 原田
New Features of DotNet 6 Blazor WASM
New Features of DotNet 6 Blazor WASM
Shotaro Suzuki
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
Java scriptの進化
Java scriptの進化
maruyama097
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
Akira Inoue
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
miso- soup3
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
cordova/electronの構造を知る
cordova/electronの構造を知る
Yasuharu Seki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Yamamoto Reki
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Xamarin で今日から始めるクロスプラットフォーム開発
Xamarin で今日から始めるクロスプラットフォーム開発
友太 渡辺
Cloud から IoT まで、なんでもおまかせ ~ .NET 5 正式リリース!
Cloud から IoT まで、なんでもおまかせ ~ .NET 5 正式リリース!
Akira Inoue
Application development with c#, .net 6, blazor web assembly, asp.net web api...
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...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
Kensaku Komatsu
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
Joni
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Saki Homma
Talk: serverless-express
Talk: serverless-express
HiroyukiTakakura
Azure serverless!! azure functionsでサーバーを意識しない開発
Azure serverless!! azure functionsでサーバーを意識しない開発
Yuki Hattori
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
.NET の今と未来 ~ デバイス&クラウド ネイティブを目指して
.NET の今と未来 ~ デバイス&クラウド ネイティブを目指して
Akira Inoue
ROS.js の紹介
ROS.js の紹介
Honma Masashi
More Related Content
Similar to モノづくりBlazor勉強会1回目資料_Blazorについて.pptx
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
Akira Inoue
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
miso- soup3
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
cordova/electronの構造を知る
cordova/electronの構造を知る
Yasuharu Seki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Yamamoto Reki
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Xamarin で今日から始めるクロスプラットフォーム開発
Xamarin で今日から始めるクロスプラットフォーム開発
友太 渡辺
Cloud から IoT まで、なんでもおまかせ ~ .NET 5 正式リリース!
Cloud から IoT まで、なんでもおまかせ ~ .NET 5 正式リリース!
Akira Inoue
Application development with c#, .net 6, blazor web assembly, asp.net web api...
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...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
Kensaku Komatsu
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
Joni
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Saki Homma
Talk: serverless-express
Talk: serverless-express
HiroyukiTakakura
Azure serverless!! azure functionsでサーバーを意識しない開発
Azure serverless!! azure functionsでサーバーを意識しない開発
Yuki Hattori
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
.NET の今と未来 ~ デバイス&クラウド ネイティブを目指して
.NET の今と未来 ~ デバイス&クラウド ネイティブを目指して
Akira Inoue
ROS.js の紹介
ROS.js の紹介
Honma Masashi
Similar to モノづくりBlazor勉強会1回目資料_Blazorについて.pptx
(20)
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
2016/05/01 Visual Studio with Cordova
2016/05/01 Visual Studio with Cordova
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
cordova/electronの構造を知る
cordova/electronの構造を知る
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
Blazor0.6.0を用いたスクリプトレスWebアプリ開発の可能性
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Xamarin で今日から始めるクロスプラットフォーム開発
Xamarin で今日から始めるクロスプラットフォーム開発
Cloud から IoT まで、なんでもおまかせ ~ .NET 5 正式リリース!
Cloud から IoT まで、なんでもおまかせ ~ .NET 5 正式リリース!
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
ブラウザからWeb OSへ〜Web - TV連携事例からその可能性を探る〜
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
.NET Core 3.0 で Blazor を使用したフルスタック C# Web アプリの構築
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Talk: serverless-express
Talk: serverless-express
Azure serverless!! azure functionsでサーバーを意識しない開発
Azure serverless!! azure functionsでサーバーを意識しない開発
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
.NET の今と未来 ~ デバイス&クラウド ネイティブを目指して
.NET の今と未来 ~ デバイス&クラウド ネイティブを目指して
ROS.js の紹介
ROS.js の紹介
モノづくりBlazor勉強会1回目資料_Blazorについて.pptx
1.
Blazorを活用したモノづくり 向けのアプリ開発について モノづくりBlazor勉強会1回目資料
2.
Blazorとは? ブラウザ httpサーバ C#(ASP .NET) Java Python Javascript ブラウザ httpサーバ C#(ASP .NET)
C# 時々Javascript 従来のWEBアプリはクライアント側はJavascriptで処 理し、サーバ側を他の言語で行うことが多い。 Blazorはクライアント側もサーバ側もC#のみで処理 を記述することが可能。 つまり、単一の言語でWEBアプリの開発が可能に なる。
3.
Blazorにはいくつかの種類がある! BlazorはWEBアプリであるが、WEBアプリのメリットを生かしたデスクトップアプリを開発することが可能。 ⇒ WEBアプリでもデスクトップアプリでも、同じコード資産を共有できる! Edgeの上で稼働するBlazor Web
App WPFフォームにBlazor Webview2コンポーネントを 配置したBlazor Hybrid
4.
なぜ、Blazorに着目したのか? 今後のモノづくり(設計、製造、生産技術)は自動化、システム化が求められる。 ⇒機械設計だけやっても、改善しない! 高齢化、人が少ない。 ⇒やることだけが増える。ここからはスピード勝負! デスクトップアプリやWEBアプリをWPFや.NET Coreで開発していたが・・・・ ⇒Blazorをやることで開発リードタイムが半分になった! による、お互いのスキルアップにつなげる。 込むことで、モノづくり革新の促進につなげる。
5.
Blazor Hybridによるデスクトップアプリの 開発メリット • BootstrapやJQueryといった、WEB上のオープンソースを活用できる。 •
マウスのスクロールホイールでアプリを拡大・縮小が可能。 • ウィンドウのサイズに合わせた、柔軟なフォーミングが可能。 • WPFと同様、外部のDLL等も使用可能。 デメリットといえば・・・ 双方向バインディングがやりづらい??? でも、今のところはその程度。 ウィンドウサイズに合わせて コンポーネントの位置が自動的 に リプレイスできる。
6.
デスクトップアプリで HTMLエディタを実装してみる! HTMLエディタなんて、難しくてできないよ。 テキストボックスにどうやって、絵やテキスト の 色付けを行うの!? インターネットに無償公開されているオープ ンソースのHTMLエディタを活用する方法 があれば、簡単にできるんじゃない?
7.
HTMLエディタはSummernoteがおすすめ! Summernote - Super
Simple WYSIWYG editor Razorファイル(ページファイル)に、下記の 数行を追加するだけで実装完了!
8.
Blazor Hybridを使えば・・・ WEB上のオープンソースを活用して多くの機能を簡単に実装が可能! ⇒コードの記載の手間を減らすことができる。 ⇒開発リードタイムの短縮が可能 さらに・・・・ CSSやWEBのコンポーネントを活用するため、デザイン性にあふれたフォー ミングが可能となる。
Download now