MASUDAQ BLOG
NO DEVELOPMENT NO LIFE.
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 を使用することで、...
ASP.NET Core Web API を経由した Azure OpenAI Service 応答ストリーム(Server-Side Events)の受信
中間層を介した Server-Sent Events 前回、Azure OpenAI Service からの応答をストリームで受信する方法を説明しました。Azure OpenAI Service では、応答を Server-Sent Events で受信でき、順次、回答の部分文字列を取得でき、取得した文字列を順次レンダリングすることができます。 Azure OpenAI Client Library で応答をストリームで受信する ただし、Azure OpenAI Service を利用したシステムを構築する場合では、前回の例のようなフロントエンドから直接 Azure OpenAI Service へ要求を行うシーンは少ないと思います。 多くのシステムでは、以下のように...
ASP.NET Core アプリで、掲載コードをハイライト表示する
highlight.js 多くの Web ページに掲載されているコード例は、予約語やプリミティブ型に色が付けられ、カラフルに表示されています。コード エディタでも同様に色がつくために、コードを読みやすくしてくれます。 Web ページにコードを掲載する際に、なるべく読みやすくしたいのですが、手動で色を変更するのは、かなり苦労を伴う作業になります。そんな時、コードの色の変更を自動で行うことができる以下のライブラリがあります。 highlight.js JavaScript のライブラリなので、Web ページにリンクすることで、クライアント サイドでコード文字列へのシンタックスに応じたスタイルの変更を自動化できます。 以降では、Visual Studio 2022 を使って...
ASP.NET Core Web アプリで、Bootstrap Icons を使用する
Bootstrap Icons Web アプリを開発するときに、アイコンを使うと、直感的な UI が実現できます。というのは、言わずもがななのですが、選択肢が多くてどれを使って良いか迷ってしまいます。 スタイルには、Bootstrap を使うのがほとんどなのですが、Bootstrap 自体には、アイコンが含まれていません。別のライブラリとして、Bootstrap Icons が提供されています。 Bootstrap Icons Bootstrap Icons では、2,000 以上ものアイコンが利用できます。@mbo という方がデザインしているようです。素晴らしすぎます。リスペクトです。また、Bootstrap Icons は、Bootstrap チームによってメンテ...
ASP.NET Core Web アプリの Bootstrap バージョンを最新にする
Visual Studio 2022 ASP.NET Core Web アプリ テンプレートの Bootstrap バージョン 現時点(2023 年 9 月 ) の Visual Studio 2022 ASP.NET Core Web アプリ テンプレートでは、Bootstrap v5.1.0 が使用されています。現在の Bootstrap の最新バージョンは、v5.3 です。 Bootstrap 5.3.0 では、ダークモードが追加されるなど、マイナー ビルドがあがるだけでも多くの新しい機能が追加されています。 Bootstrap 5.3.0 新しい機能を使うには、もちろん新しいバージョンを使う必要がありますね。 ASP.NET Core の Bootstrap ...
最新の記事
- 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 コンソールアプリで、DI(Dependency Injection) する
- .NET コンソールアプリで、構成情報を appsettings.json からロードする
- Azure OpenAI Client Library HTTP ログ出力の有効化
- .NET 8 RC1 を Visual Studio 2022 で利用する
- .NET 8 リリース日と .NET ライフサイクルまとめ
- ASP.NET Core アプリで、掲載コードをハイライト表示する
人気の記事
- Windows のライセンス認証で、エラーコード 0x80072EE2 が発生
- Hyper-V でルーターを構成する
- .NET 8 リリース日と .NET ライフサイクルまとめ
- Hyper-V Linux 統合サービスでマウスキャプチャを有効にする
- Blazor WebAssembly から ASP.NET Core Web API を介した Azure OpenAI Service 応答ストリーム(Server-Side Events)の受信
- Visual Studio 2022 で Sass(.scss) をコンパイルする
- System.Drawing.Common の代替として Microsoft.Maui.Graphics を Linux で利用する
- .NET 8 RC1 を Visual Studio 2022 で利用する
- ASP.NET Core アプリで、掲載コードをハイライト表示する
- Azure OpenAI Client Library HTTP ログ出力を LoggerFactory に転送する
