Blazorアプリケーションでラジオボタンを利用するコードを紹介します。概要Blazorアプリケーションでラジオボタンを利用する場合は、通常のHTMLと同様にinputタグを利用して記述します。ラジオボタンの変更を検出するために @onch
ブレンドモードを設定した box-shadow の影を表現するコードと表示結果を紹介します。概要こちらの記事ではCSSの box-shadow プロパティを利用して枠に影を描画するコードを紹介しました。box-shadow の影にブレンドモ
CSSでHTML要素のブレンド(合成)モードを設定するコードを紹介します。概要CSSでHTML要素のブレンドモードを設定するには mix-blend-mode プロパティを利用します。書式mix-blend-mode:(合成モード)合成モー
CSSで枠に影(ドロップシャドウ)をつけるコードと表示結果を紹介します。概要CSSを利用してブロック要素にドロップシャドウをつける場合は、box-shadow プロパティを利用する方法とfilter: drop-shadow()を利用する方
ポップアップ領域を表示するコードを紹介します。概要ポップアップ領域を表示する場合、CSSのpositionプロパティで absolute を指定し、visibility プロパティを "hidden" に設定します。ポップアップ領域を表示す
JavaScriptを利用して指定したNameのHTML要素 (DOMオブジェクト) を取得するコードを紹介します。概要指定したNameのHTML要素(DOMオブジェクト)を取得する場合は documentオブジェクトの getElemen
JavaScriptを利用して指定したIDのHTML要素 (DOMオブジェクト) を取得するコードと実行結果を紹介します。概要指定したIDのHTML要素(DOMオブジェクト)を取得する場合は documentオブジェクトの getEleme
Excelで特定の列が空のセルである行をまとめて削除する手順を紹介します。手順下図の表を準備します。「名前」と「価格」の列があり項目が入力されています。[名前]のセルが空白の行を削除したいです。A1セルをクリックし、A列にカーソルを移動しま
Excelで1行飛ばしで行を選択する手順を紹介します。概要一行飛ばしで行を選択して、偶数行または奇数行を選択し、別のシートにペーストしたり、削除したい場合があります。この記事では偶数行または奇数行を選択する手順を紹介します。事前準備表を作成
セルに1列ごとに交互に数値を設定する手順を紹介します。概要偶数の列のセルに1、奇数の列のセルに2、といった形式で1行ごとに交互にセルに値を設定した場合があります。この記事では、数式を使う方法とオートフィルを使う方法で1列ごとに交互に数値をセ
セルに1行ごとに交互に数値を設定する手順を紹介します。概要偶数の行のセルに1、奇数の行のセルに2、といった形式で1行ごとに交互にセルに値を設定した場合があります。この記事では、数式を使う方法とオートフィルを使う方法で1行ごとに交互に数値をセ
メインスレッドをブロックした ASP.NET Web アプリケーションへの同時アクセスの挙動を確認します。概要ASP.NET Webアプリケーションでメインスレッドをブロックするアプリケーションに対して同時にアクセスした場合の動作を確認しま
NUMAノード数を調べる方法と、NUMA対応システムかを確認する手順を紹介します。概要利用しているマシンのNUMAノード数がいくつか調べたい、またはNUMAモードが有効になっているのか確認したい場合があります。この記事ではCoreinfoを
Coreinfoをダウンロード、インストールする手順を紹介します。CoreinfoのダウンロードCoreInfoのダウンロードページ (https://docs.microsoft.com/en-us/sysinternals/downlo
概要?? 演算子の意味と動作を紹介します。?? 演算子は「null 合体演算子」と呼ばれており、nullの場合の処理を分けることができます。「はてな"?"記号が2つ続く演算子」は、旧いC#にはない記述法のため、突然出てくると理解が難しいこと
C#での ??= 演算子の意味と動作を紹介します。概要??= 演算子の意味と動作を紹介します。??= 演算子は「null 合体演算子」と呼ばれており、nullの場合の処理を分けることができます。メモ?? 演算子についてはこちらの記事を参照し
概要三項演算子について紹介します。書式(条件文) ? (条件文がtrueの時の値) : (条件文がfalseの時の値) 記述例a,bの値が一致している場合には、変数sに文字列 "equal" を代入し、一致していない場合は文字列 "not-
概要条件によって変数に代入する値を変える処理をシンプルに記述するコードを紹介します。オーソドックスな実装nullが混ざっている変数や配列でnullの場合は空文字に、nullでない場合は変数の値を設定するコードを例にします。UI下図のフォーム
概要win-acmeを利用してSSL証明書を取得する方法をこちらの記事で紹介しましたが、サイトの停止や終了によりSSL証明書を削除する手順を紹介します。SSL証明書の停止をしなくても特に問題は発生しませんが、Webサイトが停止している、また
概要Webフォームをマスターページを利用した、Webコンテンツフォームに変換する場合以下の手順で実施します。1.Headタグの削除と置き換えHeadタグを削除し <asp:Content ID="Content1" ContentPl
概要C#で型名の後ろに"?"記号がついているコードの紹介です。型名の後ろの"?"はなに？型名の後ろに"?" がついている場合、null を許容する型であるNullable型になります。Nullable型とはC# 2.0以降ではnullを許容
概要SQL Server Management Studioのテーブルデザイナの変更保存時に「実行タイムアウトの期限が切れました」 エラーが発生し変更を保存できない現象について紹介します。現象SQL Server Management St
概要PowerPointで特定のフォントが使われている場所を探したい場合があります。ページ数が少なければ目視で探すこともできますが、ページ数が多い場合やわかりにくい場所でフォントが使われている場合目視で探すのは難しいです。この記事では、Po
概要スライドで使われているフォントの一覧を表示する手順を紹介します。フォントの一覧は[フォントの置換]機能を利用すると確認できます。手順PowerPointでスライドを開きます。ツールリボンの[ホーム]のタブの[編集]セクションの[置換]の
概要pptxファイルにフォントを埋め込んで保存する手順を紹介します。PowerPointのスライドで標準ではインストールされていないフォントを利用している場合、他のマシンでPowerPointを開いた際に、フォントが無いため同じデザインで表
iframeの埋め込み先のページ表示をブロックする方法を紹介します。概要他のサイトのiframeの中のコンテンツとして自サイトのコンテンツを表示される動作をブロックしたい場合があります。HTTPレスポンスヘッダに X-Frame-Optio
概要IISでX-Frame-Optionsをレスポンスヘッダに設定する手順を紹介します。Webサイト全体や特定のディレクトリで、レスポンスヘッダを共通で設定した場合や、独自のレスポンスヘッダを返したい場合があります。この記事では、IISを利
dialog タグを利用したダイアログの表示のコードを紹介します。概要HTML5に対応したWebブラウザでは dialog タグを利用してダイアログのポップアップを簡単に表示できます。この記事では dialog タグによるダイアログの表示コ
CSS変数のスコープの範囲を紹介します。クラス内で宣言した変数のスコープ下記のHTMLファイルとCSSファイルを準備します。ScopeVariable.html<!DOCTYPE html><html><hea
CSSで変数を宣言し値の代入、変数の参照をするコードを紹介します。概要CSSで枠の幅や線の太さ、色の設定などの値を変数で設定して複数の項目を1か所で設定できるようにしたい場合があります。この記事ではCSSで変数を利用する方法を紹介します。書
scaleされた要素の位置がずれる現象について紹介します。現象の確認下記のHTMLファイルとCSSファイルを作成します。position-scale.html<!DOCTYPE html><html><head
Transition プロパティを利用してCSSで要素を拡大、縮小させるアニメーションを作成します。概要Transition プロパティを利用すると、クラスが設定された際の変化を時間をかけて徐々に変更できます。この機能を利用して要素に対する
CSS等を利用してクリックでピックアップされてズーム表示される枠を作成します。概要一つの枠(エリア)内に複数のコンテンツ枠があり、クリックをして選択するとズームされ枠全体に表示する動作を実現します。完成イメージ一つの枠に複数の枠(この例では
画像と同じサイズのレスポンシブ枠を作成し、画像を枠に合わせて表示するコードを紹介します。概要画像と同じサイズのレスポンシブ枠を作成して、画像を枠に合わせて表示します。ウィンドウ幅が広がると、レスポンシブ枠の幅が広がり画像の大きさも合わせて拡
RazorPages アプリケーションを実行すると "InvalidOperationException: Unable to find the required services." エラーが発生しページが表示できない現象について紹介しま
Photoshopが突然フルスクリーン表示になってしまった場合に、フルスクリーン表示を解除する手順について紹介します。現象何かのきっかけでPhotoshopがフルスクリーン表示になってしまいます。通常のウィンドウ最大化であれば、ウィンドウの
