강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

[C#/.NET 8.0]さあ、Blazor Serverは初めてなの？

★.NET 8.0★Blazor Serverを活用したWeb開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 Razor Page UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

（4.3）受講レビュー 12件

受講生 122名

難易度 初級

受講期間 無制限

  • RAZOR
C#
C#
.NET
.NET
Blazor
Blazor
PostgreSQL
PostgreSQL
C#
C#
.NET
.NET
Blazor
Blazor
PostgreSQL
PostgreSQL

学習した受講者のレビュー

学習した受講者のレビュー

4.3

5.0

이성민

64% 受講後に作成

Blazor Serverの基礎として価値のある講義です。 深化講義が開設されたらと思います。

5.0

hyunwoo.kim

100% 受講後に作成

最新バージョンで講義を聴くことができてとても良かったです。

5.0

yws0409

29% 受講後に作成

WPF講義を聞いてたくさん学んでBlazorも聴きます〜

受講後に得られること

  • Blazor Serverの理解

  • .NET8.0 Blazorの理解

  • Razor構文の活用の理解

  • EntityFramework Coreの理解

  • オブジェクト指向設計の理解

  • その他のUI開発ヒント

blazor_server_intro

初心者のためのBlazor Serverの基礎講義📖

○本講義は、C#/.NET開発者向けのBlazor Server開発基礎講義です。

○Interface、Service、Dependency Injectionなどオブジェクト指向プログラミング技法を学ぶことができます。

○Razor Pageを一緒にデザインすることで、UIの基本的な部分を学ぶことができます。

講義を聞いたら、このような結果を作ることができます。

Data入力機能の開発とUIの実装

Data入力機能の開発とUIの実装

  • DB CRUD機能のためのUIとLogicの実装

  • PostgreSQL + EntityFramework Coreの活用

Dashboardの開発とUIの実装

Dashboardの開発とUIの実装

  • XAML Design およびその他の UI 開発 Tip

  • View ModelとCode-behindとの相互作用

[動画を再生してみてください！ ]

[動画を再生してみてください！ ]

  • .NET8.0 Blazor Serverについてはっきり理解できます。

  • コアクラスの設計ができます。

  • 疎結合のためのInterface、Service、Dependency Injectionを理解できます。

  • DB CRUDにEntityFrameworkを活用できます。

  • Razor Page Designやその他のUI開発ヒントを入手できます。

学習内容

セクション(1) Blazor Serverの理解

セクション(1) Blazor Serverの理解

  • 新しくなった.NET8.0をご覧ください

  • 基本的なBlazor Serverの構造を学ぶ

  • Blazor Server開発前に環境を準備する前に

セクション(2) DatabaseおよびEntity Framework Core

  • Databaseの活用準備を始めます

  • DB CRUDのためのフレームワークを紹介します

  • Class設計後に直接ハンドリングしてみます

セクション(2) DatabaseおよびEntity Framework Core
セクション (3) Razor Page Design(1)

セクション (3) Razor Page Design(1)

  • DB CRUD用のRazor Pageをデザインしよう

  • UI Frameworkを活用しよう

  • 基本的なDatagrid UIをデザインしてみます

セクション (4) Razor Page Design(2)

  • Dashboard Pageをデザインしてみます

  • UIレイアウトと複数のコントロールを活用してください

  • その他のUI開発Tipも知ってください


セクション (4) Razor Page Design(2)

受講前の注意

練習環境

  • オペレーティングシステムとバージョン（OS）：Windows 10

  • 使用ツール: VisualStudio2022, pgAdmin4

学習資料

  • 基本的には講義内の音声で提供され、必要な資料やサイトは講義資料に書いておきます！

選手の知識と注意事項

  • 学習難易度を考慮した必須選手の知識の有無

    • C＃言語の基礎文法だけを知っても受講に支障はありません👍

  • 講義映像品質（音質・画質）など受講に直接関連した内容および推奨学習方法

    • ノイズはできるだけ減らそうとしました！少しのノイズはご了承お願い致します🙏

  • 質問/回答と今後の更新に関する内容

    • 質問はいつでも残していただければ、利用可能な時間にすぐに答えます。

    • 今後更新する予定です。たくさんのF/Bお願いします😄

  • 講義および学習資料著作権に関するお知らせ

    • 講義で提供したソースコードは存分に活用可能です🔥

こんな方に
おすすめです

学習対象は
誰でしょう？

  • C＃/ .NETの基礎はわかっていますが、Web開発は一度もしなかった方

  • WinForm や WPF 開発だけで Web 開発をどのように始めるか感が出ない方

  • Blazorを理解しながら、実践を通じて素早く活用したい方

前提知識、
必要でしょうか？

  • C#/.NET

  • PostgreSQL

こんにちは
です。

892

受講生

80

受講レビュー

41

回答

4.5

講座評価

5

講座

こんにちは。開発者のRAZORです。Python、C#/.NET(Winform, WPF, Blazor)を開発しています :)

私の講義を受講していただき、いつもありがとうございます。思い切ったハイキック（？）ではなく、ぜひフィードバックをお願いします！🤟🤟🤟

 

★RAZORが提供するハイクオリティ（？）な講義リスト

○ Python Fast API 講座 LINK : https://inf.run/h7eTV

○ Winform 講座 LINK : https://inf.run/iovRi

○ WPF 講義 LINK : https://inf.run/ptAYH

○ Blazor WASM 講義 LINK : https://inf.run/tptBE

○ Blazor Server 講義 LINK : https://inf.run/fKHBg

★RAZORのメン토링を受けたいなら？

○ メン토링 LINK : https://inf.run/7u6fC

★RAZORが自ら執筆したオンライン講座の販売で副収入を得る方法が気になるなら？

○ 219日で1300万ウォンの副収入を得る方法：PDF電子書籍の形式で販売しています。

○ 購入をご希望の方は、メール(resti52@naver.com)までご連絡ください :)

