Slide 1

Slide 1 text

#BlazorLowCode 空のプロジェクトから始める Blazor 2024/07/04 日本マイクロソフト 大田 一希

Slide 2

Slide 2 text

#BlazorLowCode 自己紹介 名前: 大田 一希 (Kazuki Ota) 所属: 日本マイクロソフト 役職: クラウド ソリューション アーキテクト エバンジェリスト(AI & AppDev) 好き: C#、Azure PaaS 系サービス 苦手: パクチー、インテリセンスの弱い言語 趣味: ゲーム、絵を描くこと X(旧 Twitter): @okazuki Zenn: https://zenn.dev/okazuki

Slide 3

Slide 3 text

#BlazorLowCode 本日のゴール ASP.NET Core の良さを感じてもらう Blazor を使用してもいいかなって思ってもらう

Slide 4

Slide 4 text

#BlazorLowCode もくじ  ASP.NET Core  ASP.NET Core Blazor  まとめ

Slide 5

Slide 5 text

#BlazorLowCode ASP.NET Core 以下の特徴を持つフレームワーク Web アプリ・Web サービスの開発 クロス プラットフォーム クラウドとオンプレにデプロイ Web UI・Web API の 開発プロセスの統一 モジュール化された HTTP 要求パイプライン テスト容易性を考慮 (組み込みの依存性注入サポート)

Slide 6

Slide 6 text

#BlazorLowCode デモ: コンソールアプリ→ASP.NET Core

Slide 7

Slide 7 text

#BlazorLowCode ASP.NET Core の基本形 サービスの登録 ミドルウェアの構成

Slide 8

Slide 8 text

#BlazorLowCode ASP.NET Core MVC ASP.NET Core の基本形 サービスとミドルウェアの構成で使用フレームワークが決まる MVC 用のサービス MVC 用のミドルウェア ASP.NET Core Blazor Blazor 用のサービス Blazor 用のミドルウェア

Slide 9

Slide 9 text

#BlazorLowCode 1 つのアプリ内で共存可能 App Web API 用のサービス Web API 用のミドルウェア Blazor 用のサービス Blazor 用のミドルウェア GET /api/sample { "msg": "Hi" } GET /

Slide 10

Slide 10 text

#BlazorLowCode デモ: ASP.NET Core → Blazor

Slide 11

Slide 11 text

#BlazorLowCode 共通の仕組みに乗っているメリット 共通的な機能は個別に覚えなくていい 認証・認可 出力キャッシュ Cookie の管理 レート制限 タイムアウト ローカライズ などなど ASP.NET Core の概要 | Microsoft Learn

Slide 12

Slide 12 text

#BlazorLowCode デモ: 出力キャッシュ

Slide 13

Slide 13 text

#BlazorLowCode まとめ

Slide 14

Slide 14 text

#BlazorLowCode まとめ  ASP.NET Core  柔軟に拡張可能なフレームワーク  ASP.NET Core Blazor  ASP.NET Core 上に構築されたフレームワーク  ASP.NET Core の機能を柔軟に組み合わせて利用可能  サードパーティーのエコシステムも充実化

Slide 15

Slide 15 text

#BlazorLowCode まとめ .NET で Web アプリを作る時には Blazor も 選択肢に入れてみてください

Slide 16

Slide 16 text

#BlazorLowCode © Copyright Microsoft Corporation. All rights reserved.