MASUDAQ BLOG
NO DEVELOPMENT NO LIFE.
Blazor WebAssembly でのファイル ドラッグ&ドロップの実装 JavaScript との相互運用編
Blazor WebAssembly でのファイル ドラッグ&ドロップの実装の検討 以前の記事で、Blazor WebAssembly でのファイル ドラッグ&ドロップの実装を JavaScript との相互運用 を使用しないで行う方法を説明しました。 Blazor WebAssembly でのファイル ドラッグ&ドロップの実装 今回は、JavaScript との相互運用 の使用を最小限に、ファイル ドラッグ&ドロップの実装を行う方法を説明します。 JavaScript の利用を最小限に 前回の記事で詳細を記載していますが、Blazor WebAssembly でファイル ドラッグ&ドロップの実装を完結できない理由としては、 drop イベント の引数 DragEve...
Blazor WebAssembly の Bootstrap を最新にする
Blazor WebAssembly テンプレート Bootstrap ライブラリの最新化 過去に以下サイトの記事でASP.NET Core Web アプリケーションをテンプレートで作成した際の Bootstrap ライブラリを最新化する方法を説明しました。 ASP.NET Core の Bootstrap を最新にする やり方はほとんど変わらないですが、今回は、Blazor WebAssembly テンプレートの Bootstrap ライブラリを最新化する方法を説明します。 Blazor WebAssembly テンプレートでの Bootstrap ライブラリ参照 Blazor WebAssembly テンプレート生成後のコードでは、wwwroot/index.ht...
Blazor WebAssembly でのファイル ドラッグ&ドロップの実装
Blazor WebAssembly でのファイル ドラッグ&ドロップの実装の検討 Blazor WebAssembly では、JavaScript との相互運用ができるため公開されている情報や各種 JavaScript のライブラリを使用すれば、ファイル ドラッグ&ドロップの実装ができます。 JavaScript を使用すれば、ほとんどのことは実現できると思いますが、今回は、あえて JavaScript の力を借りずに、Blazor WebAssembly で提供されている範囲で実装する方法を順を追って検討し実現していきたいと思います。 InputFile コンポーネント Blazor WebAssembly 標準では、ファイルの操作に InputFile コンポーネン...
Blazor WebAssembly から ASP.NET Core Web API を介した Azure OpenAI Service 応答ストリーム(Server-Side Events)の受信
Blazor WebAssembly から中間層を介した Server-Sent Events の受信 前回、Azure OpenAI Service からのストリーム応答を ASP.NET Core Web API を介して、フロントエンド アプリで受信する方法を説明しました。 ASP.NET Core Web API を経由した Azure OpenAI Service 応答ストリーム(Server-Side Events)の受信 前回は、フロントエンド アプリを .NET コンソール アプリで実装しましたが、今回は、フロントエンド アプリに Blazor WebAssembly を使用した例を説明します。 Blazor WebAssembly を使用することで、...
Blazor WebAssembly で Azure OpenAI Service のフロントエンドを開発
Azure OpenAI Service Azure OpenAI Service を使用すると、OpenAI で提供されているモデルを API 経由で簡単に利用できます。 C# でコードを書く場合、以下のライブラリの選択肢があります。もちろん、HttpClient を使って、REST API へ直接という選択肢もありますが、、、。 Azure OpenAI client library for .NET Microsoft Semantic Kernel これから始める場合は、まず、Azure OpenAI client library for .NET を使用することが良いかもしれません。Semantic Kernel は、できることが多いので、最初は何をどう使っ...
最新の記事
- Blazor WebAssembly でのファイル ドラッグ&ドロップの実装 JavaScript との相互運用編
- Blazor WebAssembly の Bootstrap を最新にする
- Blazor WebAssembly でのファイル ドラッグ&ドロップの実装
- Entra ID においてアクセス許可へのユーザー同意を削除する
- .NET(C#) コンソールアプリで、Phi-3-vision を実行し画像を入力する
- .NET(C#) コンソールアプリで、Phi-3 を実行する
- Blazor WebAssembly から ASP.NET Core Web API を介した Azure OpenAI Service 応答ストリーム(Server-Side Events)の受信
- ASP.NET Core Web API を経由した Azure OpenAI Service 応答ストリーム(Server-Side Events)の受信
- Azure OpenAI Client Library で応答をストリームで受信する
- Azure OpenAI Client Library HTTP ログ出力を LoggerFactory に転送する
人気の記事
- .NET 8 RC1 を Visual Studio 2022 で利用する
- Visual Studio 2022 で Sass(.scss) をコンパイルする
- Hyper-V でルーターを構成する
- .NET コンソールアプリで、構成情報を appsettings.json からロードする
- Windows のライセンス認証で、エラーコード 0x80072EE2 が発生
- System.Drawing.Common の代替として Microsoft.Maui.Graphics を Linux で利用する
- .NET 8 コンソールアプリで、DI(Dependency Injection) する
- ASP.NET Core Web アプリの Bootstrap バージョンを最新にする
- Blazor WebAssembly でのファイル ドラッグ&ドロップの実装
- Hyper-V Linux 統合サービスでマウスキャプチャを有効にする
