Phaser3Domオブジェクトを使うまとめ(Phaser3)
やりたいこと Phaser3上にHTMLのタグ(DOM)を配置するDomオブジェクトを使用すると、他のGameObjectとは使用方法が異なったため使用方法と注意点をまとめます。 使用方法 準備 DOMオブジェクト...
html
Phaser3JavaScript【対策コードあり】ローカルファイルをCanvasに表示する
やりたいこと ローカルの画像ファイルをHTMLのCanvasに表示します。 検索するといくつか引っかかるのですが、試してみたところ動作しませんでした。 （エラーなどは出力されずCanvasになにも表示されませんでした。）...
JavaScriptXにポストするボタンをウェブサイトに載せる
やりたいこと ウェブサイトにX（旧ツイッター）にハッシュタグ付きのポスト（ツイート）するためのボタンを配置します。 コードの取得 以下のサイトにアクセスします。 ”A Hashtag, like #wh...
electronElectronを使ってWebページからWindowsの実行ファイルを作る
やりたいこと 下のElectronを使ってWindows向けのアプリケーションを作成します。 electronとは electronはJavaScript/HTML/CSSで作成したWebページから実行ファイルを作成しま...
JavaScriptVisual studio codeからローカルサーバーを起動する
やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。 なぜ必要なのか？ ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...
WEBYoutubeの動画をwebページに埋め込む２つの方法
やりたいこと Youtubeの動画をwebページに埋め込む２つの方法を紹介します。 iframeにSrcで動画を指定する方法 一つ目の方法はiframeにSrcで動画を指定することです。 通常Youtubeの動画埋...
JavaScriptcanvasタグのサイズ設定方法と動作の違い(JavaScript)
やりたいこと canvasタグは2つの方法でサイズを指定でき見た目は同じが、JavaScriptで扱う際に動作が異なるので確認します。 環境 Chrome： 113.0.5672.127 Canvasのサイズ設定方...
ツールhtmlタグをブラウザに表示させるための文字変換を行うツール
やりたいこと webサイトにhtmlタグを表示させるためには、<と>を別の文字列に置換する必要があります。（文中にあるとタグと判断されるため） htmlの書き方などを説明する際には、何度も作業をする必要があり手間な...