Web SQL データベースのテーブルにレコードを挿入するコードを紹介します。注意WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意
Web SQL データベースのテーブルを削除するコードを紹介します。注意WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。代
Web SQL データベースのテーブルを作成するコードを作成します。注意WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。代
Web SQL データベースを削除する方法を紹介します。注意WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。代替の実装In
Web SQL データベースを開くコードを紹介します。注意WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。代替の実装Ind
asp-page-handler タグヘルパーを利用するコードを紹介します。概要Razor Pageのアクセス時に handlerパラメーターを付与し、OnGet(ハンドラ名) OnPost(ハンドラ名) のメソッドを実行する場合には、as
asp-route-id (asp-route-*) タグヘルパーを利用するコードを紹介します。概要asp-route-id (asp-route-*) タグヘルパーを利用すると、リンクにidパラメーターを付与できます。書式通常はaタグで利
asp-page タグヘルパーを利用するコードを紹介します。概要asp-page タグヘルパーを利用すると、実際のページURLではなく、RazorPageの名前を指定して、リンク先を設定できます。書式通常はaタグ内で利用します。<a
Razor Pagesで省略可能なURLパラメーターを定義するコードを紹介します。概要こちらの記事では、ASP.NET Core のRazor PageでURLパラメーターを取得する方法を紹介しました。@page ディレクティブで拡張URL
ASP.NET Core Webアプリケーションで Razorページを利用した場合に、ページ内の一部を表示、非表示にするコードを紹介します。概要ASP.NET アプリケーションでは、WebFormアプリケーションを利用し、Panelコントロ
Razor Pagesで変数(プロパティ)の値をHTMLタグとして出力するコードを紹介します。概要プロパティの値をページのHTMLとして出力する場合は、Html.Raw を利用します。動作の確認 : 何も指定しない場合コード何も指定しない状
ASP.NET Core アプリケーションで特定のディレクトリ、URLのみ静的ファイルにルーティングするコードを紹介します。概要ASP.NET Core Webアプリケーションで app.UseStaticFiles() メソッドを呼び出す
.NET Core アプリケーションで画像をWebP形式に変換するコードを紹介します。概要C# (.NET 5.0)で画像をWebP形式に変換するコードを紹介します。画像の変換には、ImageProcessor ライブラリ(https://
PNG形式の画像をWebP形式の画像に変換する手順を紹介します。事前準備変換するためのツール、WebP Precompiled Utilities をインストールします。WebP Precompiled Utilitiesのダウンロードやイ
WebP Precompiled Utilities をインストールする手順を紹介します。手順GoogleのWebPのWebサイト(https://developers.google.com/speed/webp)にアクセスします。下図のペ
1Wの機器を無停止で利用した場合の電気料金がいくらになるかの計算ページです。概要消費電力が 1W の機器を24時間電源を入れたままにしておいた場合、どの程度の電気料金がかかるかを計算します。電気料金今回は、東京電力の標準的な電力料金を目安に
Razor Page と 静的ファイルのルーティング順序について紹介します。動作の確認ASP.NET Core アプリケーションを作成します。以下のRazor Pageを作成します。@page ディレクティブで "/app" が指定されてい
Transact SQL (SQL Server) でlike 演算子で検索すると 全角カタカナの検索でひらがなが検索結果に含まれる現象について紹介します。現象の確認下図のテーブルを準備します。idcategoryproduct_name1
ASP.NET Core アプリケーションで SqlClient, SqlConnection を利用する手順を紹介します。概要ASP.NET Core アプリケーションでSqlConnectionを利用する場合、using System.
ASP.NET Core でBitmapクラスを利用する場合の手順です。現象の確認ASP.NET Core Webアプリケーションのプロジェクトを作成し、Startup.cs に下記のコードを記述します。ASP.NET Core内でBitm
Flexboxで枠間の余白を設定する方法を紹介します。概要Flexboxで枠と枠の間に余白を開けるコードを紹介します。Flexboxで枠と枠の間に余白を開ける場合は、margin プロパティを利用します。実装例コード以下のCSS、HTMLを
数式でExcelのセルの文字列を置換する方法を紹介します。概要Excelのセルに入力されている文字列の値の一部を数式で置換する場合には、SUBSTITUTE 関数を利用します。書式SUBSTITUTE([置換元の文字列], [置換対象の文字
空白や指定した文字を除外してセルの文字数をカウントする手順を紹介します。概要こちらの記事では、セルの文字数をカウントする方法を紹介しました。セルの文字に空白が含まれる場合に空白を除外して文字数をカウントしたい場合があります。この記事では、セ
Excelでセルの文字数をカウントする手順を紹介します。概要セルの文字数を求める場合は数式を利用します。文字数を求める場合は LEN() 関数、全角文字を2文字としてカウントする場合(バイト数を求める場合)には LENB() 関数を利用しま
Microsoft Wordで文章全体の文字数、選択範囲の文字数をカウントする手順を紹介します。文章全体の文字数を数えるWordで文章を作成します。今回は下図の文章を準備しました。文字のカウントをする場合は、ツールリボンの[校閲]タブをクリ
RazorPages でHTTPレスポンスヘッダに独自の値を追加するコードを紹介します。概要RazorPages でHTTPレスポンスヘッダに値を追加する場合はOnGet() メソッド内で、Response オブジェクトのHeader オブ
Adobe Creative Cloud のライセンスをAmazonで購入して既存の契約を延長する手順を紹介します。概要費用削減目的で、Amazonでライセンスを購入して既存のアカウントの契約を延長できるか試してみます。購入: 2025年キ
シアーの変形機能を利用して、等角図 (等角投影図 アイソメトリック プロジェクション) で面を作図する手順を紹介します。概要こちらの記事では、ガイドのグリッドを用意して、頂点の変形で等角投影図の図形を描画する方法を紹介しました。この方法では
Razor Pages の RedirectToPage メソッドのリダイレクトで InvalidOperationException : No page named ... matches the supplied values. 例外が
Webページでスタイルにposition: sticky;を瀬ってしたにもかかわらず、枠がスクロールに追尾しない現象について紹介します。現象の確認現象を確認します。以下のコードを準備します。not-set-top-wrong.css.hea
Visual Studio でwwwroot フォルダに配置されたリンクファイルが配置されないため、ファイルを参照できない現象と対処方法を紹介します。現象の確認ASP.NET Coreアプリケーションを作成します。アプリケーション作成後、w
Bootstrapでウィンドウ幅に応じて要素を表示する方法を紹介します。概要Bootstrapでウィンドウ幅の広さによって要素を表示する場合は要素のクラスに d-(サイズ)-(表示モード) を設定します。決められた幅よりウィンドウ幅が広くな
Microsoft Bing Webmaster Tools にサイトマップを送信する手順を紹介します。手順Bing Webmaster Tools にサインインします。ホーム画面が表示されます。左側のメニューの[サイトマップ]の項目をクリ
Microsoft Bing Webmaster Tools にWebサイトを追加する手順を紹介します。手順Bing Webmaster Toolsのサイト(https://www.bing.com/webmasters/)にアクセスします
Illustratorのアンカーポイントのハンドルを削除する手順を紹介します。手順: コントロールバーを利用する方法Illustratorを起動し、曲線のパスを描画します。ツールパレットの[ダイレクト選択ツール]をクリックして選択します。パ
Illustratorでパスの途中にアンカーポイント、頂点を追加する手順を紹介します。手順Illustratorのキャンバスにパスを作成します。[ダイレクト選択]ツールを選択します。アンカーポイントを追加するパスをクリックして選択します。パ
