JavaScript

JavaScript

JavaScript:JSONを使ったお天気情報の取得

古い記事なのに検索上位に来てしまい申し訳ないです。JavaScriptでJSONを使ったお天気情報の取得をご覧になりたい方は以下の記事です。2018年10月26日更新2016年6月現在、openwethermapの仕様が変わっており、API...
JavaScript

JavaScript:500行のテトリスプログラム

わたしが作ったテトリスは、500行弱のプログラムだ。自分の中でのわかりやすさを重視したらこうなった。頭のいい人が200行でテトリスなどを公開しているが、頭の悪いわたしにはさっぱりわからない。
JavaScript

JavaScript:functionを使ったクラスの作り方と使い方

JavaScriptの場合は、function記述でクラスとなる。クラスの作り方と使い方を勉強するためにカラーボールクラスを作った。この記事の内容は、古い内容となります。JavaScriptでのクラス宣言は現在classによる記述方法がとれ...
JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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