JavaScript JS:複数の画像読み込みが完了した時点で処理をしたい Promiseオブジェクトを使うと「画像読み込み完了後に関数の戻り値を返す」などの非同期処理完了後の動作をJavaScriptで記述できる。 2023.10.03 JavaScript
JavaScript JavaScript:マウスホバーしているセル位置を求める パズルゲームなどの格子状ステージで、現在マウスホバー中のセル位置を視覚的に変化させる。 2023.09.26 JavaScript
JavaScript JS:キャンバスで市松模様を表示する 市松模様は、例えば上の方から交互に色違いの四角形を並べていくが、下にずれたとき開始の色が上とは1つずれなければ完成しない。 2023.09.25 JavaScript
JavaScript JS:キャンバスでのマウスイベントチェックひな型 マウスを動かした時(mousemove)、マウスボタンを押した時(mousedown)、マウスボタンを離した時(mouseup)をそれぞれチェックしキャンバスに状態を表示する。 2023.09.16 JavaScript
JavaScript JavaScript:日本語での曜日の表示の仕方2選 方法1のように曜日を1つの文字列に入れてcharAtメソッドで取り出す方法が曜日の記述も楽だし、ピリオドでつなげる感じがかっこいいです。 2023.08.27 JavaScript
JavaScript JS:日付型文字列の一致をチェックする JavaScriptで 2005/08/15 や 2023-03-11 などの年月日で表される日付型文字列の一致をチェックして返す関数です。 2023.08.16 JavaScript
JavaScript JavaScript:キャンバスでシリア国旗を描画する Canvas APIの機能でシリア国旗を描画してみます。 ☆型を描画する機能は、Canvas APIにはないのでdrawStarという関数を自作しています。 2023.02.26 JavaScript
JavaScript JavaScript:クリックした対象タグ内の文字列を取得する bodyタグにclickイベントを発生させて、e.target.textContentで対象タグ(オブジェクト)内の文字列を取得できる。 2023.02.19 JavaScript
JavaScript 銀河鉄道の夜のセリフをスワイプできるサイト 以前作った『銀河鉄道の夜』のセリフだけをぬきだしたデータをJSONファイル化し、スワイプで順番に表示するサイトを作った。 2023.02.17 JavaScript