nodejsNodeJS+GeminiにGUIを実装する
やりたいこと 下の記事でNodeJSでGeminiを使用できるようにしました。 しかしGUIがなく実用性は皆無なのでGUIを実装します。 おさらい 前回作成したHTMLは以下の通りです。 ...
nodejsnodejsNodeJSでGeminiの実装
やりたいこと Googleの生成AIであるGeminiをNodeJSで使用します。 実装 API key の作成 以下のページにアクセスしてAPI keyを取得します プロジェクトの作成 こ...
AndroidAndroid上のWebViewをデバッグする
やりたいこと Android上で表示しているWebView(Html、JavaScript)をデバッグします。 細かく言うと以下のことをします。 作成したモバイル向けのWebページのデバッグ アプリ内で作成若しく...
Android（JAVA）NodeJsで作成したWebアプリをAndroidアプリにする。
やりたいこと NodeJsで作成したWebアプリをAndroidアプリにします。 （サーバサイド（バックエンド）は含みません） ここでは以下のページで作成したNodeJS + Vite + Phaser 3のテンプレート...
Phaser3不連続なSpliteでアニメーション(Phaser3)
やりたいこと Phaser3でキャラクタにアニメをつける場合以下のように連続したSplite（下の例だとdudeの0～3）からアニメーションを作成します。 this.anims.create({////左移動時のアニメ...
ブラウザChrome拡張機能のcontent_scriptsで実行されるScriptをデバッグする
やりたいこと 以下のページで特定のページでJavascriptを実行する拡張機能を作成しました。 "content_scripts"で実行するScriptのデバッグをします。 デバッグ方法 通常のページ...
ブラウザ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) { ...