inflearn logo
inflearn logo

ASP.NET core Blazor 詳細講義 - 初級編

この講義では、バックエンドとフロントエンドをすべて C#、HTML、CSS で完了できる便利で安定したフレームワークである Blazor の使用方法について詳しく説明します。この講義は、最初から始める方のための講義です。

難易度 初級

受講期間 無制限

ASP
ASP
.NET
.NET
Blazor
Blazor
ASP
ASP
.NET
.NET
Blazor
Blazor
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

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

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

3.9

5.0

isnotnull

95% 受講後に作成

ありがとうございます。

5.0

yongkyme

90% 受講後に作成

落ち着いた講義ありがとうございます。

5.0

초보개발자

100% 受講後に作成

まだ受講中ですが、Blazorについて基本的な内容をよくお知らせいただき、スタート講義で聞くのがとても良いです。同じです。 高級講義もすぐに会いたいので、早くアップロードされることを期待しています。

受講後に得られること

  • ASP.NET

  • .NET 6

  • Blazor

  • C#

  • HTML

C#の文法に関するガイドから
ホームページを作るのに必要なヒントまで! 👉

➰受講時の注意事項

C#は文法が厳しいので、自分が考えるものを実装して見下ろしてエラーにぶつかることができます。そんなときは、実戦講義映像を参考にしていただき、もし映像にない内容であれば、お問い合わせを残していただければ、早急にお答えいたします。


ASP.NET core Blazor 💻

ASP.NET core Blazorを理論と一緒にビジュアルスタジオでコードを書くことで学ぶことができます。 C#の文法のガイドとホームページを作成するために必要なヒントを紹介します。

基本的に完全なWebアプリケーションを作成するには、JavaScript + HTML(CSS)+バックエンド言語(nodeやJavaなど)の少なくとも3つの言語を扱う必要があります。しかし、BlazorはJavaScriptとバックエンドをC#にすることができ、リアルタイムのレスポンシブページをレンダリングするので、規模の大きいホームページを作成するのにとても良いフレームワークです。この講義はそのようなBlazorが序盤には難しいかもしれませんが、完璧な理解を助けるためにできるだけ詳しく説明し、理論に基づいて実戦作成も盛り込んだ講義です。

こんな方が聞けばいいですよ🙋‍♂️

ブレザーを使用しながら
どんどん詰まる開発者

静的ウェブページの勉強
完成した開発者

既存のフレームワーク以上
学習したい方


学習内容📚

#1

Blazorを使用するためのヒントとC#理論を学ぶ

ASP.NET Blazorのみの構造の特徴を説明 1. ASP.NET Blazorのみ
構造の特徴を説明

2.ブレザーの主なファイル
拡張子の説明

3. Blazorでよく使用される
HTMLタグの紹介

4. Blazorでは、CSSは
どうやって使うべきですか?

5.ブレザーから独立ページを
作成方法の説明

ブレザーで共有ページを作成する方法について説明 6.ブレザーで共有ページを
作成方法の説明

サイドバーとコンテンツページヘッダの追加説明 7.サイドバーとコンテンツページヘッダに
追加の説明

ブレザーで知っておくべきC#文法の特異点 8. ブレザーで知っておくべきこと
C#文法の特異点

ページのロード時に実行される寿命コンポーネントの順序とガイド 9.ページの読み込み時に実行される
寿命コンポーネントの順序とガイド

他のC#ファイルからコードをレーザーページにインポートする方法 10.他のC#ファイルからコードを
レーザーページにインポートする方法

#2

理論に基づいて、Blazor Server内で実際のコードを書く

(1)

ブレザーサーバーとWebアセンブリの違い、ブレザープロジェクト構造のファイルを順番に確認し、実行順でコードを学ぶ

(2)

csファイル内の名前空間変数メソッドの作成、cshtmlページの生成、1つのレーザーページの生成

(3)

div、h1、pとspanタグの作成、画像Webルートからの読み込み、inpufileの作成

(4)

site.cssにコードを追加して適用、razor.cssを作成して適用させてみて、ディープcssを削除して変更を調べる

(5)

インデックスページ内の基本コードを修正すること、ページを作成してルーティングを異なるようにして手動でページを読み込む、appページ

(6)

Shared フォルダ内に razor ページを作成し、別のフォルダで作成し、インデックスページで新しく作成したコンポーネントデータを渡す

(7)

ブレザーからブートストラップを問題なく削除する、NavMenuにリンクを追加する

(8)

インデックスレーザーページに5つの変数とvoid関数を追加します。

(9)

