MASUDAQ BLOG
NO DEVELOPMENT NO LIFE.
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 ...
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...
最新の記事
- 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 で利用する
- .NET コンソールアプリで、構成情報を appsettings.json からロードする
- Visual Studio 2022 で Sass(.scss) をコンパイルする
- System.Drawing.Common の代替として Microsoft.Maui.Graphics を Linux で利用する
- Hyper-V でルーターを構成する
- Windows 2008 R2 DNS サーバーのエラー 其の二
- Windows のライセンス認証で、エラーコード 0x80072EE2 が発生
- Hyper-V Linux 統合サービスでマウスキャプチャを有効にする
- Blazor WebAssembly でのファイル ドラッグ&ドロップの実装
- IIS 7 で、特定の拡張子のファイルへのアクセスを制限する
