JavaScript

javascriptでハッシュ(“SHA-256”)の値を取得

やりたいこと javaScriptでハッシュ("SHA-256")の値を取得します。実装以下の関数でハッシュを取得できます。 async function digestMessage(message) { ...

JavaScriptで合成音声で読み上げを行う

やりたいこと javaScriptで合成音声で読み上げがきるようなので試してみます。実装以下のmozillaのページに例のコードがあるのですが、HTML部分がなかったのと気になる箇所があったので動作するように修正しま...

import functionで読み込んだClassを使う(JavaScript)

やりたいこと Dynamicでmoduleを読み込みたい場合import文ではなく import functionでモジュールを読み込みます。しかし単純に書いても思った通り動作しませんでした。動作するように修正します。 ...

Viteのプロジェクトを作成するBat

やりたいこと以下のページでViteのプロジェクトを作成してみましたが手動で行うことが多いので、自動化する。 batによるプロジェクト作成フォルダの作成プロジェクトに使用するフォルダを作成します。 ...

WebPackが難しいのでViteでバンドル

やりたいこと Vite(ヴィート)でバンドルをします。バンドルとは複数のJavaScriptファイルを一つのJavaScriptファイルにまとめることです。 webpackが有名ですが、設定が難しく、また開発が終了して...

2024.08.072024.08.08

Visual studio codeからローカルサーバーを起動する

やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。なぜ必要なのか？ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...

2024.05.062024.07.15

JavaScriptでサーバー上かローカルでの実行か知る

やりたいこと Javascriptでサーバ上で実行されているかローカルで実行しているのか確認します。（ローカルではテストコードを動かし、サーバ上では本番のコードを動かすときなどに使用しています）プロトコルによる確認 ...

Javascriptでテキストファイルをドラッグアンドドロップで読み込む

やりたいこと Javascriptでローカルに保存されているテキストファイルをドラッグアンドドロップ読み込みます。ファイルセレクタで読み込む場合は以下のページを参照。ファイルシステム APIによる読み込み...

Javascriptでテキストファイルを指定して読み込む

やりたいこと Javascriptでローカルに保存されているテキストファイルを読み込みます。ドラッグアンドドロップでの読み込みは以下を参照。ファイルシステム APIによる読み込み以下のhtmlで表...

canvasタグのサイズ設定方法と動作の違い(JavaScript)

やりたいこと canvasタグは2つの方法でサイズを指定でき見た目は同じが、JavaScriptで扱う際に動作が異なるので確認します。環境 Chrome：　113.0.5672.127 Canvasのサイズ設定方...

タイトルとURLをコピーしました