［速報」Blazor WebAssemblyが正式リリース。C#/.NETでWebアプリケーションを開発可能に。Microsoft Build 2020
［速報」Blazor WebAssemblyが正式リリース。C#/.NETでWebアプリケーションを開発可能に。Microsoft Build 2020 オンラインイベント「Microsoft Build 2020」を開催中のマイクロソフトは、「Blazor WebAssembly 3.2.0」のリリースを発表しました。 Blazor WebAssemblyは、.NETとC#などを用いてWebブラウザ上で実行可能なWebアプリケーションを開発できるフレームワークおよび実行系です。 Blazor WebAssembly 3.2.0はBlazor WebAssemblyとしてフル機能が実装され、本番運用に対応したバージョンです。これによりBlazor WebAssemblyは正式版としてリリースされたことになります。 It's here!!! Blazor WebAssembly 3.2.0
マイクロソフト「.NET 6」初めてのプレビュー版リリース。Xamarin統合、マルチプラットフォームUI、Blazorでデスクトップアプリ、Apple M1ネイティブなど
マイクロソフト「.NET 6」初めてのプレビュー版リリース。Xamarin統合、マルチプラットフォームUI、Blazorでデスクトップアプリ、Apple M1ネイティブなど マイクロソフトはオープンソースで開発されているフレームワーク「.NET」の次バージョン「.NET 6」の最初のプレビュー版「.NET 6 Preview1」をリリースしたと発表しました。 Announcing .NET 6 Preview 1 https://t.co/z0mkcA6c0m — .NET (@dotnet) February 17, 2021 「.NET」は、Windowsアプリケーションのためのフレームワークとして登場した「.NET Framework」と、その後に登場したMacやLinuxに対応するオープンソースの「.NET Core」を統合し、その後継となったフレームワークです。 .NETの最初の
マイクロソフト、.NET中間言語をWebAssemblyにコンパイルする「Jiterpreter」をBlazor WebAssemblyに搭載へ、.NET 8で
マイクロソフト、.NET中間言語をWebAssemblyにコンパイルする「Jiterpreter」をBlazor WebAssemblyに搭載へ、.NET 8で マイクロソフトは今年（2023年）11月にリリースが予定されている.NET 8のBlazor WebAssemblyにおいて、.NET中間言語をWebAssemblyに動的にコンパイルすることで、Blazor WebAssemlbyの高速化を実現する機能を備えた「Jiterpreter」を搭載予定であることを明らかにしました。 BlazorはWebAssemblyで.NETランタイムを実装している そもそもBlazor WebAssemblyは、.NETとC#などを用いてWebブラウザ上で実行可能なWebアプリケーションを開発できるフレームワークおよびランタイムです。 一般にWebブラウザはJavaScriptで記述されたコードを
ASP.NET Coreは、ASP.NET 4.xをベースにしていますが、Webフォームには対応していません。また、開発言語にVisual Basicが利用できなくなりました。 一方、ASP.NET Coreになって、新たなライブラリ、フレームワークが提供されています。Razor Pagesは、ASP.NET Core 2.0から利用できる機能で、MVVMパターンのWebアプリケーションを実現できるフレームワークです。 MVVMパターン Razor Pagesでは、Viewにあたる部分はRazor構文によるcshtmlファイル（HTMLを拡張して、C#コードなどを含めることができる）に、ViewModelはそのcshtmlから生成されるC#のクラスになっています。このあたりの構造は、その後にリリースされた、Blazorフレームワークでも同様となっています。 Blazorは、通常JavaSc
次期「.NET 8」プレビューリリース初公開。ネイティブコンパイラ改善で生成バイナリが約半分に、「Blazor United」登場など
次期「.NET 8」プレビューリリース初公開。ネイティブコンパイラ改善で生成バイナリが約半分に、「Blazor United」登場など マイクロソフトは同社のアプリケーションフレームワーク「.NET」の次期メジャーバージョンアップとなる「.NET 8」の最初のプレビューリリースとなる「.NET 8 Preview Release 1」を公開しました。 マイクロソフトは毎年11月に.NETのメジャーバージョンアップを行っており、そのうち偶数バージョンがLTS（Long Term Support：長期サポート）版となります。そのため「.NET 8」は次のLTS版として11月に正式リリース予定です。 Announcing .NET 8 Preview 1 ... including big improvements to products, libraries, runtime, and too
はじめに .NET 8 が先日リリースされて .NET Conf 2023 のセッション動画も YouTube の dotnet チャンネルに投降されています。 .NET Conf 2023 のプレイリストで全て確認できるので興味があるやつだけでも見てみると楽しいのでお勧めです。 今回は、その動画の中の Full stack web UI with Blazor in .NET 8 | .NET Conf 2023 の内容を解説する形で記事を書いていこうと思います。後半の認証や CRUD のページを自動生成してくれる機能については別途余裕があれば書こうと思います。また、記事内の図の多くは、この動画内のものから引用しています。 細かい新機能は色々ありますが、大体の大枠はこのセッションに詰まっているのでとても勉強になります。 Blazor Blazor ですが、ASP.NET Core に完全
マイクロソフト、Blazorでデスクトップアプリやモバイルアプリを開発できる「Blazor Hybrid」は.NET MAUIベースになると説明
マイクロソフト、Blazorでデスクトップアプリやモバイルアプリを開発できる「Blazor Hybrid」は.NET MAUIベースになると説明 マイクロソフトは2月9日にオンラインでコミュニティイベント「ASP.NET Community Standup - Blazor .NET 7 Roadmap」を開催。Blazorの開発状況や今後の展開などについて説明しました。 https://t.co/eFOzgs22K8 Community Standup - Blazor .NET 7 Roadmap https://t.co/Veq88bsGrw — The ASP.NET Team (@aspnet) February 8, 2022 Blazorは、C#などの.NETテクノロジーを用いてWebアプリケーションの開発を可能にするフレームワークとして登場しました。.NETの知識や経験をW
Blazorの生みの親が「Blazor United」発表。SPAとSSRを1つのBlazorに統合し、共通のソースコードで記述可能に
Blazorの生みの親が「Blazor United」発表。SPAとSSRを1つのBlazorに統合し、共通のソースコードで記述可能に C#などの.NETテクノロジーを用いてWebアプリケーションの開発を可能にするフレームワークとして登場したのがマイクロソフトの「Blazor」です。 最初はWebAssemblyを用いてWebブラウザ上に.NETランタイムを実装し、その上でRazorコンポーネントを利用可能にすることで、C#によるWebアプリケーションがWebブラウザ上で実行できる「Blazor WebAssembly」の開発がスタートしました（下図左）。 その後、サーバサイドでも同じ.NETとRazorコンポーネントを用いてWebアプリケーションを開発できる「Blazor Server」の開発も始まりました（下図右）。 この2つのフレームワークは2020年に正式版としてそれぞれリリースさ
■イベント イマドキのC# .NET Web開発 〜gRPC, GraphQL, Blazorもあるよ〜 https://sansan.connpass.com/event/316664/ ■発表者 Sansan Engineering Unit Data Hubグループ 今村 有人 …
React vs. Blazor: Minimize JavaScript in your SPAs - LogRocket Blog
Ejiro Asiuwhu Software engineer with a drive for building highly scalable and performant web applications. Heavily interested in module federation, micro frontends, state machines, TDD, and system designs. Big on web performance and optimization, advanced component design patterns, a11y, SSR, SSG, ISR, and state management. Expert at crafting highly reusable TypeScript-heavy component libraries. E
WebAssemblyアプリ開発で最も使われている言語はRust C++、AssemblyScript、Blazor、Goが続く
調査は今年の6月に行われ、196カ国（米国21.8％、ドイツ9.1％、中国9.1％など）に分散した250人のITエンジニアが回答。 WebAssemblyアプリケーションのコードを記述するプログラミング言語として何が使われているかとの調査では、Rustが最も多く、C++、AssemblyScript、Blazor、Goの順に使われていることが示されました。 Rustは比較的容易にWebAssemblyが生成できることがWebAssemblyでの人気の理由でしょうか。4位のBlazorは少し意外ですが人気があるのですね。 WebAssemblyの利用目的では、Webアプリケーション開発（Web Development）が最も多く、続いてゲーム開発、サーバレス、コンテナ化（Containersation）、オーディオ／ビデオ処理、科学計算、IoT、AIの順となっています。
Blazor WebAssemblyとBlazor Serverが統合、フルスタックUIフレームワークに進化。サーバサイドレンダリングも可能に
C#などの.NETテクノロジーを用いてWebアプリケーションの開発を可能にするフレームワーク「Blazor」が、.NET 8ではフルスタックなUIフレームワークに進化したことが発表されました。 Blazorはこれまで2種類の実装に分かれていました。 1つは、WebAssemblyを用いてWebブラウザ上に.NETランタイムを実装したことで、C#によるWebアプリケーションがWebブラウザ上で実行できる「Blazor WebAssembly」。 もう1つが、同様の仕組みをサーバサイドに実装することで、サーバ上でC#によるWebアプリケーションを開発できる「Blazor Server」です。 BlazorでWebアプリケーションを開発しようとする場合、まずこのどちらを採用するか選ぶ必要がありました。 しかし今年（2023年）2月、Blazorの生みの親であるSteve Sanderson氏がこ
はじめに Blazor が .NET Core 3.1 の頃に出てきて、Single Page Application を C# + HTML/CSS + ちょっとのJavaScript で作れる技術という立ち位置で .NET 5 頃までいました。 そこから Blazor Hybrid や .NET 8 で Blazor United という俗称で呼ばれる新しい Blazor の形が出てきました。 正直、のほほーんと外から Blazor を眺めているだけだと何が何だかわからない状態だと思うので、.NET 8 時点での Blazor の形を整理してみようと思います。今回は基本的に整理するだけで、実際にコードとしてどのように実装するのかといった所までは踏み込みません。個々の詳細についてはドキュメントなどを参照してください。 関連するドキュメントや私の記事などは、関係する説明の途中にリンクを貼っ
はじめに ElectronとWebAssemblyとBlazorの違いがよくわかっていないので、JS関連の学習を始めるきっかけとして整理してみる。 Windows 以外のOS（MacやLinuxなど）でも利用できるようにしたいとか、今でも超現役の Windows Forms の代替っぽいものがほしいとか、クロスプラットフォームでデスクトップアプリケーション（っぽいもの）を実現したいとか、できればC#の方法もあわせて試していきたい。 参考（Windows アプリケーションの開発経歴） 2000年ごろ Win32 / MFC (C++) 今でも大変お世話になってます。 Visual Basic 系 (VB5, VB6, VB.NET, VBA) そろそろ彼らとは距離をおきたい。 2005年以降 Windows Forms (C#) .NET Framework 2.0 からかなり安定。C# は
念のため、依存関係→パッケージからEntityFramework、Identity、SQLServer、Toolsなどのパッケージがインストール済みか確認してください。 もしなければここまでの手順をやりなおすか、NuGetパッケージマネージャーからインストールしてください。 サンプルプロジェクトの実行 F5をクリック、もしくは「IIS Express」をクリックしてサンプルプロジェクトを実行してみます。 サンプルでは「Home」、「Counter」、「Fetch data」の３つのページが用意されています。 各ページについて詳述はしませんが、（実行時に少し時間がかかるものの）ページ切り替えやボタン操作が非同期でサクサク動くことがわかると思います。 ページ右上にあるRegister をクリックしてみてください。 ここでアカウントを登録することができます。Login と組み合わせてログインユー
※Blazor Serverについて知らなかった人に興味を持ってもらいやすくする為、タイトルを「Blazor Serverの非同期処理がめちゃくちゃ直感的に書けて感激した件」から変更しました。 今更ですがBlazor Serverをちょっと試してみて、そのあまりのすごさに驚いたので記事にしてみます。C#があれば、ReactもVueもSvelteも要らんかったんや…（言い過ぎ）。 Blazor Serverは比較的新しいフレームワークで、「サーバ側もクライアント側も全てC#で記述しよう」という野心的なフレームワークです。2020年頃に正式リリースされ、.NET 3.1以降で使えるので、.NET6がLTSで既に.NET8がリリースされようとしている現在では、割と安定した技術と言えるでしょう。 同じBlazorブランドで展開している似た技術に「Blazor WebAssembly」というものもあ
Blazor Webassemblyとは？ Blazor Webassemblyとは、.NETにおけるWebAssemblyアプリケーション開発のためのフレームワークです。.NETは、Microsoftが提供する、アプリケーション開発と実行のためのプラットフォームで、デスクトップ、モバイルなど、多岐にわたるアプリケーションに対応しています。その一つがWebアプリケーションのためのASP.NET Coreであり、Blazor Webassemblyはさらにそのサブフレームワークの一つです。初リリースが2018年と、比較的新しい存在です。 C#でクライアントサイドを開発する Blazor WebAssemblyを一言で表すと、C#でWebAssemblyアプリケーションを開発できるフレームワークです。フレームワークなので、Webページを構成する基本的な機能はすでに用意されており、開発者はそれを
今度は Ant Design Blazor というものを試してみようと思います。 プロジェクト作成と初期セットアップ Getting Started に従って導入してみようと思います。 プロジェクトを作ったら AntDesign というパッケージを NuGet から追加して、Program.cs に builder.Services.AddAntDesign(); という行を追加します。そして _Layout.cshtml に以下のコードを追加して js/css を追加します。 <link href="_content/AntDesign/css/ant-design-blazor.css" rel="stylesheet" /> <script src="_content/AntDesign/js/ant-design-blazor.js"></script>
ASP.NET Core Blazor のバリデーションでは DataAnnotation を使ったバリデーションのほかに EditContext や ValidationMessageStore を使って画面内でバリデーションのロジックを実行する方法もあります。 以下のドキュメントの基本検証あたりがそれになります。 そのほかに検証コンポーネントというセクションでは独自のコンポーネントを検証をサポートするコンポーネントの作り方が解説されています。これを少し応用すると特定のフィールドを検証するコンポーネントの作成が可能です。 愚直に実装するなら基本検証にある通り EditContext のイベントをハンドリングしてロジックを実装していく形になりますが、その場合は検証ロジックが画面に埋め込まれることになるので出来れば部品化したいですよね。そんな時は、検証コンポーネントにあるようなコードを少しカ
GAになったBlazor WebAssemblyでReactで書かれたTodoMVCのアプリを移植してみた - Qiita
はじめに 普段 C# を書いてるわけではないのですが、近年の Microsoft のオープンソースへの取り組みや、発表するプロダクトに面白さを感じていて、そろそろ食わず嫌いは辞めて、Microsoft な技術スタックも積極的に触っていこうと思っている今日この頃です。 そんな中、キワモノ感があるけど面白そうだなと思っていた Blazor WebAssembly が GA になったというニュースを見かけたので、遅ればせながらどんな感じでアプリを書けるのか触ったみることにしました。 作ってみたもの 特に作りたいものがあるわけではなかったので、題材は http://todomvc.com/ の ToDo アプリにしました。 今回はクライアントサイドのみで完結するようにしたので、パブリッシュしたコンテンツを GitHub Pages に SPA としてホスティングしています。 リポジトリ https
Blazor のプロジェクトを新規作成したときにサンプル画面が実装されていますよね。 このときの UI フレームワークとしては、Bootstrap が読み込まれています。 このままでもいいのですが、使うとどうしても「Bootstrap 感」が出てしまい、あまりおしゃれに仕上がりません。 Blazor では、Bootstrap 以外でもおしゃれな UI フレームワークがたくさんあるので、Bootstrap を採用する必要はありません。 調べるとたくさんあるのですが、「これは使わないな」というものを含めてたくさん列挙しても仕方ないので、実際に使えるものだけを５つ抜粋して本記事で紹介しました。 その中でもおすすめを紹介するので、どれを採用するのかも決めやすいと思います。 それでは、さっそく見ていきましょう。 Blazor 対応の「使える」UI フレームワーク５選 MatBlazor MatBla
はじめに 皆様こんにちは！ Elastic PMM/Eva の鈴木章太郎です。 この記事は、求ム！Cloud Nativeアプリケーション開発のTips！【PR】日本マイクロソフト Advent Calendar 2020の18日目の記事です。 ※ MS マーケの ◯◯ さん(元同僚でこのアドベントカレンダーのオーナー）、Python に続いて投稿が遅くなり申し訳ないです！w Blazor に対する市場の期待 Build 2020 で、Microsoft は Blazor WebAssembly の公式の最初のリリースを発表しました。僕と同じく長年の.NET デベロッパーであれば、皆がこれを使いたいと思っていると思います。そして、Blazor がアップデートし、.NET 5のリリース済の現在、採用しない理由もないでしょう。 Blazor の可能性に興味があり、これを使用することを検討されて
Join us on September 18th as we dive deep into building world-class cloud native applications with .NET and Azure. I’m thrilled to announce that Blazor WebAssembly is now officially released. This is a fully-featured and supported release of Blazor WebAssembly that is ready for production use. Full stack web development with .NET is now here! Get started Getting started with Blazor WebAssembly is
入門者向け Blazor HybridとBlazor Web AppのUIをRCLで共通化する手順 2024年1月8日 nkjtky
概要 .NET 5の正式版がリリースされ、Blazorも新機能が追加されました。 WebAssemblyがGAされてからしばらくBlazorから遠のいていましたが、リハビリを兼ねて新機能に関して簡単なサンプルを見ながら説明していこうと思います。 MSの公式ドキュメントに書いてある事をなぞっている点が多いとは思いますが、合わせて読むことで理解の助けになればと思います。 大した内容ではありませんが、下記にデモとソースを公開しています。 Demoはこちら GitHubのソースはこちら 今回、紹介する項目は下記になります。 CSSの分離 JavaScriptの分離とオブジェクト参照 InputRadioおよびInputRadioGroupコンポーネント InputFileコンポーネント コンポーネントの仮想化 UIフォーカスの設定 アセンブリの遅延読み込み ※基本的にWebAssemblyの視点で
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アプリケーション、ゲーム開発（ちょっと違
【2022年版】Blazor vs React 比較 - どちらを選ぶべきか？ - インフラジスティックス・ジャパン株式会社Blog
（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン） この記事では、現在のモダンウェブ開発において注目されている Blazor と React の2つのフレームワークを比較します。読者様にとって、どちらを採用するのがよりご自身の状況に対して適切かを判断する材料になれば幸いです。(2022年4月最新情報に更新しました。) Information 本記事の更新版【2023年版】が発行されています。下記リンクから参照いただけます。 【2023年版】Blazor vs React 比較 - どちらを選ぶべきか？ シングルページアプリケーションを開発する場合、様々なフレームワークの選択肢があります。最も一般的な選択肢は、Angular、Vue、Reactの3つです。ただし、これらのフレームワークでは、JavaScript または TypeScript を使用する必要があります。J
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アカウントを作成し、ログインして、新しいプロジェクトを
背景 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 を使ってみた
2020年5月の「Microsoft Buld 2020」で、「Blazor WebAssembly」の正式リリースが発表されました。Blazor WebAssemblyは、C#を用いて、Webブラウザ上で実行可能なWebアプリケーションを開発できるフレームワークです。 Webフロントエンドシステムは、JavaScript系フレームワークが流行っていますが、JavaScriptを書かなくても、SPAアプリケーションが作成できます。 ということで、早速使ってみることにしました。 前回の記事 では、ASP.NET Coreを使った簡単なREST API（以下、従業者管理APIと呼びます）を作りましたので、Blazor WebAssemblyで作ったアプリから、そのAPIを呼び出してみます。 1. 環境 本記事では、以下の環境を使用しています。 OS：Windows 10 IDE：Visual
[Microsoft] 番外. C#ソースコードとRazorの分離 - Angularチュートリアル Tour of Heroes を Blazor で再実装する - Qiita
@page "/dashboard" @using BlazorTourOfHeroes.Model @using BlazorTourOfHeroes.Service @inject IHeroService HeroService <h3>Top Heroes</h3> <div class="grid grid-pad"> @foreach (var hero in heroes) { <NavLink href="@("detail/" + hero.Id)" class="col-1-4"> <div class="module hero"> <h4>@hero.Name</h4> </div> </NavLink> } </div> @code { private IEnumerable<Hero> heroes; protected override async Task O
![[Microsoft] 番外. C#ソースコードとRazorの分離 - Angularチュートリアル Tour of Heroes を Blazor で再実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7be9dcf96e0711eecf8558b0889840981bff5fc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTk0NzUlMkZwcm9maWxlLWltYWdlcyUyRjE2OTE4MDc3Mjc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NTZmMDY3NTE3ZTljZDdkZTQ5ZDJiNDVlMzU3MDIxODQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D6fc879ba80826a0776323aff38776022%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTWljcm9zb2Z0JTVEJTIwJUU3JTk1JUFBJUU1JUE0JTk2LiUyMEMlMjMlRTMlODIlQkQlRTMlODMlQkMlRTMlODIlQjklRTMlODIlQjMlRTMlODMlQkMlRTMlODMlODklRTMlODElQThSYXpvciVFMyU4MSVBRSVFNSU4OCU4NiVFOSU5QiVBMiUyMC0lMjBBbmd1bGFyJUUzJTgzJTgxJUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgzJUFCJTIwVG91ciUyMG9mJTIwSGVyb2VzJTIwJUUzJTgyJTkyJTIwQmxheiVFMiU4MCVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTFhOTRkNTM5ZTY4Mjk1NGY0YTE0NzU5MzY2MjllYjg5%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzZW5nb2t1JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NGZjM2NlOTllNTNiODNlZjhjZDI2NGZmMjhlZDAwMTI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D490de6c3c81050a67c4e808ee22b1eed)
.NET 8 の Blazor の静的 サーバー レンダリング (SSR) で JavaScript を使う方法
はじめに .NET 8 の Blazor で追加された静的 サーバー レンダリング (SSR) で JavaScript を使う方法を紹介します。 SSR では、普通に script タグをページに追加しても JavaScript が実行されません。この動作自体は今まであった Blazor Server や Blazor WebAssembly でも同じで基本的には OnAfterRenderAsync で JavaScript を読み込んで実行する必要があります。 SSR では OnAfterRender や OnAfterRenderAsync メソッドは呼び出されないので別の方法で JavaScript を読み込んで実行するようにする必要があります。そのため、Blazor のドキュメントの JavaScript 相互運用の所に静的サーバー レンダリングという項目が追加されています。
.NET MAUI と Blazor を統合させる、.NET MAUI Blazor アプリを触ってみる | DevelopersIO
.NET MAUI と Blazor を統合させる、.NET MAUI Blazor アプリを触ってみる いわさです。 先日、.NET MAUI アプリを少し触ってみたのですが、その際のプロジェクトテンプレートに「.NET MAUI Blazor アプリ」というものがありました。 Blazorをネイティブアプリ上でホスティングしてハイブリッドアプリを作成出来るような仕組みのようです。 本日はこちらを使ってみて、どういうものなのかを調べて、そしてプラットフォーム固有の機能を使った簡単なコンポーネントを実装してみました。 本記事では一部プレビュー機能について触れています。 公式ドキュメントのリンクを多めに入れておいたので、最新情報については公式ドキュメントもご確認ください。 まずは新規作成して実行してみる 新規作成すれば動くはずです。 まずはそのまま実行してみましょう。 マルチプラットフォーム
概要 つい最近正式版がリリースされた、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
【2023年版】Blazor vs React 比較 - どちらを選ぶべきか？ - インフラジスティックス・ジャパン株式会社Blog
（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン） この記事では、現在のモダンウェブ開発において注目されている Blazor と React の 2 つのフレームワークを比較します。読者の皆様にとって、どちらを採用するのがよりご自身の状況に対して適切かを判断する材料になれば幸いです。(2023年2月最新情報に更新しました。) シングルページアプリケーションを開発する場合、様々なフレームワークの選択肢があります。最も一般的な選択肢は、Angular、Vue、React の 3 つです。ただし、これらのフレームワークでは、JavaScript または TypeScript を使用する必要があります。JavaScript を扱いたくない場合の解決策としては、Blazor があります。 この記事では、以下の内容を取り上げます。 Blazorの概要 - 現在の状況／特徴 Web
.NET 5やBlazor WebAssemblyに対応する表形式のグリッドやチャートなどのコンポーネントを揃えた「ComponentOne」最新版が登場
.NET 5やBlazor WebAssemblyに対応する表形式のグリッドやチャートなどのコンポーネントを揃えた「ComponentOne」最新版が登場 2020年11月に、マイクロソフトは同社のアプリケーションフレームワーク「.NET 5」正式版をリリースしました。 .NET 5は、Windowsアプリケーションのためのフレームワークだった「.NET Framework」と、新たにオープンソースで開発された「.NET Core」フレームワークを統合、両者の後継となるフレームワークです。 参考：［速報］マイクロソフト「.NET 5」正式リリース。1つのフレームワークでWindows／Mac／Linuxのデスクトップ、サーバアプリ、Webアプリなどが開発可能に .NET 5のリリースと同時に、.NETとC#などを用いてWebブラウザ上で実行可能なWebアプリケーションを開発できるフレームワ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは！ インフラジスティックス・ジャパン、テクニカルコンサルティングチームの古堅です。 C# で SPA を構築できるテクノロジーとして ASP.NET Core Blazor (以降、Blazor) が注目されていますね。 Blazor を採用したいというお声もよく聞くようになりましたが、実際に必要なスキルセットは何か？ どんな開発者体制が良いのか？ 本記事で解説します！ Blazor 案件に必要なスキルセット 必要なスキルセット Blazor アプリケーションの構築には、必要なスキルセットは以下となります。 ・HTML + C
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
C#でSPAが実現できる、Blazor WebAssemblyのはじめかた
.NET 8 の ASP.NET Core Blazor 新機能オーバービュー
Blazor WASM × Code-first gRPC で始める C# ⼤統⼀理論
.NET 8 での Blazor を整理整頓して理解しよう
ElectronとWebAssemblyとBlazorの違い - Qiita
ゼロからBlazor（プロジェクト作成～ログイン機能実装まで） - Qiita
非同期なHTMLのレンダリングもサーバ側から全部やっちゃう「Blazor Server」が凄すぎる - Qiita
.NETとC#でWebAssembly――「Blazor WebAssembly」を体験する
Blazor で HTML と CSS で画面作りたくないよぉ… AntDesign 編
Blazor でバリデーション ロジックを部品化したい
【無料】Blazor 対応の「使える」UI フレームワーク５選｜Blazorマスターへの道
Blazor 学習のためのサンプルアプリ紹介 - Qiita
Blazor WebAssembly 3.2.0 now available - .NET Blog
Blazorマスターへの道｜Blazorを学習したいあなたへ
.NET 5で追加されたBlazorの新機能の説明(サンプル付き) - Qiita
C#でSPA(Blazor)をして、モダンフロントエンドに触れてみる(導入～開発①編) - Qiita
BlazorアプリをFirebase Databaseと連携させる - Qiita
Blazor WebAssemblyで新規の業務システムを開発している話
Blazor WebAssemblyのアプリケーションをVisual Studioでデバッグする - Qiita
Blazorコンポーネント向けのテストフレームワークのbUnitを使ってみる - Qiita
ASP.NET Core Blazor 案件を成功させる為のスキルセットや開発体制について - Qiita