CSSで角の丸いテキストボックスを作成する方法を紹介します。概要CSSで角の丸いテキストボックスを表現する場合は、borderプロパティで角丸を設定します。補足古いWebブラウザで border-radius プロパティが利用できない場合は
画像を使って角の丸いテキストボックスを作成する方法を紹介します。補足CSSを利用し、背景画像を利用しない方法はこちらの記事を参照してください。画像の準備テキストボックスの画像を用意します。今回は下図の画像を用いました。横140px、縦40p
appsettings.json からオブジェクト配列を読み込むコードを紹介します。概要こちらの記事では、appsettings.json から配列のデータを読み込むコードを紹介しました。この記事では、appsettings.jsonから値
ASP.NET Core Webアプリケーション(.NET5 .NET6 .NET7)で appsettings.json ファイルから設定情報を読み込むコードを紹介します。概要ASP.NET Core Webアプリケーション(ASP.NE
質問: appsettings.jsonから配列を読み込むappsettings.jsonに配列の値を記述して、ASP.NETアプリケーションから配列の値を読み出したいです。どんなコードを記述すればよいでしょうか？概要こちらの記事では、a
Photoshopで白背景を透明色にする手順を紹介します。概要紙に描画した原稿の線を利用してペイントする場合、スキャナでスキャンした原稿から線を残して紙の白い部分を抜きたい場合があります。この記事では、白背景を透明色にして、白部分を抜く手順
appsettings.jsonの情報を取得できない場合の対処法を紹介します。概要こちらの記事でappsettings.jsonファイルから情報を取得するコードを紹介しましたが、appsettings.jsonから値がうまく読みだ出せない場
Google Search Console の URL Inspection API を呼び出しページのクロール情報を取得するコードと実行結果を紹介します。概要こちらの記事ではGoogle Search Console APIを呼び出し、G
指定した面にトゥーンシェーダーのエッジを表示する手順を紹介します。概要こちらの記事ではトゥーンシェーダーを利用してレンダリングする手順を紹介しました。レンダリング設定で、Contour フィルタを適用するとジオメトリオブジェクトの外形にエッ
ターゲットカメラ、フリーカメラでカメラの露出を変更する手順を紹介します。概要こちらの記事ではフィジカルカメラで露出を変更する手順を紹介しました。フィジカルカメラ以外のカメラ（ターゲットカメラ、フリーカメラ）でも露出を変更したい場合があります
フィジカルカメラを利用してカメラの露出を変更する手順を紹介します。概要レンダリング結果の画面を明るくしたい場合、シーンにライトを追加する方法もありますが、ライトなどを追加せずにシーンを変更することなく、全体的にレンダリング結果を明るくしたい
トゥーンシェーディングでジオメトリオブジェクトの継ぎ目のエッジに線を描画しないようにする設定手順を紹介します。動作の確認下図のオブジェクトをシーンに作成します。球体3つと、床のボックスのオブジェクトを配置しています。こちらの記事と同様のトゥ
トゥーンシェーダーでジオメトリオブジェクトの鋭角なエッジにも線を描画する設定手順を紹介します。概要こちらの記事ではトゥーンシェーダーを利用したレンダリング手順を紹介しました。Contourフィルタを適用してエッジを描画する場合デフォルトの設
border と padding を含めないサイズで枠の大きさを指定するコードを紹介します。概要border と padding を含めないサイズで枠の大きさを指定する場合は、box-sizing プロパティに "border-box" を
CSSで模様のある影の枠を作成するコードを紹介します。コードCssShadowWithPattern.css.WrapFrame { position: relative; margin: 1rem 2rem 0 4rem; widt
図形のエッジが隣接しているとフリーグラデーションの色が染みだす現象と対処法を紹介します。現象の確認Illustratorで「∞」マークを作成します。作図の手順はこちらの記事を参照してください。フリーグラデーションで内部をグラデーションで塗り
グラデーションのカラーやグラデーションの変化点を変更する手順を紹介します。手順: グラデーションカラーの変更グラデーションで塗られた図形を用意します。また、グラデーションウィンドウを表示します。グラデーションウィンドウは[ウィンドウ]メニュ
図形のグラデーションを解除して単色の塗り(ベタ塗り)に戻す手順を紹介します。概要図形の線や塗りをグラデーションに設定した状態から、グラデーションのない単色の塗りの状態に戻したい場合があります。この記事では、図形の線や塗りをグラデーションから
DSUM関数で条件式に等号や不等号を利用する方法を紹介します。概要こちらの記事ではDSUM関数を利用して、条件に合致した行の値の合計を求める手順を紹介しました。紹介した手順では条件に一致する行の値の合計を求めましたが、セルの値が数値の場合、
DSUM関数を利用して、複数のフィールド列の条件を判定して合計値を求める手順を紹介します。概要DSUM関数を利用すると、選択した表の領域から複数のフィールド列の条件を判定して合計値を求められます。SUMIFS関数でも同様の処理ができますが、
Excelで指定した範囲内で設定した期間内の日付の行の値の合計を求める方法を紹介します。概要Excelで日付ごとに値のある表で、設定した期間内の日付の行の値の合計を求めたい場合があります。SUM関数を利用して、該当する機関の範囲を選択する方
ファイル エクスプローラーの左側のツリービューの組織の OneDrive アイコンを非表示にする手順を紹介します。概要こちらの記事では、ファイルエクスプローラーの左側のツリービューから、OneDriveアイコンの項目を非表示にする手順を紹介
ファイル エクスプローラーの左側のツリービューのOneDrive アイコンを非表示にする手順を紹介します。概要ファイルエクスプローラーの左側のツリービューにOneDriveの項目アイテムが表示されています。OneDriveを利用する場合は便
図形の塗りをグラデーションにする手順を紹介します。手順図形を描画します。塗りの色がある状態にします。選択ツールで図形をクリックして選択します。ツールパレットの塗りのカラーのカラーボックスが線のカラーボックスより後ろにある場合はクリックして塗
Backgroundプロパティを利用して画像をトリミングして表示するコードを紹介します。概要以下の記事では object-fit プロパティ、clip-path プロパティを使用して画像をクリップする方法を紹介しました。object-fit
Bootstrap のパッケージを利用しているプロジェクトでビルド時に "Two assets found targeting the same path with incompatible asset kinds" エラーが発生する現象と
CSS clip-path プロパティを利用して画像をトリミングするコードを紹介します。概要こちらの記事では、CSSのobject-fit プロパティを利用して、画像をトリミングするコードを紹介しました。この記事では、より複雑な形状でトリミ
object-fit プロパティを利用して、CSSで画像をトリミングするコードを紹介します。概要画像の一部をトリミングして表示したい場合があります。CSSのobject-fit プロパティを使用すると、画像の一部を指定したサイズでトリミング
Illustratorにて「はさみツール」を用いてパスの一部分を切り取る方法を紹介します。手順Illustrator を起動します。[ファイル]メニューの[新規]メニューでキャンバスを作成します。[楕円ツール]を用いて円を描画します。円形が
質問: Illustratorでのパスの連結2つのパスがあり、それぞれの端点どうしを連結して1つのパスにしたいです。どのような操作をすれば、パスを連結できるでしょうかIllustratorで2つのパスの端点でパスを連結します。メモ複数のパ
無限大 (∞) 記号の形状を描画する手順を紹介します。手順ドーナッツ型の形状(円形2つ)を重ねたものを描画し、複製を作成しドーナッツ型の形状を2つ描画します。左側の外側の円と、右側の内側の円の共通の接線で交差するほうの線を描画します。共通の
カテゴリ: Illustrator /
タグ:
カラーウィンドウのカラー選択インターフェイスをカラーホイールにする手順を紹介します。概要とデフォルトの動作Photoshopでカラーウィンドウを表示します。デフォルトでは、下図の表示スタイルです。カラーウィンドウの中央の領域でクリックすると
塗りのある図形のアウトラインの結果です。概要塗のある図形をアウトライン化した場合どのような結果になるか確認します。動作の確認キャンバスに塗りと線のある図形を描画します。今回は円形を描画しました。[オブジェクト]メニューの[パス]サブメニュー
Illustratorでふたつの円の共通接線を描画する手順を紹介します。補足多少のずれは発生しますので、厳密な作図をする場合は、CADアプリケーションの使用をお勧めします。手順:外側の共通接線2つの円を描画します。片方の円の中心に合わせても
Illustratorで保存時にローカルPCへの保存ダイアログをデフォルトで表示する方法を紹介します。補足Photoshopでの設定方法はこちらの記事を参照してください。デフォルトの動作の確認Illustratorでドキュメントを作成し、[
中心の位置を基準にして図形を拡大、縮小する手順を紹介します。概要Illustratorでは選択ツールで図形を選択すると図形の周囲にハンドルが表示され、ハンドルをドラッグすることで、図形の拡大や縮小、回転が実行できます。標準の動作では、ハンド
