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
WEB

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

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

URL からExtensionのインストールに失敗する(Stable Diffusion)

やりたいことStable DiffusionでURL からEctensionのインストールをする際に以下のエラーが出て失敗した際の対策です。GitCommandError: Cmd('git') failed due to: exit code(128) cmdline: git fetch -v -- origin stderr: 'fatal: detected dubious ownership in repository at 'path for temp folder''path for temp folderには作業フォルダのパスが入っています。対策エラーに表示された作業フォルダを...
2025.01.05
AI
AI

ローカル環境のStable Diffusion web UIにモデルを追加

やりたいことローカルで動作するStable Diffusion web UIにモデルを追加します。環境stable-diffusion-webui-amdgpuモデルのダウンロードダウンロード以下のページからダウンロードすることができます。モデルの個々のページで右側の以下のボタンをクリックすることでダウンロードすることができます。（ただしログインが必要なモデルもあります。）ライセンス各モデルのライセンスは以下のようにダウンロードボタンの下側、赤枠に記載されているので使用する際は確認してください。（多くのモデルは使用に関しては制約はないようにみえました。）おすすめのモデルNostalgia-cl...
2024.12.28
AI
AI

ローカルでAMDのGPUを使ってStable Diffusionを動作させる

注意Stable Diffusion amdgpuを用いてAMD GPUでStable Diffusionを使用する方法をこの記事で紹介していますが、下の記事を参照してStable Diffusion Forgeを使用することをお勧めします。やりたいこと通常Stable DiffusionはNvidiaのGPU（GeForceなど）が必要です。下のページではCPUで動作する環境を作成しましたが、この記事ではAMDのGPUで動作する環境を作成します。オンボードのGPUでも作成時間が短くなりました。環境構築Pythonとgitをインストールします。詳細は以下の記事の環境構築を参照してください。st...
2024.12.27
AI
AI

GPUを使わずにPCのローカルでStable Diffusionを動作させる

注意Stable Diffusion Direct MLをGPUを使わないで使用する方法をこの記事で紹介していますが、下の記事を参照してStable Diffusion Forgeを使用することをお勧めします。やりたいこと通常Stable DiffusionはNvidiaのGPU（GeForceなど）が必要です。ここではNVidiaのGPUが載っていないPCでCPUだけを用いてStable Diffusionを動作させる方法を紹介します。環境構築PythonのインストールPython 3.10.6を以下のページからダウンロードしてインストールします。インストールの際は以下の”Add Pytho...
2024.12.27
AI
次のページ