カリキュラム

全体

14件 ∙ (4時間 9分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

12件

4.3

12件の受講レビュー

  • aurum82님의 프로필 이미지
    aurum82

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • resti52
      知識共有者

      金星哲様、こんにちは。 まずはお忙しい中、受講のご評価をいただき、誠にありがとうございます。私の講義が少しでもお役に立てたのであれば幸いです。今後のご活躍を心よりお祈り申し上げます。 次回は、より良い講義でお目にかかれることを楽しみにしております。 ありがとうございます！！

  • moomooping님의 프로필 이미지
    moomooping

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    36% 受講後に作成

    • resti52
      知識共有者

      이찬희さん、こんにちは。まずはお忙しい中、受講の感想を本当にありがとうございます。私の講座が少しでもお役に立てたのであれば幸いですし、今後のお仕事がすべてうまくいくよう願っております。次にまた良い講座でお会いしましょう。ありがとうございます！！

  • hyunwookim8664님의 프로필 이미지
    hyunwookim8664

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    最新バージョンで講義を聴くことができてとても良かったです。

    • resti52
      知識共有者

      hyunwoo.kimさんこんにちは！ 私の講義が役に立ったのは本当に幸いです:) 大切な受講評価もありがとうございましたㅎㅎㅎ 次に良い講義でまたお会いしましょう〜！

  • wasigi0409님의 프로필 이미지
    wasigi0409

    受講レビュー 13

    ∙

    平均評価 4.8

    5

    29% 受講後に作成

    WPF講義を聞いてたくさん学んでBlazorも聴きます〜

    • resti52
      知識共有者

      こんにちはyws0409さん！ WPF講義を楽しく聞いてくださり、Blazor Serverまでお探しいただき誠にありがとうございます :) 大切なレビューありがとうございます、少しでも助けてほしい！ありがとうございます〜！

  • esm9105님의 프로필 이미지
    esm9105

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    64% 受講後に作成

    Blazor Serverの基礎として価値のある講義です。 深化講義が開設されたらと思います。

    • resti52
      知識共有者

      イ・ソンミン、こんにちは！大切なレビューありがとうございます。私の講義が役に立ったのは本当に幸いです:) 深化講義も考えてみましょう！ありがとうございます〜！

￥10,805

RAZORの他の講座

知識共有者の他の講座を見てみましょう！

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

WPFを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 MVVM Design Patternに基づくProgramming SkillとXAML UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, wpf

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

★PYTHON★ Fast API を活用した Server 開発の基礎講座です。Fast API、SQLAlchemy、Pydantic、Starlette などの複数のパッケージを活用して、簡単かつ迅速かつ簡単にサーバーを開発する方法を学びましょう。PostgreSQL との連携はもちろん、DB バックアップ ファイルも用意されているのでご安心ください。Dash と Plotly を活用した UI デザインの「基礎」をお教えし、講座で使用されたソース コードも提供します :)

Basic

Basic

FastAPI, Python, PostgreSQL

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

★.NET 8.0★ Winformを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。緩い結合に基づくクラス設計方法とForm UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, winform, PostgreSQL

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

Blazor WebAssemblyを活用したWeb開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 Razor Page UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

Blazor, C#, .NET

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

似ている講座

同じ分野の他の講座を見てみましょう！

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

Blazor WebAssemblyを活用したWeb開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 Razor Page UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

Blazor, C#, .NET

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？Course Thumbnail

