JavaScript

JavaScript

JavaScript:スマホでタッチした座標を取得する

スマホ、タブレット、あるいはタッチ式のPCでは、タッチイベントが発生します。 JavaScriptを使って特定タグの枠内でタッチしたxy座標を取得するサンプルを紹介します。
JavaScript

JavaScript:端末が縦か横かを判定する

JavaScriptでスマホやタブレット端末が縦になっているか横になっているかを判定するには、 window.matchMedia("(orientation: portrait)") を使って判断できます。
JavaScript

JavaScriptラーメンタイマーを作る

JavaScriptのsetTimeout関数を使って3分後にラーメンが出来たことを知らせるラーメンタイマーを作ってみます。
JavaScript

JavaScriptでスライダー値を表示する

input type=”range” を使うとサイトにスライダーを設置できます。 JavaScriptを使ってスライダーを動かしたときにリアルタイムに値を表示する方法を紹介します。
JavaScript

Stringオブジェクト(JS):配列の文字列化と文字列の配列化

JavaScriptのjoinメソッドとsplitメソッドを使うと、配列を1つの文字列にしたり、1つの文字列から区切り文字を指定して配列化したりできます。
JavaScript

JavaScript:文字色と背景色をローカルストレージに保存する

テキストボックスに入力した文字色と背景色をサイトに適用させます。 適用した色を次回以降のアクセスでも継続するため、ローカルストレージにそれぞれ保存します。
JavaScript

JavaScript:前回のアクセス日時を表示する

ローカルストレージ機能を使って前回アクセスした日時を表示するサンプルです。
JavaScript

JavaScript:ローカルストレージへの読み書き

テキストボックスに入力した文字列をローカルストレージに書き込みと読み込みを行うサンプルを紹介します。
JavaScript

塗りつぶし円をキャンバスに描くクラスを作ってみる

キャンバスに塗りつぶし円を描く部分をクラス化して利用してみます。更に移動メソッド(move)を追加してアニメーションできるクラス(FillArcAnim)に改良してみます。