JavaScript

パズルゲーム風のマス目をクリックするとそこにブロックキャラが登場する。ブロックキャラの下に何も無ければ、一定間隔で下に落ちる。素のJavaScriptのみで実践する。

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

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

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

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

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

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