Slide 1

Slide 1 text

.NET Conf 2024の振り返り 株式会社SAKURUG プロダクトDiv 草場 友光 .NETラボ勉強会2024年11月

Slide 2

Slide 2 text

自己紹介 • コミュニティ活動を通じて知識をアッ プデートしています。 • 2022/08-2025 Microsoft MVP (Developer Technologies) • tomo_kusaba

Slide 3

Slide 3 text

宣伝 【VISION】ひとの可能性を開花させる企業であり続ける VISIONに共感できる仲間募集中。

Slide 4

Slide 4 text

注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。 • #dotnetlabでtweetすると左側に表示されます

Slide 5

Slide 5 text

今日の目的 • .NET Conf2024 が開催されました。 • .NET Conf2024を楽しんだ人もそうでない人も注目のセッ ションを振り返っていきましょう!

Slide 6

Slide 6 text

Keynote – Welcome to .NET 9

Slide 7

Slide 7 text

Keynote – Welcome to .NET 9 .NET 9のことでとても興奮している!

Slide 8

Slide 8 text

Keynote – Welcome to .NET 9 .NETは様々なプラットフォームで様々な目的で使用できます!

Slide 9

Slide 9 text

Keynote – Welcome to .NET 9 この1年間でも様々な取り組みがありました!

Slide 10

Slide 10 text

Keynote – Welcome to .NET 9 みんな大好きな、NuGet

Slide 11

Slide 11 text

Keynote – Welcome to .NET 9 最新の.NETにすることでパフォーマンスもよくなる!

Slide 12

Slide 12 text

Keynote – Welcome to .NET 9 .NET 9の改善点のサマリー

Slide 13

Slide 13 text

Keynote – Welcome to .NET 9 よいアプリケーションを作るうえでの要素

Slide 14

Slide 14 text

Keynote – Welcome to .NET 9 .NET Aspire Community Toolkitがでる サードパーティが独自の統合と拡張機能を.NET Aspireに提供する

Slide 15

Slide 15 text

Keynote – Welcome to .NET 9 Azure Functionsが.NET AspireでPreview

Slide 16

Slide 16 text

Keynote – Welcome to .NET 9 .NET Aspire 9.0のサマリー

Slide 17

Slide 17 text

Keynote – Welcome to .NET 9 みんな大好きAIの話題

Slide 18

Slide 18 text

Keynote – Welcome to .NET 9 .NETにおけるAIのエコシステム

Slide 19

Slide 19 text

Keynote – Welcome to .NET 9 Microsoft.Extensions名前空間にもAIのライブラリーが生えてきました!

Slide 20

Slide 20 text

Keynote – Welcome to .NET 9 汎用ホストに刺さるのでコンストラクタで受け取って使うことも。。。

Slide 21

Slide 21 text

What’s new in .NET Aspire .NET Aspireに関する数字

Slide 22

Slide 22 text

What’s new in .NET Aspire .NET Aspireが提供しているアプリケーションの基本的な機能

Slide 23

Slide 23 text

What’s new in .NET Aspire .NETはこれらの機能を提供しているがAspireはこれらを使用することとどのように 使用するかデフォルト値を提供する

Slide 24

Slide 24 text

What’s new in .NET Aspire いかに簡単に使えるかを示すデモが始まる

Slide 25

Slide 25 text

What’s new in .NET Aspire あっという間にメトリック情報を示すグラフが表示された

Slide 26

Slide 26 text

What’s new in .NET Aspire 独自のアクションを実装することができる。 ここではテストデータを初期化するためのReset Databaseというアクションを実 装した

Slide 27

Slide 27 text

What’s new in .NET Aspire 独自のアクションを実装することができる。 その実装方法の解説。

Slide 28

Slide 28 text

What’s New for ASP.NET Core & Blazor in .NET 9 ASP.NET CoreはフルスタックのWebプラットフォームです。

Slide 29

Slide 29 text

What’s New for ASP.NET Core & Blazor in .NET 9 パフォーマンスや開発エクスペリエンス、クラウドネイティブといった面で多くの改良が加えられました

Slide 30

Slide 30 text

What’s New for ASP.NET Core & Blazor in .NET 9 ASP.NET Coreは優れたパフォーマンスを持っています

Slide 31

Slide 31 text

What’s New for ASP.NET Core & Blazor in .NET 9 .NET Aspireによってクラウドネイティブアプリケーションに必要な要素のテンプレートを提供します。

Slide 32

Slide 32 text

What’s New for ASP.NET Core & Blazor in .NET 9 Blazorのテンプレートを元に.NET Aspireを入れるデモが始まる。。。。。

Slide 33

Slide 33 text

What’s New for ASP.NET Core & Blazor in .NET 9 無事、追加できトレース情報が見えてます

Slide 34

Slide 34 text

What’s New for ASP.NET Core & Blazor in .NET 9 ダッシュボードはFluent UI Blazorによって構築されてます

Slide 35

Slide 35 text

What’s New for ASP.NET Core & Blazor in .NET 9 Blazorの.NET 9での更新内容

