Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンド初心者が Blazorを使ってみた / 20220428 C#Tokyo

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Taka Taka
April 29, 2022
Technology
500
0

フロントエンド初心者が Blazorを使ってみた / 20220428 C#Tokyo

Avatar for Taka

Taka

April 29, 2022

More Decks by Taka

See All by Taka
HoloLens 2なしでも MRを楽しむ！
Avatar for Taka takahiro901
0
1.2k
BlazorのPWAを使ってみた / Tried using PWA
Avatar for Taka takahiro901
0
1.5k
Dependency Injection はじめの一歩 / 20191024 C#Tokyo
Avatar for Taka takahiro901
0
880
C#勉強法： コンソールでアプリを作ろう / 20190910 C# Tokyo
Avatar for Taka takahiro901
0
860
Xamarin.Formsで自分用の家計簿アプリを作ってみた / 20190831 JXUG
Avatar for Taka takahiro901
0
990
プログラミング初心者が Xamarin.Formsやってみた / 20180523 JXUG
Avatar for Taka takahiro901
0
450

Other Decks in Technology

See All in Technology
PfEingのアプローチで働こう
Avatar for rin（林晃 / Akira Hayashi） rindrics
0
170
ブラウザアプリの継続的パフォーマンスモニタリング (序) / Continuous Browser Application Performance Monitoring; Act 1
Avatar for moznion moznion
0
110
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
Avatar for Databricks Japan databricksjapan
PRO
0
310
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
Avatar for Watanabe Takeshi(Buzz) tkc66buzz
1
240
なぜSRE・セキュリティは評価されないのか？守りの組織を事業成長エンジンに変えた実践
Avatar for サイバーセキュリティクラウド cscengineer
PRO
3
2.1k
AndroidでHDRメディアを「壊さずに」扱う
Avatar for Kazuki Chigita chigichan24
0
380
Azure Cost Management の FOCUS コストデータを迷わず読むための“3つの軸”
Avatar for Tetsuya Odashima tetsuyaooooo
0
140
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
Avatar for yuki honyanya
1
200
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
書籍『生成AIの安全性入門』の入門
Avatar for Koki Wataoka wataoka
0
210
Benchmarking Vector Databases: pgvector vs. LanceDB
Avatar for tsho tsho
0
140
どんな手を使っても絶対間に合わせるスケジューラ
Avatar for asari asari194617
0
1.6k

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
41k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
690
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
460
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
630
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
220
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
320
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
410

Transcript

  1. フロントエンド初心者が Blazorを使ってみた 2022年4月28日　.NET 5 終了目前！ C# Tokyo イベント ＠futa_ttjh

  2. なぜBlazorを使おうと思ったか フロントエンドに動きのあるWEBアプリを開発したい が、JavaScriptがよくわからない C#なら経験がある（Xamarin.Forms、Unity、UWPなど） Blazor使おう！！！

  3. 勉強用に作ったアプリのデモ (Blazor Webassembly)

  4. None
  5. None
  6. None

  7. 使ってみた感想 • ネイティブアプリを開発する感覚でWEBアプリを作れる ◦ XamarinやUWPの感覚に近い • JavaScriptの勉強も必要 ◦ BlazorではC#からJavaScriptのコードを呼び出すことができる ◦

    以下のような場合、JavaScriptを使う必要がある ▪ JavaScript用SDKをブラウザで利用したい ▪ C#からアクセスできないブラウザの API （例）Canvas要素に対してContextを取得（getContext）

  8. C#でフロントエンド開発ができて 素晴らしい！！！

  9. ご清聴ありがとうございました