ブラウザChromeの拡張機能にオプションページを追加する。
やりたいこと Chromeの拡張機能にはアイコンをクリックすると以下のように”オプション”がメニューに表示され、オプションページを表示することができるものがあります。 この記事では上のように拡張機能にオプションを追加し...
ブラウザPhaser3Vite + Phaser 3 のテンプレートで複数のHTMLを作成する
やりたいこと 以下の記事で作成したVite + Phaser 3 のテンプレートで複数のHTMLをビルドの対象にします。 具体的にはProjectディレクトリにあるindex.html以外のHTMLをビルド対象にし...
ツール文字列からハッシュ値(SHA)を作成するツール
やりたいこと 文字列から"SHA-1"、"SHA-256"、"SHA-384"、"SHA-512"のハッシュ値をツールを作成しました。 何に使うか？ 簡易的に固定のパスワードを作成する場合などは、入力されたパスワードと保...
JavaScriptjavascriptでハッシュ(“SHA-256”)の値を取得
やりたいこと javaScriptでハッシュ("SHA-256")の値を取得します。 実装 以下の関数でハッシュを取得できます。 async function digestMessage(message) { ...
JavaScriptJavaScriptで合成音声で読み上げを行う
やりたいこと javaScriptで合成音声で読み上げがきるようなので試してみます。 実装 以下のmozillaのページに例のコードがあるのですが、HTML部分がなかったのと気になる箇所があったので動作するように修正しま...
JavaScriptimport functionで読み込んだClassを使う(JavaScript)
やりたいこと Dynamicでmoduleを読み込みたい場合import文ではなく import functionでモジュールを読み込みます。しかし単純に書いても思った通り動作しませんでした。 動作するように修正します。 ...
nodejsnpm npxのコマンドで失敗する（errno -4058）
やりたいこと npm/npxのコマンドを実行した際にerrno -4058のエラーが表示され失敗しました。 具体的には npx create-next-app@latest を実行したときに以下のエラーが表示されま...
Phaser3GameObjectに対するマウスイベント一覧(Phaser3)
やりたいこと Phaser3でGameObjectに対するマウスイベントをまとめます。 イベントの受け方 まずゲームオブジェクトにマウス操作を許可します GameObject.setInteractive(); ...
Phaser3ドラッグでオブジェクトを移動する(Phaser3)
やりたいこと Phaser3でオブジェクトをドラッグで移動します。 実装 準備 シーンにドラッグで動かすオブジェクトを追加します。 ここではRectangle(長方形)を追加しました。 crea...
Phaser3別のSceneの値を取得/更新する(Phaser3)
やりたいこと Phaser3で異なるSceneの値の読み書きを行いたい。 ここでは下のページで作成した二つのシーンを並べて表示するコードを例に行います。 コードは以下の通り class secondSc...