[C#/.NET 6.0]さあ、Blazor WebAssemblyは初めてなの？

RAZOR

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

★.NET 8.0★ Winformを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。緩い結合に基づくクラス設計方法とForm UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, winform, PostgreSQL

[C#/.NET 8.0]さあ、WinFormは初めてなの？Course Thumbnail

[C#/.NET 8.0]さあ、WinFormは初めてなの？

RAZOR

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

WPFを活用したWindows Desktop開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 MVVM Design Patternに基づくProgramming SkillとXAML UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

Basic

Basic

.NET, wpf

[C#/.NET 7.0]さあ、WPFは初めてなの？Course Thumbnail

[C#/.NET 7.0]さあ、WPFは初めてなの？

RAZOR

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

★PYTHON★ Fast API を活用した Server 開発の基礎講座です。Fast API、SQLAlchemy、Pydantic、Starlette などの複数のパッケージを活用して、簡単かつ迅速かつ簡単にサーバーを開発する方法を学びましょう。PostgreSQL との連携はもちろん、DB バックアップ ファイルも用意されているのでご安心ください。Dash と Plotly を活用した UI デザインの「基礎」をお教えし、講座で使用されたソース コードも提供します :)

Basic

Basic

FastAPI, Python, PostgreSQL

[2025 新規] こんにちは、Fast API は初めてですか?Course Thumbnail

[2025 新規] こんにちは、Fast API は初めてですか?

RAZOR

Razor Pagesメンバーシップサービス初級コース（.NET5）Course Thumbnail

Razor Pagesメンバーシップサービス初級コース（.NET5）

dotnet

[ASP.NET Core]は複数の分岐に分かれていますが、そのうちMVCとRazor Pagesは代表者です。 そのうち、ここではRazor Pagesを使ってメンバーシップサービス（Identity）を構築する初級コースを盛り込んでいます。

Basic

Basic

.NET

Razor Pagesメンバーシップサービス初級コース（.NET5）Course Thumbnail

Razor Pagesメンバーシップサービス初級コース（.NET5）

dotnet

MAUI [Cross-Platform Applications & C#]Course Thumbnail

MAUI [Cross-Platform Applications & C#]

vmproductor0202

Windows、macOS、iOS、Android アプリケーションを 1 つのコードで開発および動作させる MAUI クロスプラットフォームの開発について学びます。

Beginner

Beginner

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]Course Thumbnail

MAUI [Cross-Platform Applications & C#]

vmproductor0202

C＃TCP / IPソケットプログラミングCourse Thumbnail

C＃TCP / IPソケットプログラミング

erickwon

TCPソケットの基本理論と特徴を学ぶことができます。ソケットのさまざまなオプションとタスクベースの非同期プログラミングが可能です。

Basic

Basic

C#, tcpsocket, tcpip

C＃TCP / IPソケットプログラミングCourse Thumbnail

C＃TCP / IPソケットプログラミング

erickwon

[フルスタック入門] Firebaseより10倍良いSupabaseCourse Thumbnail

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

フルスタック開発を加速させるSupabase！Firebaseの上位互換のSupabaseで、フルスタック開発を2時間で完成させます。

Basic

Basic

PostgreSQL, Next.js, TailwindCSS

[フルスタック入門] Firebaseより10倍良いSupabaseCourse Thumbnail

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

[管理コース #1] 設計 (UML+ClassDiagram)Course Thumbnail

[管理コース #1] 設計 (UML+ClassDiagram)

vmproductor0202

UML中のclass diagram（クラスダイアグラム）講義に該当します。 設計講義に該当します。

Basic

Basic

Architecture, C#, winform

[管理コース #1] 設計 (UML+ClassDiagram)Course Thumbnail

[管理コース #1] 設計 (UML+ClassDiagram)

vmproductor0202

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）Course Thumbnail

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

Basic

Basic

Clone Coding, Node.js, React

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）Course Thumbnail

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

Blazorで素早くホームページを作成するASP.NET core 6Course Thumbnail

Blazorで素早くホームページを作成するASP.NET core 6

backchur

このレッスンでは、visual studio 2022を活用した.netフルスタックWeb開発がどのようなものかを基礎とするプログラミングを体験できます。 Windowsプラットフォームで独自のホームページを作成してください！

Basic

Basic

ASP.NET Core, Blazor

Blazorで素早くホームページを作成するASP.NET core 6Course Thumbnail

Blazorで素早くホームページを作成するASP.NET core 6

backchur

C＃最初から学ぶCourse Thumbnail

C＃最初から学ぶ

vmproductor0202

C＃言語を学びましょう。 C言語を知らなくても学習が可能です。 開発ツールも最初から一緒にインストールします。

Beginner

Beginner

C#, oop

C＃最初から学ぶCourse Thumbnail

C＃最初から学ぶ

vmproductor0202