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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Taka Taka
April 29, 2022
Technology
0
480

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

Avatar for Taka

Taka

April 29, 2022
Tweet

More Decks by Taka

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

Other Decks in Technology

See All in Technology
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
670
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
600
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
360
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
150
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
生成AIと余白 〜開発スピードが向上した今、何に向き合う？〜
Avatar for KAKEHASHI kakehashi
PRO
0
130
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
750
Oracle AI Database 移行・アップグレード勉強会 - RAT活用編
Avatar for oracle4engineer oracle4engineer
PRO
0
110
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
93k
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
380
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
1
380
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
200

Featured

See All Featured
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
350
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Between Models and Reality
Avatar for mayunak mayunak
1
190
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
130
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
190
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k

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. ご清聴ありがとうございました