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

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

Avatar for Taka Taka
April 29, 2022
Technology
480
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.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
830
Xamarin.Formsで自分用の家計簿アプリを作ってみた / 20190831 JXUG
Avatar for Taka takahiro901
0
960
プログラミング初心者が Xamarin.Formsやってみた / 20180523 JXUG
Avatar for Taka takahiro901
0
450

Other Decks in Technology

See All in Technology
OCI技術資料 : 証明書サービス概要
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
1
7.2k
スクラムを支える内部品質の話
Avatar for IIJ_PR iij_pr
0
160
BFCacheを活用して無限スクロールのUX を改善した話
Avatar for Ryuya Yanagi apple_yagi
0
140
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
27k
How to install a gem
Avatar for André Arko indirect
0
2k
「できない」のアウトプット 同人誌『精神を壊してからの』シリーズ出版を 通して得られたこと
Avatar for comi comi190327
3
520
GitHub Advanced Security × Defender for Cloudで開発とSecOpsのサイロを超える: コードとクラウドをつなぐ、開発プラットフォームのセキュリティ
Avatar for yuriemori yuriemori
1
120
互換性のある（らしい）DBへの移行など考えるにあたってたいへんざっくり
Avatar for Takanori Sejima sejima
PRO
0
520
トイルを超えたCREは何屋になるのか
Avatar for 弁護士ドットコム bengo4com
0
120
FASTでAIエージェントを作りまくろう！
Avatar for YukiOgawa yukiogawa
4
180
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
Avatar for Ken Kato kkato1
0
170
Podcast配信で広がったアウトプットの輪～70人と音声発信してきた7年間～/outputconf_01
Avatar for FORTE fortegp05
0
180

Featured

See All Featured
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
100
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
120
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
460
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.5k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
330
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.5k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
300
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
490
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
320

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