ドラッグ&ドロップで項目の入れ替え可能なリストを作成するコードを紹介します。概要HTML5のドラッグ&ドロップ機能を利用して、項目の入れ替えができるリストを作成します。例コード下記のHTML,CSSファイルを作成します。Li
クラスリストのトグルによるクラスの追加と削除の切り替えで要素にクラスを追加、削除するコードを紹介します。概要クラスリストのトグルを利用すると、指定したクラスが無い場合にはしてクラスを要素に追加し、指定したクラスがある場合は、要素から指定クラ
フォームのすべてのコントロールに対してスペルチェックのアラート表示を無効にするコードを紹介します。概要Google Chromeなどのウェブブラウザでは、入力したテキストのスペルが誤っていないか、スペルチェック機能が搭載されています。テキス
テキストボックス (inputタグ) でスペルチェックのアラート表示を無効にするコードを紹介します。概要HTMLフォームのテキストボックス(inputタグ)で編集時にスペルチェックのアラート表示(赤の波線など)が表示され、見づらい場合があり
複数行テキストボックス (テキストエリア / textarea) でスペルチェックのアラート表示を無効にするコードを紹介します。概要HTMLフォームの複数行テキストボックス(textareaタグ)で編集時にスペルチェックのアラート表示(赤の
BootstrapのList Group を利用するコードを紹介します。概要BootstrapのList Groupを利用するには、ulタグのクラスに list-group を指定します。また、リスト項目のliタグのクラスにlist-gro
Bootstrapでウィンドウ幅に応じて枠の表示、非表示を切り替えるコードを紹介します。メモCSSのメディアクエリーを利用する方法はこちらの記事を参照してください。概要Bootstrapでウィンドウの幅に応じて、枠の表示や非表示を切り替える
Bootstrapで段組み間の余白を調整するコードを紹介します。動作確認 : 何も指定しない場合何も指定しない場合の表示動作を確認します。コード下記のコードを記述します。Column-Gutter-01.css#cell { bord
Bootstrapでウィンドウ幅に応じて段組みを変更するコードを紹介します。概要Bootstrapでウィンドウの幅に応じて段組みを変更する場合には、col-xl, col-lg, col-md, col-sm のクラス名を利用します。xl,
Windows Server のMariaDB をアップグレードする手順を紹介します。MariaDB のダウンロードMariaDB のウェブサイト https://mariadb.orgにアクセスします。下図のぺ0図が表示されます。上部のメ
php_snmp.dll でエラーが発生する場合の対処法を紹介します。現象PHPを実行するとエラーにより実行が停止します。イベントビューアーを確認すると、php_snmp.dll のエラーであることがわかります。下記のエラーメッセージが記録
Delete文を利用して大量のレコードを削除すると実行に非常に長い時間がかかる現象について紹介します。概要非常にレコード数の多いテーブルで、下記のような大量のレコードを削除するSQLを実行すると処理に非常に長い時間がかかります。delete
特定の時点のリポジトリの状態にする手順を紹介します。概要リポジトリで以前の時点のリポジトリの状態を参照したいことがあります。この記事では、特定の時点のリポジトリの状態にするための手順を紹介します。手順リポジトリの複製過去の状態にするため、リ
Entity Frameworkを利用してレコードを削除するコードを紹介します。概要Entity Frameworkを利用してレコードを更新する場合は、検索で削除するレコードを取得し、モデルオブジェクトのRemove() メソッドを呼び出し
Entity Framework を利用して一つのレコードを検索するコードを紹介します。概要Entity Framework で一つのレコードを取得する場合は、Singleメソッドを利用します。検索条件がある場合は、Singleメソッドの引
Entity Frameworkを利用してレコードを更新するコードを紹介します。概要Entity Frameworkを利用してレコードを更新する場合は、検索等で取得したレコードのオブジェクトのプロパティの値を変更した後、モデルオブジェクトの
Entity Frameworkを利用してレコードをデータベースに挿入するコードを紹介します。概要Entity Frameworkを利用してレコードをデータベースに挿入するには、レコードのオブジェクトを作成し値を代入して設定した後、モデルオ
SQL Serverのセッションで実行されたクエリをSQL Server Management Studioで確認する手順を紹介します。事前準備SQL Server Management Studioを起動し利用状況モニターを表示します。利
SQL Serverの利用状況モニターを表示する手順を紹介します。概要SQL Serverをインストールしているマシンでデータベースでどの程度のCPU負荷になっているのか、遅いクエリはあるのか、どのクエリが実行時間がかかかるのか、などを調べ
Entity Frameworkを利用してレコードを検索するコードを紹介します。プログラム例テーブルデータベースに下記のテーブルを作成します。ProductAテーブル レコードidnamepricecategory1Penguin500Bi
IEnumerable オブジェクトやIQueryableオブジェクトのSelect メソッドと Where メソッドの違いを紹介します。概要IEnumerable インターフェイスやIQueryable インターフェイスには Select
Entity Frameworkでの EF Designer と Code First モデルの違いを紹介します。概要Entity Frameworkを利用してモデルを作成すると、EF Designer と Code First の2種類の
サンワサプライ L型変換アダプタ（3P・1個口）TAP-AD3LT のレビューです。購入のきっかけ3Pの電源プラグを2Pに変換してコンセントに付けたいのですが、通常の3P-2P変換プラグではプラグの全体が長くなりすぎてコンセントから抜けてし
HTMLでfontを指定しない場合に描画に使用されるフォントを紹介します。標準で利用されるフォント以下の動作になります。Windows 10/11Webブラウザ英数文字日本語文字Microsoft EdgeメイリオメイリオMicrosoft
Segoe UI フォントの挙動について紹介します。Segoe UIフォントは日本語フォントなのかWindows 10のUI用のフォントとして用意されているSegoe UIフォントですが、日本語のフォントであるか動作確認します。コード下記の
CSSでマウスポインタの形状を変更するコードを紹介します。概要マウスポインタの形状を変更するには、cursor プロパティを利用します。cursorプロパティの値とマウスポイインタの形状cursorプロパティの値に対応するポインタの形状は下
divなどのブロック要素全体をリンクにするコードを紹介します。概要divなどのブロック要素をクリックした際に、指定したページに遷移したい場合があります。この記事ではdivなどのブロック要素全体をリンクにするコードを紹介します。aタグで実装す
CSSのfont-familyプロパティに複数のフォントを指定する場合の動作について紹介します。概要CSSのfont-familyプロパティに複数の値を記述した場合は、先頭に記述したフォントから順次判定します。一致したフォントがあった場合に
Webページのテキストのフォントに BIZ UDゴシック BIZ UD明朝、プロポーショナルフォントのBIZ UDPゴシック BIZ UDP明朝を利用するコードを紹介します。概要Windows 10 October 2018 Update
コンテンツを表示する枠をページの中央に配置するHTMLのコードを紹介します。概要Webページでコンテンツを表示する枠をページの中央に表示し左右にな痔だけの余白を取りたい場合があります。この記事では、コンテンツを表示する枠を中央に配置するコー
Azure の Microsoft CDN プロファイルのカスタムドメインでSSLを利用するための設定手順を紹介します。事前準備Microsoft CDNのプロファイルとエンドポイントの設定、カスタムドメインの設定を済ませます。Micros
Microsoft CDN の Azure CDN プロファイルを作成する手順を紹介します。概要これまでは Azure CDNでは Akamai と Verizon のCDNが利用できましたが、新たに Microsoft のCDNも利用でき
PowerPointで画像を配置したり、貼り付けるたびにデザイン アイディアのウィンドウが表示されないようにする手順を紹介します。動作の確認PowerPointでプレゼンテーションの編集画面(スライドの編集画面)を表示します。画像の読み込み
複合インデックスの順番の設定について紹介します。概要非クラスタ化インデックスでは、複数の列をインデックスに設定することができます。この時にインデックスに設定する列の順番を指定できますが、どのように設定したら良いかのTipsを紹介します。順番
C#でMongoDB のデータベースに接続するコードを紹介します。事前準備MongoDBのインストールと設定MongoDBをインストールし外部からアクセスできる状態にします。MongoDBのインストール手順はこちらの記事を、MongoDBに
MongoDB のコマンドを実行するためのコマンドプロンプトを表示する手順を紹介します。手順PowerShellのコマンドプロンプトウィンドウを表示します。カレントディレクトリをMongoDBのbinフォルダに変更します。デフォルトのインス
