マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ
マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ マイクロソフトは1月14日（日本時間1月15日未明）にオンラインインベント「.NET Conf Focus on Blazor」を開催、同社が開発中のWebアプリケーションフレームワーク「Blazor」の最新動向と今後について明らかにしました。 Blazorは、C#と.NET Coreを用いてWebアプリケーションの開発を可能にするフレームワークです。JavaScriptを用いず、C#によるプログラミングでSPA（Single Page Application）のWebアプリケーションを開発できるため、.NETの知識や経験をWebアプリケーションに活かせると同時に、Visual StudioなどC#に対応した豊富な開発ツールによる開発生産性の向上を期待できるとい
マイクロソフトの「Blazor」が正式版に、まずサーバサイドで。C#と.NET Core 3.0に対応したWebアプリケーションフレームワーク
マイクロソフトの「Blazor」が正式版に、まずサーバサイドで。C#と.NET Core 3.0に対応したWebアプリケーションフレームワーク マイクロソフトのWebアプリケーションフレームワーク「Blazor」が、.NET Core 3.0のリリースと同時に、本番環境に投入可能な品質に到達したことが明らかになりました。 Blazorは、JavaScriptとReactやAngularなどのフレームワークの代わりに、C#と.NET Coreフレームワークなどを用いてWebアプリケーションの開発を可能にするフレームワークです。 Blazorは、WebAssembly上に.NETフレームワークやランタイムを実装することで、Webブラウザで.NET対応のWebアプリケーションを実現するフレームワークとして登場しました。 この実装は「Blazor WebAssembly」あるいは「Client-s
［速報」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で記述されたコードを
はじめに UL Systems Advent Calendar 2019 の17日目です。 Blazorとは、.NET の技術を使ってクライアント側のWeb UIを構築するためのフレームワークです。このBlazorを使えば、今まで主に業務アプリケーションの開発で C#を使用してきたような開発者であっても、極力JavaScriptを使わず、追加の学習コスト少なくWebアプリケーション(SPA)を開発することができるようになります。 Blazor には、サーバ側で処理するBlazorサーバーと、クライアント側で処理するBlazor WebAssemblyがあります。Blazorの開発を今まさに進めており、2019年9月にリリースされた.Net Core 3.0にてBlazor サーバーが正式にサポートされるようになりました。Blazor WebAssemblyも2020年5月に正式リリースされ
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
BlazorでiOS/Androidネイティブアプリケーションを開発可能にする「Mobile Blazor Bindings」、マイクロソフトが発表
BlazorでiOS/Androidネイティブアプリケーションを開発可能にする「Mobile Blazor Bindings」、マイクロソフトが発表 マイクロソフトはWebアプリケーションフレームワーク「Blazor」を用いてiOSとAndroidに対応したネイティブアプリケーションを開発可能にする実験的なプロジェクト「Mobile Blazor Bindings」を、1月14日（日本時間1月15日未明）に開催されたオンラインインベント「.NET Conf Focus on Blazor」で発表しました。 Blazorは、C#と.NET Coreを用いてWebアプリケーションの開発を可能にするフレームワークです。JavaScriptを用いず、C#によるプログラミングだけでSPA（Single Page Application）のWebアプリケーションなどを開発できるため、.NETの知識や経
次期「.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 に完全
ある程度の文法のVue.js/Blazor/Angularにおいて同様の動作を実現するための方法についてまとめました。分離元 VueVsBlazorにソースコードをまとめています。 ちなみにVue.jsではTypeScriptを採用しています。 動作サンプルページ Vue.js Sample Blazor Sample Angular Sample 文法の比較 ここでのサンプルは全てルーター上の1ページとして表現しています。 土台となるルーターの実装例から順に比較していきます。 0. 最小のコンポーネント コンポーネントの内容はただのhtmlから可能です。
はじめに - "C# で SPA を作る Blazor とは?" 「C# で SPA が作れるって、どういうこと?」 「C# で SPA が作れたら何がうれしいの?」 「Blazor って、クライアントサイド版とサーバーサイド版があるって聞いたんだけど」 そんな話題については、下記スライドなどが参考になろうかと思います。 改めて - Blazor をお勧めできる人は誰か? C# で SPA を実装できる Blazor ですが、当然のことながら、"銀の弾丸" では、まったく、ありません。 ではどういった人たちであれば、Blazor をお勧め出来るのか、考えてみました。 条件1. C# で書きたい/書くのがふさわしい人 まず、そもそも、C# でプログラムを書くことを好む人が対象となるでしょう。 すでにサーバー側 Web アプリ実装で ASP.NET を使用している人はもちろんなのですが、Xam
マイクロソフト、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グループ 今村 有人 ■ Sansan Data Hub エンジニア採用情報 https://media.sansan-engineering.com/datahub-engineer
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
May 29~30, 2019 に開催された "de:code 2019" の Day1 EXPOシアターセッションで、Blazor について発表した際のスライド資料です。CC BY License、又は The Unlicense のデュアルライセンスで再利用可能です。 アニメーション付 PowerPoint 原ファイルは以下の URL から入手可能です。 https://1drv.ms/p/s!Ahj5X4eD4NFdgvpnYa4h1jR5JnFlmgRead less
Silverlightは気づいていないが、2007年はこのプラットフォームにとって厳しい年であった。一見関係なさそうな出来事が2つ起こり、最終的には終焉に向かうことになった。1つ目は、Web Hypertext Application Technology Working Group (WHATWG)とWorld Wide Web Consortium (W3C)の共同作業が始まり、HTML5仕様の最初のドラフトが2008年に公開された。 2つ目が2007年6月29日に、AppleがiPhoneをリリースした。 時折、革新的な製品が登場し、それがすべてを変えることがある。 Steve Jobs レースは始まった。携帯電話はほぼ一晩で連絡先リスト付きの折りたたみ式電話から、ゲームや組み込みWebブラウザーを持つポータブルコンピューターに進化した。短期的にはSilverlightの未来は有望
マイクロソフト、Mac版Visual Studioのロードマップを解説。すでに.NET Core 3やDockerに対応、今後ターミナル機能の統合やBlazor WebAssembly対応など
マイクロソフトは2月24日、オンラインイベント「Visual Studio for Mac: Refresh();」を開催し、Mac版のVisual Studioである「Visual Studio for Mac」のロードマップなどを解説しました。 「Visual Studio for Mac」はもともとWindows用のVisual Studioの移植ではなく、MacでiOSやAndroidなどのアプリケーションを開発するツール「Xamarin Studio」をベースにした製品です。 そのためIntelliSenseを備えたコードエディタやGit対応、ビルドツールにMSBuildを搭載するなど、Visual Studioの基本的な機能を踏襲してはいましたが、Windows版Visual Studioの機能とは開きがありました。 しかし現在ではVisual Studioと同等のコードエディ
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
C#でフロントWebアプリが動く、Blazorを試してみた - ecbeing labs（イーシービーイング・ラボ）
こんにちは。 正月から風邪が長引いていて週末はヒッキーな青木です。 普段はバックエンド要素多めなので 久しぶりにフロントエンドも見てみたいってことで 今回はマイクロソフト一押し？のBlazorを試してみることにします！ Blazorを調べてみることにしたキッカケ C#でフロントエンド書けるのは素敵じゃね？ VueやReactを使ったJS（or Typescript)以外の選択肢がそろそろ欲しくなってきた 今後ブレイクしそう？なWebAssemblyを触りだけでも体験しておきたい！ です。 特に3点目のWebAssemblyに対応しているのが個人的にはイイですね。 WebAssemblyってまともなFrameworkないっぽいし、 Blazorはどうなんだろうって思った次第であります！ この記事はBlazor WebAssembly中心について説明していますが現時点で<u>プレビュー段階</
Mobile Blazor Bindings は「Xamarin.Forms アプリ生成器」でした - Qiita
BlazorでiOS/Androidネイティブアプリケーションを開発可能にする「Mobile Blazor Bindings」、マイクロソフトが発表 － Publickey これなんですけど。「ざまりん乙」的な声が今回もチラホラ聞かれたので「マジか！それはすごい」と思って試してみました。 サンプルアプリを動かしてみた ASP.NET Blog / Announcing Experimental Mobile Blazor Bindings こちらの手順の通りで、簡単に試すことができます。1 まあ、ソリューションを見てみただけで Xamarin(Xamarin.Forms アプリ) なんですけども。 inspect してみた 続いて、Android 向けのプロジェクトをエミュレータで実行し、Android Studio 付属の Device Monitor で inspect してみました(
【.net Core】Blazorアプリを作成する＆Azureで公開する - echo("備忘録");
概要 先日9/23に、ついに.net core(ver3.0)がメジャーリリースされました。(LTSはver3.1だそうですが) そして、9/26(木)にマイクロソフトで開催された、下記イベントに参加してきました。 この中で、マイクロソフトの井上さん(チャックさん)が話された、.net Coreの概要について、下記が魅力的だな、と思いました。 .net CoreがWPF、及びWinFormsに対応 .net Coreメジャーリリースに合わせて、Blazorも正式対応 上記のうちBlazorについて簡単に触って、ついでにAzureに公開するところまでやりましたので、紹介がてら。 Blazorとは？ Blazorの概要＆詳細については、マイクロソフト公式ページに書いてありますので、そちらを参照。 個人的に、上記イベントでのBlazorの印象は、 「Vue.jsの"単一ファイルコンポーネント"を
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氏がこ
ASP.NET Core Blazor
Blazor を使用してフルスタック Web アプリを構築する Blazor Web アプリはコンポーネント ベースのアーキテクチャで、サーバー側のレンダリングと完全なクライアント側対話機能を単一のソリューションで提供します。これにより、サーバー側とクライアント側のレンダリングモードを切り替え、同じページで組み合わせることもできます。 Blazor Web Apps では、要求に応じてサーバーから HTML コンテンツを静的にレンダリングすることで、UI をブラウザーに迅速に配信できます。 大きな JavaScript バンドルをダウンロードしなくても、サーバー上で UI レンダリングが迅速に実行されるため、ページの読み込みが速くなります。 また、Blazor は、フォーム投稿によるナビゲーションの強化や非同期生成コンテンツのストリーミング レンダリングなど、サーバー レンダリングに対する
概要 Blazorを使ってカメラから本のバーコードを読み取り、情報を取得して表示する簡単なWEBアプリを作成したので、簡単に紹介します。 Demo (※注意：iOS13のSafariで開くとLoading画面で固まってしまう場合がありました。iOS12環境だと動いたので、最新のBlazorでiOS13の対応が入っているはずですが、まだ未完全なのかもしれません。) アプリのイメージ 下記のように、カメラで本のバーコードをスキャンすることで本の情報と中古価格を調べることができます。 前提 .NET Core SDK 3.1.100 Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview4.19579.2 Visual Studio 2019 16.4.0 実装 実装していく中で、苦労した部分のメモです。 カメラの起動とバーコード認識 カメラの動
はじめに 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# は
はじめに 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 の形を整理してみようと思います。今回は基本的に整理するだけで、実際にコードとしてどのように実装するのかといった所までは踏み込みません。個々の詳細についてはドキュメントなどを参照してください。 関連するドキュメントや私の記事などは、関係する説明の途中にリンクを貼っ
念のため、依存関係→パッケージから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」というものもあ
新人研修や、新しいフレームワークが登場したとき、Hello Worldと並び、電卓アプリを作る人も多いのではないでしょうか。 今回はBlazor Client-Sideアプリで、簡単な電卓アプリを作り、PWA化してみたいと思います。 Demo 開発環境 Windows10 .Net Core 3.1 Visual Studio2019 Preview 16.5.0 電卓画面の実装 電卓画面はシンプルに１つのページなので、Index.razor に実装します。電卓アプリの計算はチョンボしてSystem.Data.DataTableに任せ、画面は数式と結果を表示するようにします。 @page "/" <style> .calbtn { height: 45px; font-size: 30px; border: solid 1px; text-align: center; } .num { h
Blazor Webassemblyとは？ Blazor Webassemblyとは、.NETにおけるWebAssemblyアプリケーション開発のためのフレームワークです。.NETは、Microsoftが提供する、アプリケーション開発と実行のためのプラットフォームで、デスクトップ、モバイルなど、多岐にわたるアプリケーションに対応しています。その一つがWebアプリケーションのためのASP.NET Coreであり、Blazor Webassemblyはさらにそのサブフレームワークの一つです。初リリースが2018年と、比較的新しい存在です。 C#でクライアントサイドを開発する Blazor WebAssemblyを一言で表すと、C#でWebAssemblyアプリケーションを開発できるフレームワークです。フレームワークなので、Webページを構成する基本的な機能はすでに用意されており、開発者はそれを
Blazor+Electron.NETでクロスプラットフォームGUIを作った時のメモ - Narazaka::Blog
Blazor Advent Calendar 2019 の記事です。 今年VRChat Advent Calendarにしか参加してなかったのでソフトウェアっぽいやつも書いてみたくなったやつ。 WinForms(Mono)は衰退しました 最近MacがCatalinaになって32bit対応を切りましたよね。これにより、MonoのWinFormsでだましだまし動かしていた拙作OSSのGUIが死亡しました。 Macはクソ やや試行錯誤したんですがMonoがそもそもWinFormsにやる気がなく64bit対応は死んでいる臭いので、Windows Formsワンソースでのクロスプラットフォーム対応はあえなく死亡しました。 今最高に面妖なGUIフレームワーク というわけでせっかくだから.NET 4.6だったのを.NET Core 3.1にしたうえでLinuxとMacで動くC#のGUIライブラリを探して
今度は 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 の可能性に興味があり、これを使用することを検討されて
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 easy: simply go to https://blazor.net and install the latest .NET Core SDK (3.1.300 or later), which includes every
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web開発でJavaScriptの代わりにC#でロジックを書くBlazorがめちゃ便利！ - Qiita
C#でSPAが実現できる、Blazor WebAssemblyのはじめかた
.NET 8 の ASP.NET Core Blazor 新機能オーバービュー
Vue.js/Blazor/Angularの文法比較サンプル集 - Qiita
Blazor をお勧めできる人は誰か? - Qiita
Blazor WASM × Code-first gRPC で始める C# ⼤統⼀理論
WebAssemblyとBlazor: 何十年の問題を解決する
Microsoft、「.NET Core 3.1」を正式リリース ～3年間サポートされるLTS版／BlazorとWindows デスクトップ開発を強化。古いWindows Forms コントロールは削除
Blazor(client-side版)で本の情報取得サイトを作成する - Qiita
ElectronとWebAssemblyとBlazorの違い - Qiita
.NET 8 での Blazor を整理整頓して理解しよう
ゼロからBlazor（プロジェクト作成～ログイン機能実装まで） - Qiita
非同期なHTMLのレンダリングもサーバ側から全部やっちゃう「Blazor Server」が凄すぎる - Qiita
Blazorで、電卓アプリをつくってみる - 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