新着ページ(98/212)

Blazor アプリケーションでRazorコンポーネントを利用する

Blazor アプリケーションでRazorコンポーネントを利用する手順を紹介します。概要Blazorアプリケーションではページ内のパーツをコンポーネント化して利用できます。この記事ではBlazorアプリケーションでRazorコンポーネントを
カテゴリ: C# /  タグ: C# ASP.NET Core ASP.NET Blazor

Blazor アプリケーションでレイアウトを利用する

Blazor アプリケーションでレイアウトを利用する手順を紹介します。概要Blazorアプリケーションで各画面のデザインをそろえたいことがあります。ASP.NET Web Formアプリケーションではマスターページを利用するとページの共通部
カテゴリ: C# /  タグ: C# ASP.NET Core ASP.NET Blazor

Razor Pagesでレイアウトぺージを利用する

Razor Pagesでレイアウトぺージを利用する手順を紹介します。概要ASP.NET Web Formアプリケーションではアプリケーション全体のページの共通部分をマスターページで作成できます。一方 ASP.NET Core Webアプリケ
カテゴリ: C# /  タグ: C# ASP.NET Core Razor Pages

Razor Pagesで動的なページを表示する

Razor Pagesで動的なページを表示するコードを紹介します。概要こちらの記事ではシンプルなRazor Pagesを作成してページを表示できました。この記事ではRazor Pageでロジックを処理して、動的なページを表示するコードや手順
カテゴリ: C# /  タグ: C# ASP.NET Core Razor Pages

エレコム フロントタップ 3個口 ホワイト T-TR02-2300WH のレビュー

エレコム フロントタップ 3個口 ホワイト T-TR02-2300WH のレビューです。入手のきっかけコンセントが不足したためタップを購入することにしました。いくつか物色した中で「エレコム アンダータップ 3個口 ホワイト T-TR05-2
カテゴリ: ハードウェア /  タグ: ハードウェア 電源ケーブル

エレコム アンダータップ 3個口 ホワイト T-TR05-2300WH のレビュー

エレコム アンダータップ 3個口 ホワイト T-TR05-2300WHのレビューです。入手のきっかけコンセントが不足したためタップを購入することにしました。いくつか物色した中で「エレコム アンダータップ 3個口 ホワイト T-TR05-23
カテゴリ: ハードウェア /  タグ: ハードウェア 電源ケーブル

シンプルな Razor Pages Webアプリケーションを作成する

ASP.NET Core を利用して、シンプルな Razor Pages Webアプリケーションを作成するコードや手順を紹介します。概要ASP.NET Core Webアプリケーションでページを記述する方法の一つとしてRazor Pages
カテゴリ: C# /  タグ: C# ASP.NET Core Razor Pages

アートボード整列時のアートボード間の余白の大きさを変更する

アートボード整列時のアートボード間の余白の大きさを変更する手順を紹介します。概要複数のアートボードを整列させると、下図のようにアートボード間に余白がとられます。通常はデフォルトの余白で問題なく作業ができますが、余白を狭くしたり、逆に広くした
カテゴリ: Illustrator /  タグ: Illustrator Illustrator アートボード

「すべてのアートボードにペースト」を利用してアートボードを複製する

Illustratorで「すべてのアートボードにペースト」を利用してアートボードを複製する手順を紹介します。概要こちらの記事では、アートボードの複製手順を紹介しました。一方で既にアートボードが作成されている場合の状態で、アートボードの内容を
カテゴリ: Illustrator /  タグ: Illustrator Illustrator アートボード

重なり合う図形の境界で余白を開けた図形を作成する (重なり合う図形の境界を一回り大きく切り取る)

Illustratorで重なり合う図形の境界で余白を開けた図形をを作成する手順を紹介します。事前準備と完成イメージ下図の図形を準備します。一つはロの字型の四角系の図形です。もう一つは矢印です。二つの図形を重ねた図形を作成したいです。が、図形
カテゴリ: Illustrator /  タグ: Illustrator

指定した図形を一回り大きくした図形を作成する

Illustratorで指定した図形を一回り大きくした図形を作成する手順を紹介します。概要Illustratorで一回り大きな図形を作成する場合は、オフセット機能を利用します。Illustratorには「オブジェクト」のパスのオフセット機能
カテゴリ: Illustrator /  タグ: Illustrator

MapGetで作成したエンドポイントでURLのルーティング パラメーターを取得する

MapGetで作成したエンドポイントでURLのルーティング パラメーターを取得するコードを紹介します。概要こちらの記事ではMapGetメソッドを利用してシンプルなエンドポイントを作成しましたが、MapGetで作成したエンドポイントで、URL
カテゴリ: C# /  タグ: C# ASP.NET Core