Slide 36

Slide 36 text

What’s New for ASP.NET Core & Blazor in .NET 9 レンダーモードに関するデモ。最初Staticだったのが・・・

Slide 37

Slide 37 text

What’s New for ASP.NET Core & Blazor in .NET 9 次の瞬間、シームレスにWebAssemblyとして動作を始めました。

Slide 38

Slide 38 text

What’s New for ASP.NET Core & Blazor in .NET 9 Blazor Serverでサーバーを落とすとクライアントは再接続を試みます

Slide 39

Slide 39 text

What’s New for ASP.NET Core & Blazor in .NET 9 Blazor Serverでサーバーを落とすとクライアントは再接続を試みます

Slide 40

Slide 40 text

What’s New for ASP.NET Core & Blazor in .NET 9 サーバーが立ち上がると素早く再接続しデフォルトの状態でアプリケーションが立ち上がります

Slide 41

Slide 41 text

What’s New for ASP.NET Core & Blazor in .NET 9 .NET MAUI Blazor Hybrid Web Appの紹介

Slide 42

Slide 42 text

What’s New for ASP.NET Core & Blazor in .NET 9 Windowsデスクトップアプリができました

Slide 43

Slide 43 text

What’s New for ASP.NET Core & Blazor in .NET 9 もちろん、モバイルアプリやWebアプリも!

Slide 44

Slide 44 text

What’s New for ASP.NET Core & Blazor in .NET 9 静的ファイルについての改善の説明

Slide 45

Slide 45 text

What’s New for ASP.NET Core & Blazor in .NET 9 新しい静的ファイルのミドルウェアについての説明

Slide 46

Slide 46 text

What’s New for ASP.NET Core & Blazor in .NET 9 Open APIについての説明

Slide 47

Slide 47 text

What’s New for ASP.NET Core & Blazor in .NET 9 Signal Rについての説明

Slide 48

Slide 48 text

What’s New for ASP.NET Core & Blazor in .NET 9 IDistributedCacheからHybridCacheへの説明

Slide 49

Slide 49 text

What’s New for ASP.NET Core & Blazor in .NET 9 その他の開発者エクスペリエンスの向上についての説明

Slide 50

Slide 50 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C#

Slide 51

Slide 51 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# アジェンダ

Slide 52

Slide 52 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# MIDI(v1.0)についての説明

Slide 53

Slide 53 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# MIDI-CIについての説明

Slide 54

Slide 54 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# MIDI2.0 Univarsal MIDI Packet formatについての説明

Slide 55

Slide 55 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# C#でMIDI 2.0アプリを作る方法の解説デモ。作り方にコツがあるらしい

Slide 56

Slide 56 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# Windows専用になるイメージ

Slide 57

Slide 57 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# Nugetリポジトリが違うので注意

Slide 58

Slide 58 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# うまくいけばMIDIメッセージを受信できる

Slide 59

Slide 59 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# 実際にメッセージが受信できた

Slide 60

Slide 60 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# セッションIDを切り替えると他のアプリからのメッセージを受信できた

Slide 61

Slide 61 text

Create gread MIDI 2.0 apps using Windows MIDI Servies and C# ベストプラクティス

Slide 62

Slide 62 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations

Slide 63

Slide 63 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations 今日のお品書き

Slide 64

Slide 64 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations .NETバージョンとFluent UI Blazorのバージョンの関係

Slide 65

Slide 65 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations Fluent UI Blazorの構成要素について

Slide 66

Slide 66 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations Webコンポーネントの仕組み

Slide 67

Slide 67 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations FASTプロジェクトについて

Slide 68

Slide 68 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations Fluent UIとはなにか?

Slide 69

Slide 69 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations これまでのMicrosoftのデザインシステムの振り返り

Slide 70

Slide 70 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations Fluent UI BlazorのライブラリーはFluent UIのコンポーネントだけではないよ

Slide 71

Slide 71 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations Fluent UI Blazorのテンプレートからデモがスタート

Slide 72

Slide 72 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations 登録ページができた!

Slide 73

Slide 73 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations ダイアログの追加も簡単にできます!

Slide 74

Slide 74 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations カスタムダイアログの追加も簡単にできます!

Slide 75

Slide 75 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations トーストも簡単にできます!

Slide 76

Slide 76 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations 絞り込み検索できる入力コンポーネントも簡単に実装できます

Slide 77

Slide 77 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations メニューをAppBarに変更してみました。

Slide 78

Slide 78 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations ダークモードを実装してライトモードと切り替えるようにしてみました。

Slide 79

Slide 79 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations アクセントカラーを変更してみました。

Slide 80

Slide 80 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations その他に、紹介しきれないほどのコンポーネントがあるのでデモサイトを参照してください。

Slide 81

Slide 81 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations FluentUI Web Components V3の紹介

Slide 82

Slide 82 text

Exploring the New Fluent UI Blazor Library: Next-Gen Web Components and Architectural Innovations プロジェクト構造について

Slide 83

Slide 83 text

おしまい おしまい