Bodymovin で出力した LottieアニメーションをWebページで再生する手順、コードと実行結果を紹介します。概要こちらの記事では、BodymovinでAfter Effectsで作成したアニメーションを出力しました。この記事では出
ASP.NET Core プロジェクトでnpmパッケージをインストールする手順を紹介します。手順プロジェクトの作成Visula Studio を起動し、ASP.NET Coreのアプリケーションのプロジェクトを作成します。npm構成ファイル
Lottieのアニメーションを再生するJavaScript (lottie.js, lottie.min.js) を取得する方法を紹介します。方法1: CDNから取得する一番簡単な方法です。CDNを利用して、lottie.min.js を取
After EffectsでBodymovin 出力用のコンポジションムービーを作成する手順を紹介します。事前準備Illustratorで画像を作成します。今回は下図の図形の画像を作成しました。作成した画像はai形式で保存します。手順プロジ
Bodymovin によるアニメーションの出力手順を紹介します。概要Bodymovin を利用してアニメーションを出力する手順を紹介します。事前準備Bodymovinをインストールします。インストール手順の詳細はこちらの記事を参照してくださ
After Effectsのプラグイン、Bodymovin のインストール手順を紹介します。事前準備After Effectsをインストールします。手順BodymovinのAdobe Exchangeのページ(https://exchang
ラスタ形式の画像を拡大すると画像がジャギー表示になる現象と対処法を紹介します。現象の確認手順コンポジションに画像(ラスタ形式の画像)を配置します。画像の配置手順の詳細はこちらの記事を参照してください。コンポジションに配置した画像を拡大します
コンポジションに配置したレイヤー要素をオリジナルのサイズの縦横比を維持して拡大・縮小する手順を紹介します。概要こちらの記事でコンポジションに配置したレイヤー要素を拡大、縮小する手順を紹介しました。縦横比を保持して拡大、縮小する場合は、四角の
コンポジションに配置したレイヤー要素を拡大・縮小する手順を紹介します。概要コンポジションに配置した画像や、コンポジションを拡大、縮小したい場合があります。この記事では、コンポジションに配置した要素の拡大、縮小の手順を紹介します。手順今回は画
Bootstrapでグリッド内部のコンテンツを外側の枠の横幅に合わせるコードを紹介します。動作の確認Bootstrapを利用したプロジェクトで、以下のHTMLファイルを作成します。<!DOCTYPE html><html&
SQL Server Management Studio 19.x をインストールします。手順SQL Server Management Studioのページ(https://docs.microsoft.com/ja-jp/sql/ssm
SQL Server Management Studio 18.x をアンインストールします。手順設定画面を開きます。[アプリ]のタイルをクリックします。[アプリと機能]の画面が表示されます。右側のエリアを下にスクロールします。[Micro
Gitリポジトリのプル、プッシュの際に "Warning: git-credential-manager-core was renamed to git-credential-manager" ワーニングの対処法を紹介します。現象Gitリポ
innerHtmlプロパティに文字列を足しこむと、意図した表示にならない現象の紹介と対処法を紹介します。現象の確認以下のHTMLファイルを作成します。<!DOCTYPE html><html><head>
JavaScriptの2次元配列、多次元配列の宣言・初期化・代入・参照のコードを紹介します。概要こちらの記事では、JavaScriptでの配列を利用するコードを紹介しました。この記事では、複数の次元を持つ多次元配列を利用するコードを紹介しま
カラー選択ボックス (カラーピッカー) で選択したカラーの値を取得するJavaScirptコードと実行結果を紹介します。概要カラー選択ボックス (カラーピッカー) で選択したカラーの値を取得するには、カラー選択ボックスのDOM要素を取得し、
buttonタグでクリック時にページ遷移しない動作にするコードを紹介します。概要buttonタグでクリック時にページ遷移が起きる場合と、起きない場合があります。buttonタグがformタグ内にある場合はサブミットボタンとして動作し、for
HTMLページでカラー選択ボックス (カラーピッカー ダイアログ)を表示するコードを紹介します。概要HTMLページで色選択をする場合にカラーピッカーのダイアログを表示したい場合があります。HTMLページでカラーピッカーダイアログを表示するに
マウスポインタが要素の領域内に入ったとき、領域から出た時にJavaScirptを実行するコードを紹介します。概要マウスポインタがHTML要素の領域に重なったとき(領域に入ったとき)、HTML要素の領域からマウスポインタが出たときにJavaS
配列のすべての要素が一致しているか判定するコードを紹介します。概要2つの配列があるとき、それぞれの配列の要素が一致しているかを判定するには、ループで配列の要素をひとつづつ比較するのがオーソドックスな方法です。ループで比較する方法はコードの量
ウィンドウコントロールのスクロールバーで内部のコンテンツ領域をスクロールするコードを紹介します。スクロールの処理にScrollWindowEx APIを利用します。概要こちらの記事ではウィンドウコントロールのスクロールバーで内部のコンテンツ
ウィンドウコントロールのスクロールバーで内部のコンテンツ領域をスクロールするコードを紹介します。概要こちらの記事では、ウィンドウコントロールでスクロールバーを表示するコードを紹介しました。また、こちらの記事ではウィンドウコントロールのスクロ
OnPaintBackgroundとWM_ERASEBKGNDの動作の違いを紹介します。概要コントロールの背景を初期化、描画するイベントとして、OnPaintBackgroundが用意されています。また、ウィンドウの背景を消去する必要がある
JavaScriptでHTMLページを印刷するコードを紹介します。概要JavaScriptで現在表示されている、HTMLのページを印刷するには、window.print() メソッドを呼び出します。メソッドを呼び出すと印刷ダイアログが表示さ
ウィンドウコントロールでスクロールインした領域を描画するコードを紹介します。概要こちらの記事ではウィンドウコントロールで描画された内容をスクロールするコードを紹介しましたが、すでに描画された内容はスクロールしますが、画面の外側からスクロール
単語のワードブレークをしないワードラップの座標を計算して文字を描画するコードを紹介します。概要こちらの記事では文字ごとの座標値を計算してワードラップされた文字列を描画するコードを紹介しました。紹介したコードでワードラップされた文字列を描画で
Visual Studio サブスクリプションの契約手順を紹介します。契約手順 (2023年)Visual Studio Subscriptionの申し込みをすると、Microsoftから Microsoft ライセンス契約にサインが必要な
ワードラップの座標を計算して文字を描画するコードを紹介します。概要こちらの記事では、指定した範囲内でワードラップして文字列を描画するコードを紹介しました。単純にワードラップされた文字列を描画する場合は、紹介した記事の方法で問題ありませんが、
プロジェクトを参照すると「Windows フォームまたは WPF を使用しているとき、またはそのようなプロジェクトまたはパッケージを参照しているときには、ターゲット プラットフォームを Windows に設定する必要があります」エラーが発生
アンチエイリアスを有効にしてDrawStringメソッドでテキストを描画するコードを紹介します。概要こちらの記事ではGraphicsオブジェクトを利用して円や線の描画でアンチエイリアスで描画するコードを紹介しました。同様のコードでDrawS
文字列を折り返して描画するコードを紹介します。概要長い文字列を指定した領域内で、ワードラップして文字列を描画したい場合があります。この記事では、ワードラップした文字列を描画するコードを紹介します。ワードラップした文字列を描画する方法として、
画面に文字列を描画するコードを紹介します。概要画面に文字列を描画するには、GraphicsオブジェクトのDrawStringメソッドを利用します。または、TextRendererクラスを利用します。プログラム例:Graphics.DrawS
HP Elitebook で電源ボタンを押しても電源が入らず、ACアダプタを接続しても充電ランプが点灯しない場合の対処法です。現象HP Elitebook で電源ボタンを押しても電源が入らず、ACアダプタを接続しても充電ランプが点灯しません
Paintイベントで描画が必要な領域を取得するコードを紹介します。概要こちらの記事では、Invalidateメソッドを利用して、コントロールの領域の一部を再描画するコードを紹介しました。Invalidateメソッドで領域を指定した場合、Pa
コントロールの指定した範囲のみを再描画するコードを紹介します。概要コントロールで指定した範囲のみを明示的に再描画したい場合があります。再描画したい領域を指定して更新する場合は、Invalidateメソッドを利用します。書式Invalidat
グラフィックスの描画で描画範囲を制限して描画する(描画領域のクリップ)コードを紹介します。概要Graphicsオブジェクトを利用して画面描画をすると画面にグラフィックスや画像を描画できます。通常はGraphicsオブジェクトのコントロールの
