JavaScript

プログラム

JavaScript:オブジェクトを配列に代入する

JavaScriptを使うとオブジェクト自体を配列に代入できる。 配列に代入したオブジェクトは 配列名.オブジェクト要素 で取り出すことができる。 サンプル 注)画面には何も表示されません。コンソール画面を表示して...
プログラム

JavaScript:ランダムな色を生成する

JavaScriptでは、 document.getElementById("hoge").style.color = "rgb(200, 144, 45)"; などのようにRGBで色を指定できる。これを使ってランダムな...
プログラム

JavaScript:正確なストップウォッチを作る

JavaScriptで以前作ったストップウォッチの挙動がおかしかったので修正した。 表示は、100分の1秒単位だが、内部的には1000分の1秒単位で計測している。実際に市販のストップウォッチと同時にスタートさせて1時間ほど測ってみたが、ず...
プログラム

JavaScript:円の軌跡を表示してみる

サンプルを見る JavaScriptを使って中心点から同心円上の軌跡を描画するプログラムを作った。 必要な情報は、中心点の座標(cx,cy)、同心円の半径(r)、角度(angle)だ。 一括ダウンロード
プログラム

JavaScript:イベント取得のひな形

JavaScriptで「キーイベント」「マウスイベント」「加速度センサーイベント」を取得するプログラムのシンプルなひな形を作った。 マウスは、押したまま動かすとウインドウ左上を0,0としたXY座標を表示します。 サンプルを見る ...
プログラム

JavaScript:オブジェクトを配列に代入する

JavaScriptを使って作ったオブジェクトを配列に代入する方法。 オブジェクトの型のみ一つだけ作って配列にpushする。
プログラム

ランニングのペース計算アプリ

jQueryMobileを使って、ランニング記録と距離を設定すれば1km、3km、5km、10km、20km、42.195km各距離ごとの参考時間がわかるプチアプリを作った。
プログラム

jQueryMobile:動的要素にCSSが適用されない

jQueryMobileで動的に挿入した要素(例えばフォームのセレクトメニューなどをページ表示後に新たに書き換えた場合など)のCSSが適用されない場合の対処法。
プログラム

JavaScript:雪が降る(canvasで複数画像を回転)

前回の記事「JavaScript:canvasで画像のみその場で回転させる」を参考にcanvas上で複数の雪の画像を回転させるJavaScriptを作った。 前回の記事 サンプルを見る
プログラム

JavaScript:canvasで画像のみその場で回転させる

canvasで画像のみその場で回転させ、他の要素はそのまま表示させるJavaScriptプログラム。
タイトルとURLをコピーしました