niji・journey version 6で version 5 の絵柄やデザインテイストで画像を生成する手順を紹介します。概要niji・journey version 6が登場しましたが、生成する画像によっては、version 5での生
midjourney niji・journey で入力したキャラクターの画像と同じキャラクターを描画する手順を紹介します。概要midjourney niji・journey のCharacter Reference 機能を利用すると与えた画
コマンド プロンプトでのファイルの名前変更、ディレクトリ(フォルダ)の名前変更のコマンドについて紹介します。コマンドファイルの名前を変更、ディレクトリの名前を変更するには "RENAME" コマンドまたは "REN" コマンドを利用します。
JavaScriptでボタンを動的に作成してページに配置するコードを紹介します。概要ページ表示後にリンクのクリックやボタンのクリックでボタンを動的に表示したい場合があります。この記事では、JavaScriptを利用してボタンを動的に生成して
テーブル内のレコードの件数(テーブルの行数)を取得するSQLを紹介します。概要テーブルのレコードの数(テーブル行数)を求めるには COUNT 関数を利用します。メモレコードの数ではなく、レコードのフィールドの値の合計を求める場合はSUM関数
質問: ウィンクキャラクターにウィンクさせたいのである。プロンプトはどのように記述すべきか？ウィンクしている表情を表現するプロンプトを紹介します。プロンプト以下のタグが利用できます。 タグ 意味 補足one eye closed
質問: 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ボードにインポートする機能は無い
質問: 後ろから抱きしめるシーン女の子キャラを後ろから抱きしめているシーンを画像生成で表現したいです。どのようなプロンプトを記述するのが良いでしょうか?プロンプト後ろから抱きしめているシーンを表現する場合には、次のタグを利用します。 タグ
FigJam ボードを作成する手順を紹介します。手順:FigJamボードを新規作成するFigmaにログインし、FigJam ボードを作成したいプロジェクトのページを表示します。右側の[+ 新規作成]ボタンをクリックします。ドロップダウンメニ
Figmaで角丸長方形を描画する手順を紹介します。概要こちらの記事では長方形を描画しました。長方形の角を丸くした図形を描画したい場合があります。この記事では、角に丸みのある角丸長方形を描画する手順を紹介します。手順ハンドルを操作する方法デザ
Figmaで長方形を描画する手順を紹介します。手順Figmaでデザインファイルの編集画面を表示します。画面下部のツールバーの[長方形]ボタンをクリックします。長方形ボタンが選択された状態で、キャンバス部分でドラッグします。ドラッグすると矩形
Figmaでフレームを作成する手順を紹介します。手順:フレームの作成デザインファイルの編集画面を表示します。プリセットのフレームを作成する画面下部のツールバーの左から2番目の[＃]のアイコンのボタン(フレームボタン)をクリックします。フレー
Figmaでデザインファイルを作成する手順を紹介します。手順Figmaのデザインファイルを作成します。Figmaにログインします。ファイルを作成したいチームを選択します。チーム名が表示されている部分をクリックすると、ドロップダウンメニューが
Figmaのアカウント名、アカウントのアイコンを変更する手順を紹介します。手順:アカウント名の変更Figmaにログインします。下図のページが表示されます。ぺー左上のアカウント名部分をクリックします。下図のドロップダウンメニューが表示されます
Figmaのチーム名、チームのアイコンを変更する手順を紹介します。手順:チーム名の変更Figmaにログインします。ログイン直後は下図の画面が表示されます。左側のチーム名部分をクリックします。ドロップダウンリストが表示され、切り替えられるチー
質問: スパッツの表現スパッツを履いているキャラクターを作成したいです。プロンプトはどのように記述すればよいですか？ spats と記述してもイメージ通りにならないです。プロンプトスパッツを表現する場合は、以下のタグを利用します。タグ
質問: レギンスを表現したいひざ下くらいまでの丈のあるスパッツ、いわゆるレギンスを履いたキャラクターを生成したいです。プロンプトはどうすればよいでしょうか？プロンプトレギンスを表現する場合には以下のタグが利用できます。タグ 意味 補足
Figmaのアカウントを作成する手順を紹介します。アカウント作成手順FigmaのWebサイト(https://www.figma.com/ja-jp/)にアクセスします。下図のページが表示されます。ページ右上の[無料で始める]ボタンをクリッ
Dictionary オブジェクトに指定した値が存在しているか確認するコードを紹介します。概要Dictionary オブジェクトで指定した値の要素が存在しているか確認したい場合があります。Dictionaryオブジェクトの値の存在を確認する
CSSで緩い円弧の枠を作成するコードと表示結果を紹介します。概要こちらの記事では、CSSで角丸の枠を表現するコードを紹介しました。角丸の半径を大きくすることで、円弧を持つ枠を作成することができます。この記事では、さらに、緩い円弧を持つ枠をC
Stable Diffusion で体を反らせるポーズを出力するプロンプトの紹介です。プロンプト体を反らせるポーズの場合は次のタグが有効です。 タグ 意味 補足 arched back 背中を反らした 大きく体を反らせるポーズになり