ASP.NET Core Web アプリケーションでルーティング機能を利用してPOSTのエンドポイントを作成する

ASP.NET Core Web アプリケーションでPOSTによるエンドポイントの作成をするコードを紹介します。概要ASP.NET Core Web アプリケーションでルーティング機能を利用してエンドポイントを作成すると高度な設定ができるよ
カテゴリ: C# /  タグ: C# ASP.NET Core

ASP.NET Core Web アプリケーションでコントローラーへのルーティング、マッピングを作成する

ASP.NET Core Web アプリケーションでコントローラーへのルーティング、マッピングを作成する手順を紹介します。概要こちらの記事では、ASP.NET Core Web アプリケーションでルーティングの機能を利用してエンドポイントを
カテゴリ: C# /  タグ: C# ASP.NET Core

Process Explorer をインストールする

Process Explorer をインストールする手順を紹介します。概要実行プロセスの詳細を確認するためのツール Process Explorer のインストール手順です。Process Explorer のダウンロードはじめに、Proc
カテゴリ: Windows /  タグ: Windows

ASP.NET Core Web アプリケーションでルーティング機能を利用しエンドポイントの作成をする

ASP.NET Core Web アプリケーションでエンドポイントの作成をするコードを紹介します。概要ASP.NET Core Web アプリケーションでルーティング機能を利用してエンドポイントを作成すると高度な設定ができるようになります。
カテゴリ: C# /  タグ: C# ASP.NET Core

SVGタグを利用して円を描画する

SVGタグを利用して円を描画するコードを紹介します。概要SVGタグを利用してSVG画像を表示する領域で円を描画する場合は、circle タグを利用します。書式<circle cx="(中心のx座標)" cy="(中心のy座標)" r=
カテゴリ: HTML /  タグ: SVG

Transition プロパティを利用した要素の移動アニメーション

Transition プロパティを利用してCSSで要素を移動させるアニメーションを作成します。概要Transition プロパティを利用すると、クラスが設定された際の変化を時間をかけて徐々に変更できます。この機能を利用して要素に対するアニメ
カテゴリ: HTML /  タグ: CSS CSS Transition

サンドボックス <h2>aaaa</h2>

sandbox&lt;h2&gt;abcde&lt;/h2&gt;&lt;h2&gt;abcde&lt;/h2&gt;&lt;h2&gt;abcde&lt;/h2&gt;&lt;h2&gt;abcde&lt;/h2&gt;&lt;h2&gt
カテゴリ: sandbox /  タグ: sandbox

テキストファイルを作成する

