JavaScript【対策コードあり】ローカルファイルをCanvasに表示する
やりたいこと ローカルの画像ファイルをHTMLのCanvasに表示します。 検索するといくつか引っかかるのですが、試してみたところ動作しませんでした。 （エラーなどは出力されずCanvasになにも表示されませんでした。）...
JavaScript
JavaScriptJavaScriptXにポストするボタンをウェブサイトに載せる
やりたいこと ウェブサイトにX（旧ツイッター）にハッシュタグ付きのポスト（ツイート）するためのボタンを配置します。 コードの取得 以下のサイトにアクセスします。 ”A Hashtag, like #wh...
JavaScriptTeachable Machineを使って画像の判別Webアプリを作る
やりたいこと googleのAI Modelを作成するサービスであるTeachable Machineを使ってWebアプリを作成します。 この記事ではPCのカメラ撮影した画像でトレーニングを行い、PCのカメラの入力に応じて動作...
JavaScriptjavascriptでハッシュ(“SHA-256”)の値を取得
やりたいこと javaScriptでハッシュ("SHA-256")の値を取得します。 実装 以下の関数でハッシュを取得できます。 async function digestMessage(message) { ...
JavaScriptJavaScriptで合成音声で読み上げを行う
やりたいこと javaScriptで合成音声で読み上げがきるようなので試してみます。 実装 以下のmozillaのページに例のコードがあるのですが、HTML部分がなかったのと気になる箇所があったので動作するように修正しま...
JavaScriptimport functionで読み込んだClassを使う(JavaScript)
やりたいこと Dynamicでmoduleを読み込みたい場合import文ではなく import functionでモジュールを読み込みます。しかし単純に書いても思った通り動作しませんでした。 動作するように修正します。 ...
JavaScriptViteのプロジェクトを作成するBat
やりたいこと 以下のページでViteのプロジェクトを作成してみましたが手動で行うことが多いので、自動化する。 batによるプロジェクト作成 フォルダの作成 プロジェクトに使用するフォルダを作成します。 ...
JavaScriptWebPackが難しいのでViteでバンドル
やりたいこと Vite(ヴィート)でバンドルをします。 バンドルとは複数のJavaScriptファイルを一つのJavaScriptファイルにまとめることです。 webpackが有名ですが、設定が難しく、また開発が終了して...
JavaScriptVisual studio codeからローカルサーバーを起動する
やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。 なぜ必要なのか？ ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...
JavaScriptJavaScriptでサーバー上かローカルでの実行か知る
やりたいこと Javascriptでサーバ上で実行されているかローカルで実行しているのか確認します。 （ローカルではテストコードを動かし、サーバ上では本番のコードを動かすときなどに使用しています） プロトコルによる確認 ...