AI

ローカルでAMDのGPU（direct-ml）を使ってStable Diffusion Forgeを動作させる

やりたいこと通常Stable Diffusion ForgeはNvidiaのGPU（GeForceなど）が必要です。下のページではCPUで動作する環境を作成しましたが、この記事ではAMDのGPUで動作する環境を作成します。オンボードのGPUでも作成時間が短くなりました。Flux. 1に関してForgeのメリットの一つとしてFlux. 1が使用できることがありますが、この記事の方法+ForgeでFlux. 1の画像作成方法ではFlux. 1で画像を作成することはできませんでした。（コード修正を加えることで画像は作成できたのですが、まとまな画像にならなかったのでここでは方法を割愛します）環境構築ダ...
2025.03.11
AI
AI

GPUを使わないでPCのローカルでStable Diffusion forgeを動作させる

やりたいこと通常Stable Diffusion forgeはNvidiaのGPU（GeForceなど）が必要です。ここではNVidiaのGPUが載っていないPCでCPUだけを用いてStable Diffusion forgeを動作させる方法を紹介します。環境構築ダウンロード以下のページを開きます。ページをスクロールして installing Forgeの欄を探し、recommnededになっているバイナリをクリックしてダウンロードします。展開任意のフォルダにダウンロードしたzipファイルを展開します。batの修正以下のファイルをメモ帳などのエディタで開きますwebui¥webui-user....
2025.03.11
AI
TypeScript

[TypeScript]カスタムイベントを使用する

やりたいことTypeScriptでカスタムイベントを発火して、イベントをトリガにして処理を行います。実装イベントの送信以下のコードでイベントを送信させます。const event = new CustomEvent("event_name", { detail: { val1: "value 1", val2: "value 2" } });dispatchEvent(event);"event_name"は任意の好きな名前に変更します。detail objectの中身は自由に変更可能です。イベントの受信イベントの受信は以下の通りです。addEventListener("event_name"...
2025.03.11
TypeScriptUncategorized
Blender

[Blender 4.2]MMD(MikuMikuDance)向けファイル（PMD）をBlenderで開く

やりたいことMMD(MikuMikuDance)向け3Dモデルファイル（PMD）をBlenderで開きます。あにまさ氏の初音ミクのモデルを例に進めさせていただきます。下のページでも紹介しましたがBlenderのバージョンが変わり、手順が変わったので再度紹介します。Blenderのアドオンのインストール編集メニュー　→プリファレンス　→”エクステンションを入手”をクリックします。（”オンラインアクセスを許可”というボタンが表示される場合はクリックしてください。）上部の検索にMMDと入力し、種別がアドオンであることを確認して検索をします。MMD Toolsが表示されるのでインストールをクリックしま...
2025.03.11
Blender
JavaScript

イベントトリガで一回だけ実行する(JavaScript)

やりたいことJavaScriptでイベントをトリガにして処理を行う場合、addEventListenerを使用しますが、１度だけしか実行したくないときがあります。（準備が終わったイベントで初期化とか） removeEventListenerを使用すればいいのですが、全く同じlistenerを設定しなければならず厄介です。（メンテでしくったり）この記事ではremoveEventListenerを使用せずに１回のみ処理を行う方法を紹介します。実装通常addEventListenerは以下のように記述すると思います。element.addEventListener(event, callback);...
2025.03.11
JavaScript
JavaScript

JavaScriptでOBSを操作

やりたいことJavaScriptでOBS操作します。注意点この記事で紹介する方法は大きく二つの問題があります。作業する前にご確認ください。注意点1：普通のブラウザから使えるわけでないOBSの外部のブラウザ（ChromeやFireFox）で使用できるわけではありません。使用するにはOBSないのブラウザソースに作成したページを表示する必要があります。注意点2：できることが限られているできることはかなり限られています。シーンの移動、トランザクションの移動、録画、配信の開始終了ができますが、音量の変更やソースの表示非表示などはできません。詳しくは以下のページを参照してください。使用できるイベント、機能...
2025.03.11
JavaScript
Uncategorized

【2025/02確認】自分のPostにいいね、リポストした人を調べる（X）

やりたいことXで自分のポストにいいね（リポスト）をしてくれた人を調べます。課金不要です。手順いいねをしてくれた人を調べたいポストの右上の・・・をクリックします。以下のメニューが表示されるので”ポストのエンゲージメントを表示”をクリックします。いいねタブをクリックします。いいねをしてくれた人の一覧が表示されます。リポストタブを表示すればリポストをしてくれた人の一覧が表示されます。ちなみに他のユーザのポストに同様の方法でエンゲージメントを表示することは可能ですが、いいねした人を確認する方法はできません。（リポストしたユーザは確認できます。）
2025.02.13
Uncategorized
JavaScript

javascriptでemをpxに変換

やりたいことCSSなどで使用するemをpxの単位に変換します。コード以下の関数にemのサイズを渡すとpxのサイズが返ってきます。第2引数は変換するオブジェクトを表示するエレメントを渡します。function em2px(em_size, ele) { const parentElement = ele.parentElement || document.body; const px_size = parseFloat(getComputedStyle(parentElement).fontSize); return px_size * em_size;}コードの説明以下の行で基準になるDOMか...
2025.02.13
JavaScript
GIMP

文字にグラデーションをかける(GIMP)

やりたいことGIMPで文字にグラデーションをかけます。（他のサイトで紹介されているものとは別の方法で行います。私はこっちのほうがメンテしやすくて好きです）手順レイヤービューで右クリックし”新しいレイヤーグループ”を選択します。作成したレイヤーグループを選択状態で白色で文字を書きます。（わかりやすいように背景を黒にしました。）レイヤーグループを選択して”新しいレイヤーの追加”を選択しレイヤーを作成します。作成したレイヤーにグラデーションで塗りつぶします。（グラデーションの塗りつぶし方法はページ下にまとめます。）ここでは以下のようにしました。グラデーションで塗りつぶしたレイヤーを選択してモードを”...
2025.02.13
GIMP
JavaScript

webページからAivisSpeechを使用した読み上げを行う

やりたいこと以下のページではJavaScriptの基本機能であるSpeechSynthesisを使用して読み上げを行いましたが、発音がいまいちでした。そこでより発音のきれいなAivisSpeechを使用して読み上げを行います。前提今回はローカルのWebアプリ（からのアクセスを想定しています。File://も使用できません。）を例に行います。これはCORS Policyの問題のせいです。設定の変更により他のＰＣからもアクセスできるようですが試していません。環境AivisSpeech Engine version 1.0.0AivisSpeech-Engine（サーバ）の起動AivisSpeech...
2025.01.27
JavaScript
次のページ