Macでテキストファイルを作成する手順を紹介します。手順[LaunchPad]画面を開きます。画面の[その他]のアイコンをクリックします。[その他]画面が表示されます。上段の左から2つ目の[テキストエディット]のアイコンをクリックします。[
カテゴリ: Mac /  タグ: Mac

ASP.NET Core Webアプリケーションのミドルウェアをクラスで実装する

ASP.NET Core Webアプリケーションのミドルウェアをクラスで実装するコードを紹介します。概要こちらの記事では、Useメソッドを利用してミドルウェアを実行するコードを紹介しました。Useメソッドには実行する処理のデリゲートを与えま
カテゴリ: C# /  タグ: C# ASP.NET Core

ASP.NET Core WebアプリケーションでHTMLや画像などの静的ファイルを表示できるようにする

ASP.NET Core WebアプリケーションでHTMLや画像などの静的ファイルを表示できるようにするコードを紹介します。概要こちらの記事で紹介していますが、ASP.NET Core Webアプリケーションのデフォルトの設定ではアプリケー
カテゴリ: C# /  タグ: C# ASP.NET Core

ASP.NET Core のミドルウェアでURLごとに異なる処理を実装する - Mapメソッドの利用

ASP.NET Core のWebアプリケーションでURLの違いにより処理を変更するコードを紹介します。概要ASP.NET CoreのWebアプリケーションでURLの違いにより処理を変更したいことがあります。URLの違いで処理を分ける場合は
カテゴリ: C# /  タグ: C# ASP.NET Core

macOS Catalina (macOS 10.15) の壁紙

macOS Catalina (macOS 10.15) の壁紙です。壁紙デフォルトの壁紙です。島の壁紙に変わりました。UIのカラーがダークモードの場合は夜の景色の壁紙になります。アクティブな設定にすると時間ごとに画像が変化します。Sola
カテゴリ: Mac /  タグ: Mac macOS 壁紙

ASP.NET Core のミドルウェアを作成する - Use メソッドの利用

ASP.NET Core でUseメソッドを利用してミドルウェアを作成するコードを紹介します。概要ASP.NET Core では、順番にデリゲートの処理を呼び出すことでレスポンスデータを作成する仕組みが利用できます。ASP.NET Core
カテゴリ: C# /  タグ: C# ASP.NET Core

ASP.NET Core でシンプルなレスポンスを返すアプリケーションを作成する - Run メソッドの利用

ASP.NET Core でRunメソッドを利用してシンプルなレスポンスを返すアプリケーションを作成します。概要ASP.NET Coreを利用してシンプルなレスポンスを返すアプリケーションを作成します。アプリケーションがレスポンスを返すには
カテゴリ: C# /  タグ: C# ASP.NET Core

DELL E2216H のレビュー

Dell E2216H のレビューです。梱包パッケージは下図です。ふたを開けます。付属品類が梱包されています。付属品を取り出します。下のトレイを外します。トレイを外すとディスプレイ本体が梱包されています。付属品一式です。スタンドや電源ケーブ
カテゴリ: ハードウェア /  タグ: ハードウェア DELL 液晶ディスプレイ

DELL Vostro 3470 のレビュー

Dell Vostro 3470 のレビューです。レビューのきっかけInterJapan社が新しいデスクトップとしてDELL Vostro 3470 を購入したとの連絡をもらい、レビューに行ってきました。梱包パッケージは下図です。ふたを開く
カテゴリ: ハードウェア /  タグ: ハードウェア DELL Vostro

BlazorアプリケーションでURLパラメーターを取得する

BlazorアプリケーションでURLのパラメーターを取得するコードを紹介します。概要BlazorアプリケーションでURLに付加されたパラメーターを取得するためのコードを紹介します。CGIなどのアプリケーションでは下記を一例とするURL形式で
カテゴリ: C# /  タグ: C# ASP.NET Blazor

Razorコンポーネントからクラスメソッドを呼び出す - Blazorアプリケーションからのクラスオブジェクトのアクセス

Razorコンポーネントからクラスメソッドを呼び出すコードを紹介します。概要Razorコンポーネントのrazorファイル中の @codeディレクティブ内でC#のコードを記述でき処理を実行できますが、処理の規模が大きくなる場合、razorファ
カテゴリ: C# /  タグ: C# ASP.NET Blazor

PowerShell Core 6 をインストールする - PowerShell ウィンドウで「新しいクロスプラットフォームの PowerShell をお試しください https://aka.ms/pscore6」が表示される

PowerShell Core 6 をインストールする手順を紹介します。補足より新しいバージョンの PowerShell 7をインストールする手順はこちらの記事を参照してください。概要Windows のPowerShell コンソールを開く
カテゴリ: PowerShell /  タグ: PowerShell

Blazor アプリケーションでテキストボックスを配置し、入力した文字列を取得する

Blazor アプリケーションでテキストボックスを配置し、入力した文字列を取得するコードを紹介します。概要Blazorアプリケーションで画面にテキストボックスを配置し、テキストボックスに入力した文字列を取得するコードを紹介します。事前準備B
カテゴリ: C# /  タグ: C# ASP.NET Blazor

_Imports.razor ファイルを作成して @using を集約する

_Imports.razor ファイルを作成して @using を集約する方法を紹介します。概要こちらの記事では、razorファイルそれぞれに@using ディレクティブを記述し必要な参照を追加しました。 ASP.NET Coreでは _I
カテゴリ: C# /  タグ: C# ASP.NET Blazor

Blazor アプリケーションにボタンを配置してクリックイベントを実装する

Blazor アプリケーションにボタンを配置してクリックイベントを実装する手順とコードを紹介します。手順 (.NET 6)事前準備Blazorアプリケーションを作成し、ルーティングコンポーネント、フォールバックページ(ホストページ)、メイン
カテゴリ: C# /  タグ: C# ASP.NET Blazor

_framework/blazor.server.js のJavaScriptが配置されず、Not Foundになる

Blazor アプリケーションで_framework/blazor.server.js のJavaScriptファイルが配置されない現象について紹介します。現象_framework/blazor.server.js にアクセスするとファイル
カテゴリ: C# /  タグ: C# ASP.NET Blazor

ASP.NET Blazor アプリケーションにページを追加する

ASP.NET Blazor アプリケーションにページを追加する手順を紹介します。事前準備単純な ASP.NET Blazor アプリケーションを作成します。作成手順はこちらの記事を参照してください。手順ASP.NET Blazor アプリ
カテゴリ: C# /  タグ: C# ASP.NET Blazor