初めに この記事は、普段レガシーよりの開発環境で作業をされている方へ向けて（私もそうです。） 最近のフロントエンドに触れてみようという内容です。暇つぶしに読んでいただければ幸いです。 （結構長文です。） 目次 ・この記事のゴール ・最近の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
Blazor WebAssembly を試してみようかなと思い立ったので以下のドキュメントを写経してみました。 ASP.NET Core Blazor の概要 プロジェクトテンプレートのインストール 今のところプレビューなので自前で入れます。.NET Core SDk 自体も 3.1.102 以降である必要があります。私は、現時点での最新版の 3.1.201 が入っていました。以下のコマンドでプロジェクトテンプレートをいれます。 入れると、Visual Studio のプロジェクトテンプレートの Blazor アプリの中に Blazor WebAssembly App が生えます。 右下の ASP.NET Core hosted にチェックを入れると、ASP.NET Core のプロジェクトも作れて、そこに WebAssembly も入れてデプロイ出来るので Azure WebApps と
[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 相互運用の所に静的サーバー レンダリングという項目が追加されています。
こんにちは、エンジニアリングマネージャーの渡辺（@mochi_neko_7）です。 唐突ですが、自分は「WebAssembly（Wasm）」という技術はほとんどよく知らずに「Webブラウザ上でJavaScript以外のコードが高パフォーマンスで動かせる」くらいのものだと勝手に想像していて、UnityやC#でアプリケーションの開発をしている自分とは関わりが薄いだろうと思っていました。 ところが、たまたま別の調べ物をしていた際に次の記事を見つけ、Unityのアプリケーション上でWasmのコードを動かすことができることに衝撃を受けました。 zenn.dev 特に驚いたポイントは下記でした。 Wasmがブラウザだけではなくアプリの上でも動作すること Wasmの作成は様々な言語で可能なこと WasmのバイナリはOSやCPUアーキテクチャ別に用意する必要がないこと*1 通常のソフトウェア開発ではこれら
ASP.NET Core のミドルウェア
作成者: Rick Anderson、Steve Smith ミドルウェアとは、要求と応答を処理するために、アプリのパイプラインに組み込まれたソフトウェアです。 各コンポーネントで次の処理を実行します。 要求をパイプライン内の次のコンポーネントに渡すかどうかを選択します。 パイプラインの次のコンポーネントの前または後に作業を実行できます。 要求デリゲートは、要求パイプラインの構築に使用されます。 要求デリゲートは、各 HTTP 要求を処理します。 要求デリゲートは、Run、Map、Use の各拡張メソッドを使って構成されます。 個々の要求デリゲートは、匿名メソッドとしてインラインで指定するか (インライン ミドルウェアと呼ばれます)、または再利用可能なクラスで定義することができます。 これらの再利用可能なクラスとインラインの匿名メソッドは、"ミドルウェア" です。"ミドルウェア コンポーネ
.NET MAUI と Blazor を統合させる、.NET MAUI Blazor アプリを触ってみる | DevelopersIO
.NET MAUI と Blazor を統合させる、.NET MAUI Blazor アプリを触ってみる いわさです。 先日、.NET MAUI アプリを少し触ってみたのですが、その際のプロジェクトテンプレートに「.NET MAUI Blazor アプリ」というものがありました。 Blazorをネイティブアプリ上でホスティングしてハイブリッドアプリを作成出来るような仕組みのようです。 本日はこちらを使ってみて、どういうものなのかを調べて、そしてプラットフォーム固有の機能を使った簡単なコンポーネントを実装してみました。 本記事では一部プレビュー機能について触れています。 公式ドキュメントのリンクを多めに入れておいたので、最新情報については公式ドキュメントもご確認ください。 まずは新規作成して実行してみる 新規作成すれば動くはずです。 まずはそのまま実行してみましょう。 マルチプラットフォーム
Version 1.88 is now available! Read about the new features and fixes from March. May 2021 (version 1.57) Update 1.57.1: The update addresses these issues. The Workspace Trust feature addresses CVE-2021-34529. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the May 2021 release of Visual Studio Code. There are a number of updates in this ver
概要 つい最近正式版がリリースされた、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
2022年7月くらいのAWS最新情報ブログとかをキャッチアップする – AWSトレンドチェック勉強会用資料 | DevelopersIO
こんにちは、臼田です。 みなさん、AWSの最新情報はキャッチアップできていますか？(挨拶 社内で行っているAWSトレンドチェック勉強会の資料をブログにしました。 AWSトレンドチェック勉強会とは、「日々たくさん出るAWSの最新情報とかをブログでキャッチアップして、みんなでトレンディになろう」をテーマに実施している社内勉強会です。 このブログサイトであるDevelopersIOには日々ありとあらゆるブログが投稿されますが、その中でもAWSのアップデートを中心に私の独断と偏見で面白いと思ったもの(あと自分のブログの宣伝)をピックアップして、だいたい月1で簡単に紹介しています。 7月は創立記念日もありDevelopersIO 2022もありで内容てんこ盛りです！ ちなみにAWSの最新情報をキャッチアップするだけなら週刊AWSがおすすめですが、DevelopersIOのブログを読むとAWSさん公式
【2023年版】Blazor vs React 比較 - どちらを選ぶべきか？ - インフラジスティックス・ジャパン株式会社Blog
（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン） この記事では、現在のモダンウェブ開発において注目されている Blazor と React の 2 つのフレームワークを比較します。読者の皆様にとって、どちらを採用するのがよりご自身の状況に対して適切かを判断する材料になれば幸いです。(2023年2月最新情報に更新しました。) シングルページアプリケーションを開発する場合、様々なフレームワークの選択肢があります。最も一般的な選択肢は、Angular、Vue、React の 3 つです。ただし、これらのフレームワークでは、JavaScript または TypeScript を使用する必要があります。JavaScript を扱いたくない場合の解決策としては、Blazor があります。 この記事では、以下の内容を取り上げます。 Blazorの概要 - 現在の状況／特徴 Web
関連キーワード JavaScript | C# | Java | アプリケーション開発 | プログラミング アプリケーション開発関係の仕事に就きたい人が習得するとよいプログラミング言語やツールを紹介する本連載。第3回は、その中からプログラミング言語「C#」を取り上げる。 学ぶべきプログラミング言語3．C# 併せて読みたいお薦め記事 連載：求職者が学ぶべきプログラミング言語とツール 第1回：PythonでもRubyでもない「最初に学ぶプログラミング言語」の“王者”はこれだ 第2回：JavaScriptはなぜ大人気なのか？ 他の追随を許さない理由 人気のプログラミング言語 「Java」がいまだに使われ続ける“端的な理由” 「Python」だけじゃなく「JavaScript」「Go」「Ruby」を学ぶべき理由 終わりに向かう旧「Visual Basic」がいまだに人気の“謎” 「C#はモバイルア
.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アプリケーションを開発できるフレームワ
こんにちは！ インフラジスティックス・ジャパン、テクニカルコンサルティングチームの古堅です。 C# で SPA を構築できるテクノロジーとして ASP.NET Core Blazor (以降、Blazor) が注目されていますね。 Blazor を採用したいというお声もよく聞くようになりましたが、実際に必要なスキルセットは何か？ どんな開発者体制が良いのか？ 本記事で解説します！ Blazor 案件に必要なスキルセット 必要なスキルセット Blazor アプリケーションの構築には、必要なスキルセットは以下となります。 ・HTML + CSS ... デザイン面 ・C# ... ビジネスロジック ・JavaScript ... Blazor がサポートしていない機能のカバー Blazor は JavaScript の代わりに C# でコードが書けるのではないか？と疑問に思う方もいるかと思いま
2024-04-07: AWS Message Processing Framework for .NET, .NET 7 EoS, grpc-dotnet 2.62.0 - WeekRef.NET
2024-04-07: AWS Message Processing Framework for .NET, .NET 7 EoS, grpc-dotnet 2.62.0 トピックス Introducing the AWS Message Processing Framework for .NET (Preview) | Amazon Web Services https://aws.amazon.com/jp/blogs/developer/introducing-the-aws-message-processing-framework-for-net-preview/ AWS Message Processing Framework for .NET のプレビューが公開された。 .NET で AWS の SQS や EventBridge を使用してメッセージ処理を行うためのフレームワ
Long Term Planning for ASP.NET Web Forms in .NET 9 Introduction Long Term Planning for ASP.NET Web Forms in .NET 9 Posted by Crista Perlton on May 9th, 2024. This article part of a series on Migrating from .NET Framework to .NET, also available as a chapter in our free, downloadable eBook No matter what you’ve heard, ASP.NET Web Forms in the age of .NET Core and the current .NET (.NET 5 to .NET 9)
はじめに 同じようなタイトルで 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 向けの
ASP.NET Core Blazor WebAssembly - 学ぶべきポイントまとめ【フロントエンド開発入門者向け】 - Qiita
ASP.NET Core Blazor WebAssembly - 学ぶべきポイントまとめ【フロントエンド開発入門者向け】Blazor こんにちは！ テクニカルコンサルティングチームの古堅です。 ASP.NET Core Blazor (以下 Blazor) の入門者向けに、学ぶべきポイントのまとめ、および、参考になるページを紹介します！ 本記事では、詳細の解説はしていませんが、気になる方はお気軽にお問い合せください！ Blazor 概要 ASP.NET Core Blazor の概要 Blazor プロジェクトの構成 Blazor プロジェクトの構成を、Blazor WebAssembly と Blazor Server を比較しながら確認する - ASP.NET Core Blazor で始めるフロントエンド 開発（入門編）- ① レイアウト ASP.NET Core Blazor レ
先日、ログイン機能を付けた Blazor Server アプリを試してみました。 これは純粋にログインしている・していないで表示を分けたりすることと、ロールベースの承認を動かしてみました。今日は、これに加えてクレームベースとポリシーベースの承認をためしてみたいと思います。 といっても先日の記事の内容までトレースしていたらすぐできる内容になります。 クレームベースの承認 以下のページが公式のクレームベースの承認のドキュメントになります。基本的にこれを組み込んでいく形になります。 組み込む前にログイン処理を実装している Areas/MyLogin/Pages/Index.cshtml.cs のコードを以下のようにして、適当にユーザー名でクレームが変わるようにしておきました。 using System.ComponentModel.DataAnnotations; using System.Se
マイクロソフト社の開発者向けカンファレンス「Microsoft Build 2020」で発表された新しいクロスプラットフォームフレームワーク「.NET Multi-platform App UI（.NET MAUI）」について、要点をまとめておきます。 概要 「.NET Multi-platform App UI（.NET MAUI）」は、単一のソースコードで複数のプラットフォームで動作するアプリケーションを開発できるクロスプラットフォームフレームワークです。 Xamarin の後継フレームワークとして位置付けられており、名称は変わりましたが「Xamarin の新バージョン」と捉えても問題ないと思います。 従来の XAML や MVVM に加え、新たに RxUI や MVU（Model-View-Update） がサポートされます。 対応プラットフォームは iOS、Android、Linu
この記事の目的 PureなC#でインゲームロジックを記述して、Unityや他のプラットフォームで叩いてみます。 このような事をする目的としては以下が考えられます。 他プラットフォームに移植を考えている サーバーサイドでインゲームロジックを動作させたい クライアント改ざんの検知など ロジックがUnityなどのエンジンに依存するのを防ぐ 構成 今回は、PureなC#で書いたロジックをUnityとBlazorWASMで動かしてみます。 Blazorの選定理由ですが、BlazorでもASP.NETでもコンソールアプリでも大枠は一緒なので、見た目を提供できる事でしょうか。 筆者がBlazor大好きマンというわけではないです。 では、実際にやって行きましょう。 PureなC#ロジック まず、PureなC#ロジックを書いていきます。 こちらは、クラスライブラリとして作成します。 また、動作確認として、N
バージョン 1.4 ダウンロード 597 ファイルサイズ 3.82 MB ファイル数 1 投稿日 2021年3月16日 最終更新日時 2022年2月22日
No trial. No credit card required. Just your GitHub account. At the end of last year, we shipped .NET Core 3.0 and 3.1. These versions added the desktop app models Windows Forms (WinForms) and WPF, ASP.NET Blazor for building single page applications and gRPC for cross-platform, contract-based messaging. We also added templates for building services, rich generation of client code for talking to g
マイクロソフト、「ASP.NET Core in .NET 8」正式版リリース。事前コンパイルにより、高速に起動する軽量なWebアプリケーションを実現
マイクロソフトは、同社の包括的なアプリケーションフレームワーク「.NET 8」の正式リリースと同時に、.NETをベースとしたWebアプリケーションフレームワークの最新版となる「ASP.NET Core in .NET 8」正式版をリリースしました。 ASP.NET CoreがAOTコンパイラに対応 ASP.NET Core in .NET 8の最大の新機能はAOTコンパイルに対応したことでしょう。 C#などの.NETに対応したプログラミング言語をコンパイルし、ネイティブバイナリを生成するAOTコンパイラ（Ahead-of-Timeコンパイラ：事前コンパイラ）は、.NET 7で登場した新機能でした。 .NETには開発時にコードをコンパイルをするプロセスがありますが、これはソースコードを.NET専用の中間言語に変換するものです。アプリケーションの実行時に.NETランタイムのJITコンパイラによ
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)
I'm as shocked as you, but the Darklang backend rewrite is actually complete
For the first few years of the life of Darklang, each time we didn't have a library available for our OCaml-based backend, or decided to build a feature in our DB instead of on a proper cloud server, we said "ugh, let's hack this and we can fix it when we rewrite it in Rust". Realizing that Dark was going to be running with a small team for a long time, it was clear that we couldn't keep piling on
Azure Static Web Apps with .NET and Blazor - .NET Blog
Aaron is a Developer Advocate at Microsoft. Having spent 15 years doing web development he’s seen it all, from browser wars, the rise of AJAX and the fall of 20 JavaScript frameworks (and that was just yesterday!). Always tinkering with something new he explores crazy ideas like writing your own implementation of numbers in .NET, creating IoC in JavaScript or implementing tic-tac-toe using git com
C#でSPAを実現する、Blazorコンポーネントの開発
対象読者 C#とWebシステムの基礎的な知識がある方を対象とします。C#の基本文法などの解説は割愛します。 はじめに 前回は、ASP.NET Core Blazorについての概要と開発環境、そしてBlazor WebAssemblyのテンプレートプロジェクトの作成までを解説しました。今回からは、テンプレートプロジェクトを元に、実際のアプリを作成していきます。 今回は、日記アプリを作成します。ごくシンプルなアプリでも、Blazor WebAssemblyアプリならではの手法がいろいろ必要となります。 日記アプリ 作成するアプリは次のように、カレンダー表示、テキスト入力、ボタンだけが配置されたページとなります。カレンダー部分はコンポーネントとして作成します。 日記アプリ アプリの動作は簡単です。カレンダーの日付をクリックすると、日記が書かれたデータを読み込み、表示します。「保存する」ボタンを押
Entity Framework Core 5.0 の Many-to-Many サポートを試した - しばやん雑記
Entity Framework 6 では使えていて、Entity Framework Core になって抜け落ちていた機能として Many-to-Many のサポートがありましたが、5.0 にしてようやく実装が完了したようです。 中間テーブルを意識せずに使えるのが便利だったので、EF Core でも望んでいた機能です。Twitter で書かれているように Daily Build で使えますが、基本的なサポートは preview8 にも入っていました。*1 #EntityFramework weekly update #efcore Highlights » Major new guidance and samples for EF Core in Blazor applications! » Many-to-many is complete in the daily builds! »
はじめに 仕事で作成しているBlazorのアプリケーションで、Handsontableを使用して一覧表を表示しています。 検証作業を実施している同僚から、2台のPCで同じ画面を表示した際に一覧表を表示する処理を実施すると、後から起動したPC側に一覧表が表示され、本来表示されるPC側には何も表示されないとの報告を受けました。 土日の休日を使って解決策を見つけることが出来たので、備忘録として記事に残しておきます。 問題1 現象 会社では複数PCが使用できますが、自宅ではPC1台です。 そこで、違うブラウザChromeとEdgeで同じ現象が出るか試してみました。Visual Studio上で Chromeを起動しておき、後からEdgeを起動して、一覧表を表示する処理を実施するとEdge側に一覧表が表示されました。 これなら Visual Studio上から デバッグ も可能で調査が進みます。 調
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)
この記事は新野淳一氏のブログ「Publickey」に掲載された「Facebook、次期ビルドシステムの開発でRust言語の採用を明らかに」（2021年7月28日掲載）を、ITmedia NEWS編集部で一部編集し、転載したものです。 Facebookは同社のソフトウェア開発において、同社が主導して開発しているオープンソースのビルドシステム「Buck」を利用しています。 Buckは高速なビルドが可能な点を大きな特徴としており、もともとAndroidアプリケーション向けのビルドシステムとして登場しました。 その後対応する言語やプラットフォームが拡張され、現在では15種類以上のプログラミング言語と、さまざまなスマートデバイス、VRヘッドセット、そしてサーバアプリケーションにまで対応しています。 次期ビルドシステムの開発を決断 しかしこうした拡張を重ねる中でBuckの複雑さは増していき、新機能の追
.NET 7の.NET JavaScript interop on WebAssemblyを試す - Qiita
2022/09/15 未明に .NET 7.0 rc1 がリリースされました GitHubの dotnet/runtime リポジトリのIssueにあるスケジュールから予想されるどおりの日にリリースされましたね。 この記事では本日 .NET Blog で公開された ASP.NET Core updates in .NET 7 Release Candidate 1 で紹介されている、最も私が期待していた .NET JavaScript interop on WebAssemblyを試してみます。 .NET JavaScript interop on WebAssembly とは ざっくりと説明すると、Blazor WebAssemblyのコアとなっていたWebAssemblyベースの.NETランタイムを、例えばNode.js上やBlazorを介さないブラウザ上で動作するようにしたものです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
C#でSPA(Blazor)をして、モダンフロントエンドに触れてみる(導入～開発①編) - Qiita
BlazorアプリをFirebase Databaseと連携させる - Qiita
Blazor WebAssemblyで新規の業務システムを開発している話
Blazor WebAssemblyのアプリケーションをVisual Studioでデバッグする - Qiita
ASP.NET Core Blazor WebAssembly のハローワールド - Qiita
Unityのアプリ上でWebAssemblyを動かしてみる - Activ8 Tech Blog
Visual Studio Code May 2021
Blazorコンポーネント向けのテストフレームワークのbUnitを使ってみる - Qiita
C#が「使えるプログラミング言語」になったのは“あれ”のおかげ？
ASP.NET Core Blazor 案件を成功させる為のスキルセットや開発体制について - Qiita
Long Term Planning for ASP.NET Web Forms in .NET 9
Blazor で HTML を書きたくないよぉ…(Fluent UI Blazor 編 on .NET 8)
ASP.NET Core Blazor Server でクレームベースの承認とポリシーベースの承認をする
.NET Multi-platform App UI（.NET MAUI）の要点まとめ - Qiita
PureなC#でインゲームロジックを書いてUnityやBlazorで使い回してみる
猫でもわかるBlazor入門｜Blazorマスターへの道
Announcing .NET 5 Preview 1 - .NET Blog
BlazorでJavaScriptから.NETの動的(インスタンス)メソッドを呼び出す - Qiita
[Microsoft] Angular側からBlazorを眺めて比較する - Qiita
Facebook、開発言語に「Rust」採用 次期ビルドシステムの開発で