onparameterset から始めて afterrenderasync までの順序をログを通じて確認してみて、ファーストレンダ内で動作する構造を説明

(10)

フォルダ内にファイルを作成し、変数と関数を作成し、レーザーページにクラス型とインジェクト型にインポートする

#3

学んだことに基づいて動作する本番Webアプリケーションの制作


学んだことに基づいて動作するウェブアプリケーションの制作

複数のページを作成し、さまざまなデータを読み込むブレザーWebページを作成します。


予想される質問 Q&A 💬

Q.非専攻者も聞ける講義ですか?

私も非専攻者だったから可能だと思われますが、現在の高度な機能講義は制作中に基礎を学ぶと考えればいいと思います。

Q.なぜブレザーを学ぶべきですか?

私は、Laravelからnode.js、jspなど、あらゆる種類のWebプログラミングをバックエンドのフロントエンドに関係なくやってみました。そのうちの2つが一つにまとめられており、MVCパターンの安定性に優れ、何よりもビジュアルスタジオがとても好きでブレザーをメイン言語にすることになりました。

Q.授業内容をどのレベルまで扱いますか?

該当講義では一番基礎となる機能を紹介しています。さらに、難しいプログラミング講義は制作中です。

Q.ソフトウェアの費用はかかりますか?

ブレザーも、ビジュアルスタジオ2022コミュニティ版も全部無料です。ただし、サービスを行うサーバーを選ぶとき、通常LinuxよりもWindowsを使うのにライセンスコストが少し高価です。それでもIISを使えば、月2万5千ウォン程度のサーバーレスコストが出てくると考えればいいのです。


知識共有者の紹介✒️

  • 4年目のフルスタック開発者でありながらデザイナーでもあるペク・スンチョルです。
  • 現在、Inflearnにブレザーの味わい講義とキムプ講義を公開中です。
  • Welcome VO7E! >該当ホームページをブレザーで製作しました。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フルスタックフレームワークでホームページを開発したい開発者

  • HTML、CSSをある程度知っている方

  • C# プログラミングに精通している方

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

  • HTML

  • CSS

こんにちは
backchurです。

674

受講生

38

受講レビュー

72

回答

3.5

講座評価

5

講座

カリキュラム

全体

21件 ∙ (5時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

9件

3.9

9件の受講レビュー

  • isnotnull9134님의 프로필 이미지
    isnotnull9134

    受講レビュー 2

    平均評価 5.0

    5

    95% 受講後に作成

    ありがとうございます。

    • backchur
      知識共有者

      良い評価を残していただきありがとうございます。残してくださった心を持って、今後より良い講義を作れるようにはるかに努力してみましょう。受講者様も今後ブレザーを活用してプログラミング中にうまくいっていただきたいです!

  • yongkyme6314님의 프로필 이미지
    yongkyme6314

    受講レビュー 8

    平均評価 4.8

    5

    90% 受講後に作成

    落ち着いた講義ありがとうございます。

    • donghtoun8278님의 프로필 이미지
      donghtoun8278

      受講レビュー 1

      平均評価 5.0

      5

      95% 受講後に作成

      blazor 開始時に時間を短縮できる講義

      • backchur
        知識共有者

        足りないことが多いのに良い評価を残してくれてありがとう。実戦でもう少し使える高級機能も講義制作予定ですのでお楽しみください!ブレザーが私が経験したフレームワークの中で一番大丈夫だと感じました。

    • gunhak019097님의 프로필 이미지
      gunhak019097

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      まだ受講中ですが、Blazorについて基本的な内容をよくお知らせいただき、スタート講義で聞くのがとても良いです。同じです。 高級講義もすぐに会いたいので、早くアップロードされることを期待しています。

      • backchur
        知識共有者

        良い評価をいただきありがとうございます。今後もブレザーを使用していますが、ご不明な点がございましたらお問い合わせを残してください~ できるだけお手伝いできるようにさせていただきます。

    • wasigi0409님의 프로필 이미지
      wasigi0409

      受講レビュー 13

      平均評価 4.8

      4

      86% 受講後に作成

      Blazorに関しては基本的で必要な部分を教えてくれてありがとう。 チュートリアル まずよりこの講義を聞くので、この講義だけを聞くこともできたいですね。

      • backchur
        知識共有者

        良い評価を残していただきありがとうございます。足りない点が多かったのですが、それでも役立つことを願って、近いうちに高級機能をブレザーに駆使する方法について、高級編講義を制作中です。今後もASP.NETと一緒にいただきたいと思ったらまたお聞かせください!

    backchurの他の講座

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

    似ている講座

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

    ¥4,710