概要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がフルスクリーン表示になってしまいます。通常のウィンドウ最大化であれば、ウィンドウの
エレコム アンテナケーブル DH-ATLS48K70BK のレビューです。入手のきっかけテレビを配置して利用していますが、アンテナコンセントから距離が遠いため、2本のケーブル(5m×2本)を無理やり接続して利用していました。ケーブルが長すぎ
親要素のpositionプロパティの設定の違いによる position:absolute の動作の違いを紹介します。概要要素の子要素にposition:absoluteを指定した要素がある場合、親要素のpositionプロパティの設定により
CSSで正方形のレスポンシブ枠を表現するコードを紹介します。概要ページ内に正方形のレスポンシブ枠を表示したい場合があります。正方形の枠を表示する場合には、aspect-ratio プロパティを利用して縦横幅を固定して表示する方法が実現が容易
縦横比(アスペクト比)が固定されたレスポンシブ枠を作成するCSS, HTMLのコードを紹介します。概要レスポンシブに対応したページで、枠の大きさをあらかじめ決定したい場合があります。高さを固定する場合はwidthプロパティ等に高さを設定すれ
Exchange Onlineの共有メールボックスにアクセスできるユーザーを追加する手順を紹介します。手順:Microsoft 365 管理センターで設定する方法Microsoft 365 管理センターにアクセスします。左側のメニューの[チ
Exchange Online の ユーザーメールボックスを 共有メールボックスに変換する手順を紹介します。概要Exchange Onlineで複数のユーザーを一つのユーザーに統合したり、ユーザーが利用していたメールボックスを複数人で参照で
スクリーン書き出しで指定したピクセル数で画像を出力する方法を紹介します。概要Illustratorのスクリーン書き出しで "1x" を指定した場合、インチ換算でキャンバスのdpi設定などが反映されるため、キャンバス作成時に設定したピクセル数
ASP.NET 5 アプリケーションを IIS Webサーバーに配置する手順を紹介します。事前準備:ASP.NET 5 アプリケーションASP.NET 5のアプリケーションを作成します。今回はシンプルなRazor Pagesのアプリケーショ
MIcrosoft 365 で「クレジットカードに処理に多要素認証が必要です」エラーが表示される現象について紹介します。現象Microsoft 365の管理者のメールアドレスに「クレジットカードに処理に多要素認証が必要です」のメールが届きま
Web.Config をプロジェクト(アプリケーション)の発行時に切り替える手順を紹介します。概要アプリケーションを本番環境にリリースする際にリリース用のWeb.configに切り替えたい場合があります。リリース時に手で変更するのは手間がか
DateTimeオブジェクトを文字列に変換した際に英語の月名や曜日名を取得するコードを紹介します。概要DateTimeオブジェクトをToString()メソッドなどで文字列に変換した場合、曜日名や月名は日本語の名称で返されます。一般的な用途
SharePointのチームサイトのファイルを共有する手順を紹介します。手順チームサイトのトップページを表示します。左側のメニューの[ドキュメント]の項目をクリックします。下図のドキュメント画面が表示されます。テスト用にファイルを追加します
SharePointのルートサイトのファイルを共有する手順を紹介します。手順SharePointのルートサイトを表示します。上部のメニューの[ドキュメント]をクリックします。ルートサイトのドキュメントページが表示されます。テスト用にファイル
MORISAWA PASSPORT のラインセンスを更新する手順を紹介します。概要約一年ほど前に、MORISAWA PASSPORT ONEを入手しました。そろそろ更新時期かと思い確認したところ、契約期限の一か月前までに手続きをする必要があ
SharePoint のチームサイトのURLと名称を変更する手順を紹介します。手順Microsoft 365 の管理センターにサインインします。左側のメニューの[SharePoint]の項目をクリックしてSharePointの管理センターに
SharePoint のチームサイトを作成する手順を紹介します。手順Microsoft 365にサインインします。下図のページが表示されます。左側のメニューから[SharePoint]の項目をクリックします。下図のSharePointの管理
Windows 10 のエクスプローラーに Microsoft 365 のOneDriveを追加(マウント)する手順を紹介します。概要Microsoft 365を利用すると、プランによってはOneDriveが利用できます。この記事ではWin
カスタム日時形式文字列内で文字列を明示して表現するコードを紹介します。概要DateTime.ToString() メソッドでカスタム日時形式文字列を利用すると指定した形式で時刻や日時を整形した文字列を取得できます。カスタム日時形式文字列で文
ASP.NET Core プロジェクトでないアプリケーションに Microsoft.AspNetCore.App フレームワークの参照を追加する手順を紹介します。概要ASP.NET Core プロジェクトでないアプリケーションに Micro
C#で System.Text.RegularExpressions を利用して正規表現を用いてHTMLのタグを検出するコードを紹介します。概要こちらの記事で紹介している正規表現を利用して、System.Text.RegularExpres
ASP.NET Core アプリケーションのRazor Pages でファイルをアップロードしても IFormFile オブジェクトがnull になってしまう現象について紹介します。概要ファイルをアップロードするRazor Pages を作
ASP.NET Core アプリケーションの Razor Pages でファイルをアップロードするコードを紹介します。概要Razor Pages でファイルをアップロードする場合はinputタグのファイル選択コントロールを利用します。ページ
Orbi AX6000 のファームウェアをWeb経由で自動アップデートする手順を紹介します。概要こちらの記事では、手動でOrbi AX6000 のファームウェアをアップデートする手順を紹介しました。安定して稼働するようになった後は、Web経
pptx ファイルに配置されている画像のオリジナルの解像度の画像やPowerPointでトリミング加工される前の画像を取得する手順を紹介します。通常の操作で画像を保存した場合の動作PowerPointで下図のスライドを準備します。スライドの
Visual Studio でGitリポジトリにコミットするときにオブジェクトファイルやコンパイル結果のファイルも含まれてしまう現象と、Visual StudioでVisual Studio用のgitignoreファイルを作成する手順につい
Illustraotr のグラデーション設定で、カラーを変更してもモノクロのカラーになってしまう現象と対処法を紹介します。現象の確認図形を描画します。図形にグラデーションを適用します。図形を選択した状態で、ツールパレットのグラデーションパタ
