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)
JavaScript

JavaScript:1枚の画像をブロック単位に分割してランダムに置き換え10秒で元に戻る

ブロックの置き換えは100回行う。 ただランダムに置き換えてしまうと元の画像に戻らなくなるので、前半50回の置き換え順序を後半50回では、下から順にして元に戻るようにしている。
JavaScript

JavaScript:1枚の画像を分割して表示していく

canvasに1枚の画像を分割して表示していくJavaScriptサンプル。