Illustratorで図形にドロップシャドウ効果を適用して影を描画する手順を紹介します。手順: ドロップシャドウを適用するIllustratorでドキュメントを作成し、図形を描画します。この図形にドロップシャドウを追加します。[選択]ツー
insertAdjacentHTML, insertAdjacentText を利用して要素をHTMLページに挿入するコードを紹介します。メモ指定した要素の前、後にHTMLを挿入するコードの詳細はこちらの記事を参照してください。指定した要素
JavaScriptのOnClick, OnMouseDown, OnMouseUp の違いとイベントが発生する順番を紹介します。概要JavaScriptの要素のマウスボタンのイベントには、OnClick, OnMouseDown, OnM
PowerShellでファイル名やディレクトリ名を変更するコマンドを紹介します。コマンドファイルの名前を変更、ディレクトリの名前を変更するには "Rename-Item" コマンドを利用します。書式Rename-Item -Path (名前
Illustrator で図形の線をなしにする手順を紹介します。概要Illustratorで描画した図形には、線の色と内部の塗りつぶし色が設定されています。デザインによっては、線を無くした図形を描画したい場合があります。Illustrato
Illustrator で図形の塗りを透明色にする手順を紹介します。手順Illustratorのドキュメントを作成し、下図の図形を作図します。長方形を2つ描画した状態です。今回は黄色の長方形の図形の塗りを透明色にします。選択ツールで、黄色の
After Effectsで図形(シェイプ)の塗りを無しにして、内部を透過する手順を紹介します。手順After Effectsのコンポジションにシェイプが配置されている状態です。塗りを変更したいシェイプをクリックして選択します。選択されたシ
Fixhands_anime_bdsqlsz をインストールします。概要手の品質を改善する Fixhands_anime_bdsqlsz LoRAがリリースされ、改善効果がかなりある。という情報を入手したのでインストールして動作を確認します
質問: マスタの変更を反映する共通部品を作りたい各画面に共通の要素となるメニューをデザインしているのですが、複製するとそれぞれを変更しないといけないので面倒です。マスタのパーツを変更するとそれぞれの画面のメニューが連動して変更されるような
Excelで年の日数を取得する手順を紹介します。概要Excelを利用する中で年の日数を取得したい場合があります。1年は365日ですが、うるう年の場合は366日となり、年によって日数が異なるため、与えた年での日数を取得する必要があります。メモ
Excelでうるう年かを判定する手順を紹介します。概要年を与えた際にその年がうるう年かそうでないかを判定したい場合があります。この記事では、Excelで年の日付から、うるう年かそうでないかを判定する手順を紹介します。うるう年の判定うるう年は
Figmaでオートレイアウトを作成すると一部のテキストが右寄せになる現象と対処法を紹介します。現象下図のデザインを準備します。ドラッグして選択します。選択後右クリックしポップアップメニューを表示します。メニューの[オートレイアウトを追加]の
Figmaでテキストのエリアが文字列の長さに応じて伸縮しない現象の対処法の紹介です。現象下図の画面があります。テキストの内容を変更します。テキストを変更しましたが、テキストのエリアの枠の大きさは変化しません。テキストの長さに応じてテキストエ
Excelの数式で複数の条件を判定する方法を紹介します。概要こちらの記事では、IF関数を利用して条件判定する方法を紹介しました。条件式が一つの場合は、IF関数で問題ありませんが、条件式が複数になった場合にIF関数では記述が複雑になり、理解が
Excelで行間にある小計の値を除外した合計値を求める手順を紹介します。現象の確認下図の表を作成します。日付取引先取引額2025/4/8ぺんぎん商事548,000 2025/4/17しろくまファクトリー1,234,000 2025/4/24
Figmaのファイルのサムネイルを設定する手順を紹介します。概要Figmaのファイル一覧を表示すると、デフォルトでは描画領域全体を縮小したサムネイルが表示されます。描画している要素が少ない場合は、比較的わかりやすいですが、描画要素が多い場合
niji・journey version 6で version 5 の絵柄やデザインテイストで画像を生成する手順を紹介します。概要niji・journey version 6が登場しましたが、生成する画像によっては、version 5での生
midjourney niji・journey で入力したキャラクターの画像と同じキャラクターを描画する手順を紹介します。概要midjourney niji・journey のCharacter Reference 機能を利用すると与えた画
コマンド プロンプトでのファイルの名前変更、ディレクトリ(フォルダ)の名前変更のコマンドについて紹介します。コマンドファイルの名前を変更、ディレクトリの名前を変更するには "RENAME" コマンドまたは "REN" コマンドを利用します。
JavaScriptでボタンを動的に作成してページに配置するコードを紹介します。概要ページ表示後にリンクのクリックやボタンのクリックでボタンを動的に表示したい場合があります。この記事では、JavaScriptを利用してボタンを動的に生成して
質問: Figmaでペンツールでパスを作成したのですが、クリックしすぎて頂点をたくさん作りすぎてしまいました。パスの途中の頂点を削除する方法を教えてください。はじめにFigmaでペンツールを利用して、パス(Vector)の頂点を削除する手
質問: パスに頂点を追加したいですFigmaでペンツールでパス?Vecotr?を作成したのですが、パスの途中に頂点を追加する方法がわかりません。どうやって追加しますか？はじめにFigmaでペンツールを利用して、パス(Vector)の途中に
オートレイアウトで一部の要素の間隔のみを変更する手順を紹介します。概要オートレイアウトを利用すると、要素を自動で配置でき、均等に余白を開けて配置できます。(参考記事)余白の大きさは簡単に調整でき、レイアウト作業もしやすいです。一方で、各要素
Figmaで要素間に均等なマージンを入れた相対レイアウトを作成する手順を紹介します。概要Figmaで要素間に均等なマージンを入れ、内部のコンテンツのサイズに応じて自動的に要素の位置が相対で変化するレイアウトを作成する手順を紹介します。このよ
Figmaでオートレイアウトのオブジェクトの順番を変更する手順を紹介します。概要こちらの記事では、整列されたオブジェクトの順番を入れ替える方法を紹介しましたが、この方法では、別の行の要素と入れ替えた場合に、列数が変化してしまう動作になります
Figmaで整列されたオブジェクトの順番を変更する手順を紹介します。手順Figmaで整列されたオブジェクトを用意します。今回は下図の16枚の画像が並んだものを用意しました。キャンバスをドラッグして範囲選択します。すべてのオブジェクトを囲み選
Figmaのオートレイアウトで整列されたオブジェクトの間隔を変更する手順を紹介します。概要整列されたオブジェクトの間隔を広げたり、狭めたりしたい場合があります。この記事では、整列されたオブジェクトの間隔を変更する手順を紹介します。手順整列さ
オートレイアウトを利用して、Figmaでオブジェクトを整列する手順を紹介します。概要Figmaで配置した複数のオブジェクトを整列したい場合があります。この記事では、オートレイアウトを利用して、オブジェクトを整列する手順を紹介します。手順下図
画像をFigmaのキャンバスに配置する手順を紹介します。手順Figmaのデザインファイルを開きます。ウィンドウ左上のメニューボタンをクリックします。ドロップダウンメニューが表示されますので、[ファイル]サブメニューの[画像を配置...]の項
FigJamで整列されたオブジェクトの順番を変更する手順を紹介します。概要FigJamで整列されたオブジェクトがあった際に、並びの順番を変更したい場合があります。この記事では、FigJamでオブジェクトの順番を変更する手順を紹介します。手順
FigJamで整列されたオブジェクトの間隔を変更する手順を紹介します。概要FigJamのボードに配置して整列されている要素の間隔をまとめて変更したい場合があります。この記事では、要素の間隔を変更して、整列された要素の間隔を広げたり、狭めたり
一定量スクロールしても背景が変化しないページをCSSで作成するコードを紹介します。概要スクロールしても一定の間は背景が変化せず、さらにスクロールすると別の背景がスクロールインするページ表現をCSSを利用して表現します。実装方針こちらの記事で
スクロールするとセクションごとに背景画像が変化するページを作成します。概要ページをスクロールすると背景が固定して表示され、スクロールするとセクションごとに背景が変化する表現をCSSを利用して実装します。書式CSSの background-a
ページをスクロールしても画像はスクロールしない枠をCSSで作成するコードを紹介します。概要ページをスクロールしても画像は固定されてスクロールしない表現をCSSを利用して実装します。背景に配置された画像を枠でマスクして表示する動作イメージにな
画像をFigJamボードに配置する方法、複数画像をまとめてFigJamボードに配置する手順を紹介します。概要画像をFigJamボードに配置したい場合があります。この記事では、FigJamボードに画像を配置する手順を紹介します。手順:画像の配
PowerPointのスライドをFigJamボードに配置する方法を紹介します。概要PowerPointのスライドをFigJamボードに配置したい場合があります。PowerPointのファイルを直接FigJamボードにインポートする機能は無い
