JavaScript

JavaScript

JS:複数の画像読み込みが完了した時点で処理をしたい

Promiseオブジェクトを使うと「画像読み込み完了後に関数の戻り値を返す」などの非同期処理完了後の動作をJavaScriptで記述できる。
JavaScript

JavaScript:マウスホバーしているセル位置を求める

パズルゲームなどの格子状ステージで、現在マウスホバー中のセル位置を視覚的に変化させる。
JavaScript

JS:キャンバスで市松模様を表示する

市松模様は、例えば上の方から交互に色違いの四角形を並べていくが、下にずれたとき開始の色が上とは1つずれなければ完成しない。
JavaScript

JS:キャンバスでのマウスイベントチェックひな型

マウスを動かした時(mousemove)、マウスボタンを押した時(mousedown)、マウスボタンを離した時(mouseup)をそれぞれチェックしキャンバスに状態を表示する。
JavaScript

JavaScript:日本語での曜日の表示の仕方2選

方法1のように曜日を1つの文字列に入れてcharAtメソッドで取り出す方法が曜日の記述も楽だし、ピリオドでつなげる感じがかっこいいです。
JavaScript

JS:日付型文字列の一致をチェックする

JavaScriptで 2005/08/15 や 2023-03-11 などの年月日で表される日付型文字列の一致をチェックして返す関数です。
JavaScript

JavaScript:キャンバスでシリア国旗を描画する

Canvas APIの機能でシリア国旗を描画してみます。 ☆型を描画する機能は、Canvas APIにはないのでdrawStarという関数を自作しています。
JavaScript

JavaScript:クリックした対象タグ内の文字列を取得する

bodyタグにclickイベントを発生させて、e.target.textContentで対象タグ(オブジェクト)内の文字列を取得できる。
JavaScript

銀河鉄道の夜のセリフをスワイプできるサイト

以前作った『銀河鉄道の夜』のセリフだけをぬきだしたデータをJSONファイル化し、スワイプで順番に表示するサイトを作った。
JavaScript

ランダムな名前を返すJavaScript関数

引数に名前の最大文字数を指定して使う。 使用例 getRoboName(10)