MASUDAQ BLOG
NO DEVELOPMENT NO LIFE.
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(開発者例外ページ) というものです。 この開発...
.NET コンソールアプリで、DI(Dependency Injection) する
.NET コンソールアプリで、DI(Dependency Injection) をするには、Generic Host を使います。 public class Program {public static void Main(string[] args){ IHost host = Host.CreateDefaultBuilder(args).ConfigureServices(services =>{ // DI services.AddTransient<IDemo001, Demo001>(); services.AddScoped<IDemo002, Demo002>(); services.AddSingleton<IDemo003, Demo003>();s...
最新の記事
- C# でも動作するマルチエージェント フレームワーク AutoGen 動的グループチャット編
- C# でも動作するマルチエージェント フレームワーク AutoGen ラウンドロビン グループチャット編
- C# でも動作するマルチエージェント フレームワーク AutoGen
- 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)の受信
人気の記事
- .NET 8 RC1 を Visual Studio 2022 で利用する
- .NET コンソールアプリで、構成情報を appsettings.json からロードする
- Visual Studio 2022 で Sass(.scss) をコンパイルする
- ASP.NET Core Web アプリの Bootstrap バージョンを最新にする
- Hyper-V でルーターを構成する
- Entra ID においてアクセス許可へのユーザー同意を削除する
- System.Drawing.Common の代替として Microsoft.Maui.Graphics を Linux で利用する
- .NET 8 コンソールアプリで、DI(Dependency Injection) する
- C# でも動作するマルチエージェント フレームワーク AutoGen
- ASP.NET Core Web アプリで、Bootstrap Icons を使用する
