MASUDAQ BLOG
NO DEVELOPMENT NO LIFE.
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 は、できることが多いので、最初は何をどう使っ...
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 ...
ngrok の代替となる Visual Studio 2022 Dev Tunnels
Visual Studio 2022 Dev Tunnels Visual Studio 2022 17.6 で、dev tunnels がサポートされました。トネリングを使ったリバース プロキシで、開発環境で起動したアプリをそのままパブリックの URL で公開できます。 API の開発等で、クライアントが、インターネット経由でのアクセスしかできない場合のデバッグに活用できます。 同様のことをするのに、これまでは、ngrok を使っていましたが、これが、Visual Studio 2022 に統合されました。設定も簡単で、認証もかけることができます。すごい！！待ってました！！ Dev Tunnels の設定 Visual Stuido のデバッグの開始ボタンの [▼] -...
Visual Studio 2022 で Sass(.scss) をコンパイルする
Sass(Syntactically Awesome Style Sheets) Sass(Syntactically Awesome Style Sheets) は、CSS(Cascading Style Sheets) の構文を拡張したスタイルシート言語で、より柔軟な記述方法で Web サイトのスタイルを定義できます。Sass には、SASS、SCSS の 2 種類の記述方法があり、それぞれ、*.sass、*.scss といった拡張子で保存します。 Web サイトにスタイルを適用する場合は、これらのファイルを HTML で直接参照するのではなく、*.sass、*.scss ファイルをコンパイルして、CSS を出力して、出力した CSS を HTML で参照します。 S...
Azure App Service 発行プロファイルで appsettings.json を除外する
発行プロファイル 発行プロファイル(.pubxml) を使うと、簡単に、Azure App Service へアプリをディプロイできて便利です。 Visual Studio 2022 からだと、Web プロジェクトを選択し、右クリックメニューから、[発行] を選択すると、ウィザードが起動するので、対象のサービス、対象の Azure サブスクリプション、対象のリソースを選択することで、発行プロファイルを簡単に作成できます。 発行プロファイルができてしまえば、[発行] ボタンから、ワンプッシュで、Azure App Service へアプリをディプロイできます。 CLI からだと、以下のような感じです。 >dotnet publish xxxxxxx.csproj /p:...
Azure App Service でネスト構造のアプリケーション設定を定義する
ネスト構造のアプリケーション設定 アプリケーション設定で、ネスト構造のキーを構成する場合、設定方法によって、指定の仕方が異なります。 appsettings.json で、以下の構造を構成したとします。 { "Logging": { "LogLevel": { "Default": "Information", "Microsoft.Hosting.Lifetime": "Information" } }, "azCosmosDb": { "connectionString": "xxxxxx", "databaseId": "xxxxxxx" } } コード上では、階層を :で区切ってキーを指定します。 azCosmosDb:connectionString azC...
Azure App Service on Linux はコンテナーで動いている
以前に、Azure App Service on Linux で使用されている Linux ディストリビューションとういう記事を書きました。 が、これダメでしたね。時代が止まってましたね。App Service のインスタンス毎に VM がディプロイされるような先入観で考えてました。 Azure App Service on Linux のログを見ると分かるのですが、コンテナーで動いてました。 2023-08-25T14:18:17.018Z INFO- 7.0_20230726.2.tuxprod Pulling from appsvc/dotnetcore 2023-08-25T14:18:17.032Z INFO-Status: Image is up to dat...
System.Drawing.Common の代替として Microsoft.Maui.Graphics を Linux で利用する
System.Drawing.Common が Windows 固有のライブラリに .NET 6 での breaking change(破壊的変更) で、System.Drawing.Common が、Windows 固有のライブラリと位置付けられました。Windows 以外の OS では、デフォルトの設定では、動作しなくなりました。ただし、ランタイム構成を変更すれば、動作するようです。 https://learn.microsoft.com/ja-jp/dotnet/core/compatibility/core-libraries/6.0/system-drawing-common-windows-only .NET 7 では、windows 以外のサポートが完全...
Azure App Service スタックトレース表示
Azure App Service にディプロイしたら動かない Azure App Service にディプロイしたら、動かないってことありますよね。ローカル環境では、動いてたのに。 このページは現在機能していません。現在、この要求を処理できません。HTTP ERROR 500。と、言われても。 開発者例外ページ 一方、ローカルの開発環境では、ブラウザにスタックトレース等のエラーの詳細が出力されます。原因の特定が簡単です。が、Azure App Service 上ではエラーの詳細が、確認できなくて、原因の特定に時間がかかってしまう。 このブラウザにエラーを出力するものですが、Developer exception page(開発者例外ページ) というものです。 この開発...
最新の記事
- 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 に転送する
