次の場所でダウンロードできます: https://aka.ms/blazor-ebook エディション v6.0 - .NET 6 に更新 書籍の更新とコミュニティへの投稿については、変更ログに関するページを参照してください。 発行者 Microsoft 開発部門、.NET および Visual Studio 製品チーム A division of Microsoft Corporation One Microsoft Way Redmond, Washington 98052-6399 Copyright © 2022 by Microsoft Corporation All rights reserved. 本書のいかなる部分も、書面による発行者の許可なしに、いかなる形式または方法によっても、複製または伝送することを禁じます。 本書は "現状有姿" で提供され、著者の見解と意見を表して
ASP.NET Core Blazor WebAssembly と Web API と Entity Framework Core で SQL Server のデータを取得したり追加したり更新したり削除したりする - Qiita
[ { "bookId": 1, "title": "たったひとつの冴えたやりかた", "author": "ジェイムズ・ティプトリー・ジュニア" }, { "bookId": 2, "title": "アンドロイドは電気羊の夢を見るか?", "author": "フィリップ・K・ディック" }, { "bookId": 3, "title": "夏への扉", "author": "ロバート・A. ハインライン" }, { "bookId": 4, "title": "幼年期の終り", "author": "アーサー C クラーク" }, { "bookId": 5, "title": "われはロボット", "author": "アイザック・アシモフ" } ] こういう UI を構築する。 環境 Visual Studio 2019 16.6.1 .NET Core 3.1 ASP.NET
初めに この記事は、普段レガシーよりの開発環境で作業をされている方へ向けて（私もそうです。） 最近のフロントエンドに触れてみようという内容です。暇つぶしに読んでいただければ幸いです。 （結構長文です。） 目次 ・この記事のゴール ・最近のC#とはどんな言語か ・WebAssemblyって何？ ・Blazorって何？ ・SPAって何？ ・実際に作ってみよう 想定読者 ・FrontEnd開発にJavaScript以外の選択肢が欲しい方 ・jQuery以外を使ったことがない方 ・C#が好きな方 この記事のゴール この記事では、razor→C#を呼び出して、どんな感じに動作するかを解説します。 最近のC#とはどんな言語か（宣伝） かつてのC#といえば、Microsoft社が作ったJavaというイメージを持たれている方も多いかと思います。 最近のC#は、Webアプリケーション、ゲーム開発（ちょっと違
Blazor Server-SideアプリケーションでBlazorだけで、チャットアプリを作ります。 驚くほど簡単にできます 開発環境 Windows10 Visual Studio 2019 .Net Core 3.0 メッセージ管理クラスの作成 Sharedフォルダに、List<string>型のチャット情報を保持するだけのChatClassを作ります。 using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; namespace BlazorApp30.Shared { public class ChatClass { /// <summary> /// チャットメッセージを保持する /// </summary> private List<strin
背景 bitflyerの12/22のアドベンドカレンダーは、「Blazor WebAssemblyを用いた新規の業務システムの開発（現在進行中）」の話をしたいと思います。Blazor WebAssemblyを検討している人や現在開発中の方の手助けになればと思います。 bitFlyerのバックエンドの言語は基本的にC#で、クラウドはAzureを使用しています。そのため、他のクラウドを使用している場合は、一部異なる可能性があります。 また、検討および開発を2022年4月下旬に開始したため、最新と多少異なる可能性があります。 bitFlyerでのバックエンドの開発環境は、 言語：C# フレームワーク：.Net Framework 4.7.2, .Net Core3.１, .Net 5, .Net 6 インフラ：Azure （参照：https://bitflyer.com/ja-jp/recrui
概要 Blazor WebAssembly 3.2.0 Preview 3がリリースされ、Visual Studio(とVisual Studio Code)のデバッグに対応したようなので、Visual Studioでのデバッグを試した際のメモです。 参照元 環境 Windows 10(64bit) 1909 Google Chorome 80.0.3987.149 (64bit) .NET Core SDK 3.1.300-preview-015048 Microsoft.AspNetCore.Blazor 3.2.0-preview3.20168.3 Visual Studio 2019 Version 16.6.0 Preview 2.0 セットアップ 最新の.NET Core SDK(3.1.201) のインストール 下記から最新バージョンのSDKをインストールします。 リンク テ
.NET Core 3.1 SDKをMacにインストールして「Blazor WebAssembly App (3.2.0)」を試してみる。 - Qiita
.NET Core 3.1 SDKをMacにインストールして「Blazor WebAssembly App (3.2.0)」を試してみる。.NETWebAssembly.NETCoreBlazor
Blazor WebAssembly を試してみようかなと思い立ったので以下のドキュメントを写経してみました。 ASP.NET Core Blazor の概要 プロジェクトテンプレートのインストール 今のところプレビューなので自前で入れます。.NET Core SDk 自体も 3.1.102 以降である必要があります。私は、現時点での最新版の 3.1.201 が入っていました。以下のコマンドでプロジェクトテンプレートをいれます。 dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Templates::3.2.0-preview2.20160.5 入れると、Visual Studio のプロジェクトテンプレートの Blazor アプリの中に Blazor WebAssembly App が生えます。 右下の ASP.NET C
.NET MAUI と Blazor を統合させる、.NET MAUI Blazor アプリを触ってみる | DevelopersIO
.NET MAUI と Blazor を統合させる、.NET MAUI Blazor アプリを触ってみる いわさです。 先日、.NET MAUI アプリを少し触ってみたのですが、その際のプロジェクトテンプレートに「.NET MAUI Blazor アプリ」というものがありました。 Blazorをネイティブアプリ上でホスティングしてハイブリッドアプリを作成出来るような仕組みのようです。 本日はこちらを使ってみて、どういうものなのかを調べて、そしてプラットフォーム固有の機能を使った簡単なコンポーネントを実装してみました。 本記事では一部プレビュー機能について触れています。 公式ドキュメントのリンクを多めに入れておいたので、最新情報については公式ドキュメントもご確認ください。 まずは新規作成して実行してみる 新規作成すれば動くはずです。 まずはそのまま実行してみましょう。 マルチプラットフォーム
The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.
GitHub - AdrienTorris/awesome-blazor: Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
ASP.NET Blog's archives - Archives of the ASP.NET blog about Blazor. Blazor - Official website of Blazor, from Microsoft. Blazor courses on Microsoft Learn - Blazor courses on Microsoft Learn. Blazor-Dev gallery on .NET Foundation - Daily builds of the 'dev' branch of Blazor. Blazor Extensions - Curated extensions for Microsoft ASP.Net Core Blazor. Blazor University - Unofficial documentation webs
概要 つい最近正式版がリリースされた、Blazor WebAssemblyですが、 そのBlazorのコンポーネント向けのテストフレームワークのbUnitを試した際のメモです。 bUnit公式 サンプルコード 前提 Windows 10 (64bit) Visual Studio 2019 16.6 .NET Core SDK (3.1.300) ※今回はBlazor WebAssemblyを使用しています。 (Server-sideは未検証ですが恐らく動くと思います。) 手順 Blazorプロジェクトの作成 Visual Studioもしくはdotnetコマンドから、Blazor WebAssemblyの新規プロジェクトを作成してください。 bUnit用のテンプレートをインストール 下記のコマンドでテンプレートをインストールします。 バージョンは2020/5/22時点で1.0.0-bet
BlazorクライアントアプリケーションをFirebase Hostingにデプロイし、Firebase Databaseと連携したいと思います。 開発環境 Windows10 Visual Studio 2019 Preview .Net Core 3.0 Preview 9 Firebase CLI for Windows(beta) Firebaseの準備 Firebase-CLIを使えるようにする VisualStudioのプロジェクトをFirebaseにデプロイするために、Firebase-Cliを準備します。Firebase CLI for Windows(beta)は、Node.jsなどのインストールが不要なので便利です。 PATHを通しておきます。 Firebaseにログインし、新しいプロジェクトを作成 Firebaseアカウントを作成し、ログインして、新しいプロジェクトを
はじめに 同じようなタイトルで 1 年と半年前に以下の記事を書きました。 この時には Fluent UI Blazor イマイチだなぁと思っていたのですが、あれから 1 年半で Fluent UI Blazor が結構進化していました。そして .NET 8 で Blazor が大進化を遂げたのにも、しっかり対応していました。 まだ、細かいところをみると .NET 8 の Blazor の進化への対応は、ドタバタしてる感じはありますが、即対応版を出してくれているところは安心感があります。 ということで .NET 8 で Fluent UI Blazor を試してみて感想を書いていこうと思います。 Fluent UI Blazor とは Fluent UI Blazor は Microsoft のデザイン システムの Fluent UI に沿ったコンポーネントを提供する Blazor 向けの
Web Forms in the Age of .NET 8: Planning for the Long Term Introduction Web Forms in the Age of .NET 8: Planning for the Long Term Posted by Crista Perlton on March 5th, 2023. No matter what you’ve heard, ASP.NET Web Forms in the age of .NET Core and .NET5+ (.NET 5 to .NET 8) are possible and will still run. You do not have to rewrite your Web Forms applications as MVC soon or even in the near fut
C#でSPAを実現する、Blazorコンポーネントの開発
対象読者 C#とWebシステムの基礎的な知識がある方を対象とします。C#の基本文法などの解説は割愛します。 はじめに 前回は、ASP.NET Core Blazorについての概要と開発環境、そしてBlazor WebAssemblyのテンプレートプロジェクトの作成までを解説しました。今回からは、テンプレートプロジェクトを元に、実際のアプリを作成していきます。 今回は、日記アプリを作成します。ごくシンプルなアプリでも、Blazor WebAssemblyアプリならではの手法がいろいろ必要となります。 日記アプリ 作成するアプリは次のように、カレンダー表示、テキスト入力、ボタンだけが配置されたページとなります。カレンダー部分はコンポーネントとして作成します。 日記アプリ アプリの動作は簡単です。カレンダーの日付をクリックすると、日記が書かれたデータを読み込み、表示します。「保存する」ボタンを押
Blazorが一般公開になりました。 身の回りでは（大いなる誤解含みで）にわかに話題になっています。 自分はAngularが好きなので、AngularでできることがBlazorだとどうなるのかを調べてみたいと思います。 コンポーネント Angularのコンポーネントと、Blazorのコンポーネントはほぼほぼ同じ意味です。 コンポーネントを用意していくことで画面を組み立てます。 思いついたものをまとめました。 比較項目 Angular Blazor
![[Microsoft] Angular側からBlazorを眺めて比較する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab4d02d2a6bb68de99768dca4f42999f4c5ce290/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTWljcm9zb2Z0JTVEJTIwQW5ndWxhciVFNSU4MSVCNCVFMyU4MSU4QiVFMyU4MiU4OUJsYXpvciVFMyU4MiU5MiVFNyU5QyVCQSVFMyU4MiU4MSVFMyU4MSVBNiVFNiVBRiU5NCVFOCVCQyU4MyVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDU2ZWRiNDA5NjgyNWUxZTMxOTMzZTQ0OWJmNDBiNjY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzZW5nb2t1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYWNiYmI4Yzk1MmVkYjkwODY3MTMxMTVkMzMzNGY1Nw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8b9ceebc8c3ec98bfb20f561ae542991)
概要 Blazor向けのUIフレームワークであるRadzen Blazor Componentsを導入して試すまでのメモ。 Demo https://nobu17.github.io/RadzenBlazorTest/ ソース https://github.com/nobu17/RadzenBlazorTest/ 背景 Blazor単体にはSPA用のUIフレームワークは用意されていないので別途インストールが必要です。 Boootstrap等の一般的なHTML,css用のフレームワークを使用してゴリゴリHTMLを書く方法も考えられますが、今回はBlazorに特化されたものを使用してみようと思います。 前提 使用している.NET Core及びBlazorのテンプレートのバージョン等は下記です。 .NET Core 3.0 Preview SDK 3.0.100-preview7-012821
Sign in with Apple を ASP.NET Core のウェブサイトに導入してみる - Qiita
前書き ASP.NET Core で作成したウェブサイトに Sign in WIth Apple を組み込む必要があったので、調べたついでに導入手順を書き残します。 需要があるかわかりませんが、GitHub にサンプルもあげておきます。 https://github.com/Yuki0928/SignInWIthAppleSample ASP .NET Core では Facebook、Twitter、Google、Microsoft などの外部プロバイダーの認証を非常に簡単にアプリに組み込めるのですが、Sign in with Apple は勝手が違うところがあり少し手間でした。 作業環境 Windows 10 Visual Studio 2019 Apple 開発者ポータルでの事前準備 アップルのヘルプなどを参考に Sign in with Apple を使用する準備を行います。 ht
デバッグしよう Blazor WebAssembly を触ってみる - その①環境を整える、サンプルを動かす の続きです。 今回は以下の記事を参考にデバッグ操作を試してみたいと思います。 ASP.NET Core Blazor WebAssembly をデバッグする https://docs.microsoft.com/ja-jp/aspnet/core/blazor/debug?view=aspnetcore-3.1#visual-studio-code Visual Studio Code でやってみる 1. launch.json の確認 .vscode\launch.json がない状態で Run -> Start Debugging (F5) でデバッグ実行をクリックすると、以下のように環境の選択肢が表示されたと思います。 ここで .NET Core を選択すると以下のようなデバ
Blazor WebAssemblyで高機能なデータグリッドコントロールを使用する | MESCIUS.devlog - メシウス株式会社
メシウス株式会社のDeveloper Solutions〈開発支援ツール〉の情報発信メディア「MESCIUS.devlog」 .NET 5で対応されないASP.NET Web Formsの移行先としても注目を集める「ASP.NET Core Blazor」ですが、その本命とも言われている「Blazor WebAssembly」が2020年5月に正式リリースされました。 こちらは2020年7月17日まで開催中のオンラインイベント「de:code 2020」にて、マイクロソフト コーポレーションの井上章さんのセッションの中で詳しい解説やデモを見ることができます。 今回の記事では、Blazor WebAssemblyの公式のプロジェクトテンプレートをベースに、Blazor WebAssemblyの基本的な使い方や、標準のテーブルを高機能なデータグリッドに置き換える手順などをご紹介したいと思います
Blazorファーストルック - Qiita
(An English version of this article is also available.) この記事ではMicrosoftにより開発されたBlazorに関して説明していきます。Blazorのプログラミング方法というよりはその用途など、ハイレベルな部分を紹介していきたいと思います。 Blazorとは BlazorはMicrosoftにより開発された、シングルページアプリケーション（SPA）を作成するためのフレームワークです。 .NETの機能を使うことにより、C#でウェブアプリケーションを開発することができます。 現在、Blazorには二種類あります。 Blazor Server Blazor Client (WebAssembly) この記事ではその二種類を合わせて見ていきます。 二種類のBlazor さて、Blazorには二種類あるわけですが、その特徴を見ていきます。
ASP.NET Core Blazor WebAssembly と Web API と Entity Framework Core で SQL Server のデータを取得したり追加したり更新したり削除したりする [.NET 6 版] - Qiita
ASP.NET Core Blazor WebAssembly と Web API と Entity Framework Core で SQL Server のデータを取得したり追加したり更新したり削除したりする [.NET 6 版]C#EntityFrameworkASP.NET_CoreBlazor はじめに 2022 年 11 月に .NET 6 と Visual Studio 2022 がリリースされました。ということで .NET 6 版の Blazor WebAssembly / ASP.NET Core Web API / Entity Framework を使って CRUD アプリケーションを作っていきたいと思います。 （以前書いたこれの .NET 6 版です） 完成イメージ 環境 Windows 10 Pro Microsoft Visual Studio Communit
![ASP.NET Core Blazor WebAssembly と Web API と Entity Framework Core で SQL Server のデータを取得したり追加したり更新したり削除したりする [.NET 6 版] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ddb2da00505e096f32bf0dc1f74b7c5db8c76e58/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9QVNQLk5FVCUyMENvcmUlMjBCbGF6b3IlMjBXZWJBc3NlbWJseSUyMCVFMyU4MSVBOCUyMFdlYiUyMEFQSSUyMCVFMyU4MSVBOCUyMEVudGl0eSUyMEZyYW1ld29yayUyMENvcmUlMjAlRTMlODElQTclMjBTUUwlMjBTZXJ2ZXIlMjAlRTMlODElQUUlRTMlODMlODclRTMlODMlQkMlRTMlODIlQkYlRTMlODIlOTIlRTUlOEYlOTYlRTUlQkUlOTclRTMlODElOTclRTMlODElOUYlRTIlODAlQTYmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQ5NDZmZDAyMWRmZjU3NDZhYWM1NTFiMWUxMWU3NGU0%26mark-x%3D142%26mark-y%3D100%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB0YW10YW15YXJuJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01ZDk0YzMyNjYxYjM5N2U0ZDIzYjczOGU3ZDIzZjgyMg%26blend-x%3D142%26blend-y%3D504%26blend-mode%3Dnormal%26s%3D2ae8c40e41b00d998a6388a4c2ce039a)
概要 SPA(Single Page Application)という技術があることを知り、フロントエンドフレームワークを触ってみるいい機会になるのでないかと思い、Vue.js/Blazor/Reactをまとめて触ってみた。 SPAのルータのページ切り替えを見て従来のiframeや生のJavaScriptとできることがどのように違うのかということも疑問に思ったので同じようなこちらでも同じような感じで実装を試みた。 作ったSPAの仕様 上部にメニューバー Home/Counter/Todoの独立したWebアプリをコンポーネントとして所持。 Home 別のコンポーネントを読み込んで文字を表示するだけなアプリ。 Counter Blazorの実行サンプルに付いてきたカウンターアプリ。 Todo Vue.jsミニハンズオン（TODOリスト作成）を8割位実装したTodoアプリ。 成果物 Vue.js
はじめに 現在、Blazor Server を使用してアプリケーションを作成しています。.NET 7のサンプルアプリから徐々に改良して作成していきました。 2023/11/14に.NET 8がリリースされました。早速、Target frameworkを「.NET 8」に変更してみると、これが動かないんですよね。 既に社内ライブラリーは、.NET 8に上げてしまったので正直焦りました。 原因を調査するには時間が足りないため、しばらくは.NET 7のまま開発を進めていました。 そして、冬季休暇になった段階で、ようやく落ち着いて調べることが出来ました。 変更点 .NET 8のサンプルアプリから徐々に現在のアプリケーションに近づける方法で調査していきました。 フォルダ構成 .NET 7では、直下にPagesフォルダとSharedフォルダがありましたが、.NET 8では、直下にComponentsフ
Intro
A simple but effective data grid for Blazor QuickGrid is a simple and efficient grid component built by the Blazor team. Purpose and goals QuickGrid isn't intended to replace advanced datagrid components such as those from commercial component vendors. Instead, the purpose is: To provide a convenient, simple, and flexible datagrid component for Blazor developers with the most common needs To provi
BlazorStrap
BlazorStrap Please select a documentation version. BlazorStrap V1 Obsolete - Bootstrap 4 BlazorStrap V5 Current Bootstrap 4/5 Click here for BlazorStrap VNext Docs
Blazor Server と Blazor WebAssembly: 特徴をまとめてみました - インフラジスティックス・ジャパン株式会社Blog
つい最近まで、C# 開発者がブラウザー向けコードを記述したいとなった場合、JavaScript を使う必要がありました。しかし、Web 開発の世界は急速に変化していて、今や開発者はハイエンドの Web アプリ開発のために JavaScript に依存する必要はなくなりました。もしあなたがサーバーに接続せずに (アドオンやプラグインなしで) ブラウザーで .NET を実行することを考えたことがある場合、Blazor は WebAssembly と呼ばれるテクノロジーのおかげでそれを実現しています。 このブログでは、Blazor WebAssembly と、なぜそれが多くの話題を呼んでいるのかを詳しく見ていきます。 この記事はインフラジスティックス本社により作成された英文記事の機械翻訳により生成されました。 原文は以下よりご確認いただけます。 Jason Beres 2021.2.23 [B
Azure Static Web Apps を使用して Blazor WebAssembly アプリと .NET API を公開する - Training
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
この記事は以下のツイートから始まる疑問に対する回答みたいな記事です。 満たしたい要件としては、ASP.NET Core Blazor WebAssembly をフロントにしつつ、サーバーサイドは ASP.NET Core で Web API も作れて、同じサイトにフロントエンドとバックエンドの両方を配置できるようなプロジェクトを作ることです。 箇条書きにすると以下のような感じですね。 フロントエンドは ASP.NET Core Blazor WebAssembly バックエンドは ASP.NET Core Web API (もしくは Minimal APIs) 発行すると1つに纏まってフロントエンドとバックエンドと同じサイトに配置できる 先に解説 ASP.NET Core は DI コンテナ内にどんなサービスを登録するかということと、どんなミドルウェア（リクエストを処理するパイプライン）を
本書は、VSCode＋コマンドライン環境を前提に、コンポーネント開発の基本から、データの受け渡し、フォーム開発、サーバー連携によるデータベースアプリの開発までを解説します。 本書掲載のサンプルは、サポートページからダウンロード可能なので、どんどん動かして試してみてください。 担当編集者からのコメント 『「速習」シリーズ』は、WINGSプロジェクトが進めるAmazon Kindle電子書籍のシリーズ。気になる技術をサクッと短時間で学ぶ、「時間もお金も低コストに」をコンセプトとしています。 おかげさまで、隙間時間に基本を学習するのにちょうど良い、といずれもご好評いただいており、今回はシリーズとして22冊目になります。 その本書『速習 ASP.NET Core - Blazor編』は、ASP.NET Coreのサブフレームワークである「Blazor」の解説書です。 ASP.NET Coreは、さ
Building a Progressive Web App with Blazor - Visual Studio Blog
Building new functionality, writing unit tests, and learning new technologies has never been easier or more fun. A Progressive Web Application (PWA) is a Single Page Application (SPA) that uses modern browser APIs and capabilities to behave like a desktop app. Blazor WebAssembly (now in preview) includes support for Progressive Web Applications. Today, I want to show you how to build your first Bl
Blazorを触ってみた - Qiita
.NET Core 3.0でBlazorが正式リリースされたので触ってみたメモ。 ちなみに今回正式リリースされたのはサーバー側のみで、クライアント側（WebAssembly）は来年の予定とのこと。 （Blazorについては https://docs.microsoft.com/ja-jp/aspnet/core/blazor/?view=aspnetcore-3.0 を参照。） 今回は開発環境をWindowsで作ってビルドし、CentOSで実行するところまでやってみる。 開発環境（Windows）の構築 .NET Coreのインストール https://dotnet.microsoft.com/download/dotnet-core より.NET Core SDK 3.0.100のInstallerをダウンロードして実行。
ASP.NET Coreのホストでブラウザの制限を回避
ASP.NET Core Blazor（以下Blazor）とは、.NET環境のC#で対話型のWeb UIを構築するためのフレームワークです。Blazorには、サーバーサイドで動作するモデル（Blazor Server）と、クライアントサイドで動作するモデル（Blazor WebAssembly）が含まれますが、本連載では、主に、クライアントサイドのフレームワークであるBlazor WebAssemblyについて解説します。 対象読者 C#とWebシステムの基礎的な知識がある方を対象とします。C#の基本文法などの解説は割愛します。 はじめに 前回までのアプリでは、プロジェクトの作成時のオプションで、「ASP.NET Coreでホストされた（ASP.NET Core hosted）」にはチェックをいれませんでした。今回は、ASP.NET Coreでホストされたプロジェクトを作成します。これまで
ASP.NET Core Blazorチュートリアル一覧
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
Blazor VS JavaScript
Photo by PixaBay on PixelsOver the last several years, JavaScript has been the most popular and widely used language for Single Page Applications. But recently, Microsoft introduces a new framework named Blazor, which allows us to develop browser-based applications using C#. In this article, I will be first…
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASP.NET Web Forms 開発者向け Blazor
C#でSPA(Blazor)をして、モダンフロントエンドに触れてみる(導入～開発①編) - Qiita
Blazor Server-Side アプリで作る 簡単チャットアプリ - Qiita
Blazor WebAssemblyで新規の業務システムを開発している話
Blazor WebAssemblyのアプリケーションをVisual Studioでデバッグする - Qiita
ASP.NET Core Blazor WebAssembly のハローワールド - Qiita
Blazorのカレンダー | Advent Calendar 2019 - Qiita
Blazorコンポーネント向けのテストフレームワークのbUnitを使ってみる - Qiita
BlazorアプリをFirebase Databaseと連携させる - Qiita
Blazor で HTML を書きたくないよぉ…(Fluent UI Blazor 編 on .NET 8)
Web Forms in the Age of .NET 8: Planning for the Long Term
[Microsoft] Angular側からBlazorを眺めて比較する - Qiita
Blazor向けのUIフレームワークのRadzen.Blazorを使ってみる - Qiita
Blazor WebAssembly を触ってみる - その②デバッグしてみる - Qiita
SPA入門色々(Vue.js/Blazor/React) - Qiita
Blazor Serverで.NET 7から.NET 8への移行方法 - Qiita
.NET 8 の Blazor で WASM + API のプロジェクトを作る
【新刊紹介】『速習 ASP.NET Core - Blazor編』発売、短時間でBlazorの基本を学べる解説書