ドラッグ&ドロップ操作中の要素のスタイルをCSSを利用して変更するコードを紹介します。概要ドラッグ操作中の要素のスタイルを変更すする場合は、ドラッグ開始時にサブクラス名を追加し、ドラッグ終了後にサブクラスを削除する方法で対応できます
JavaScriptを利用して、指定した要素(エレメント)の子要素の最初、または最後にHTMLを挿入するコードを紹介します。概要指定した要素(エレメント)の子要素の最初にHTMLを挿入する場合は、insertAdjacentHTML() メ
JavaScriptで指定した要素(エレメント)の前 または 後にHTMLを挿入するコードを紹介します。概要指定した要素の前後にHTMLを挿入するには、insertAdjacentHTML メソッドを利用すると実現できます。この記事では、i
JavaScriptのDrag&Dropのイベント発生タイミングについて紹介します。概要JavaScriptでのドラッグ＆ドロップのイベントには下記があります。dragstartdragenterdragoverdragleaved
Windows Admin Center 1809.5 にアップグレードする手順を紹介します。手順Windows Admin Centerの管理画面にWebブラウザでアクセスします。ページを表示すると上部のバーに「更新プログラムが利用可能で
jQuery Sortable を利用してドラッグで順番の変更ができる、階層構造のリストのコードを紹介します。概要こちらの記事ではjQuery UIを利用してドラッグで順番の変更ができるリストのコードを紹介しました。リストがネストされている
jQuery Sortable のダウンロード手順を紹介します。手順jQuery Sortable のWebサイト(https://johnny.github.io/jquery-sortable/)にアクセスします。下図のページが表示され
BootstrapのList Group をドラッグで順番を入れ替えられるようにするコードを紹介します。概要こちらの記事で作成したBootstrapのList Groupの要素をドラッグで順番を入れ替えられるようにします。Bootstrap
質問:ノートパソコンのスクロールロックを解除したいです!気が付いたら、ノートパソコンがスクロールロックされてしまい、カーソルキーの動作が今までと全然違う動作になってしまいました。スクロールロックを解除したいのですが、キーボードにスクロール
jQuery UI を利用してドラッグで項目の順番の並べ替えができるリストを作成するコードを紹介します。概要jQuery UIライブラリを利用して、ドラッグで項目の順番の並べ替えのできるリストを作成するには、下記の処理を実行します。(リスト
NuGet を利用して jQuery をインストールします。手順Visual Studio を起動しWebアプリケーションのプロジェクトを作成します。プロジェクトの作成後 [ツール]メニューの[NuGet パッケージ マネジャー]の[パッケ
ドラッグ&ドロップで項目の並べ替えができるリストを作成するコードを紹介します。概要HTML5のドラッグ&ドロップ機能を利用して、項目の並べ替えができるリストを作成します。例コード下記のHTML,CSSファイルを作成します。[
ドラッグ&ドロップで項目の入れ替え可能なリストを作成するコードを紹介します。概要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
