桑野木房之輔

JavaScriptを使った福引プログラムの作り方 今回はJavaScriptを使って、福引プログラムを作ってみましょう。画面上にスタートボタンとストップボタンを配置して、スタートボタンを押下すると、 ...

JavaScriptを使ったおみくじプログラムの作り方 今回はJavaScriptを使って、おみくじプログラムを作ってみましょう。おみくじは神社によって吉凶の種類に違いがありますが、ここでは大吉、中吉 ...

JavaScriptを使って簡単なデジタル時計を作ろう【初心者向け】 JavaScriptでキャンバスを使ったデジタル時計を作ろう【初心者向け】 JavaScriptでキャンバスに線を描画しよう【初心 ...

アナログ時計に時字を表示しよう 前回はアナログ時計に1分単位の目盛りを追加しました。今回は前回のアナログ時計の盤面に、時字(ときじ)を表示してみましょう。 時字の表示のやり方 JavaScriptのc ...

アナログ時計に目盛りを追加しよう 前回は長針、短針、秒針のみを表示するアナログ時計を作成しました。今回は前回のアナログ時計の盤面に、目盛りを付けてみましょう。 目盛りの付け方 目盛りは1分単位(6度間 ...

三角関数を使ってアナログ時計を作成しよう 前回は現在時刻に合わせて、秒針を表示するやり方を説明しました。今回は長針と短針も表示して、アナログ時計を作成しましょう。 短針(時)の角度を計算する 秒針は1 ...

三角関数を使って現在時刻に合わせて秒針を表示しよう 前回は三角関数を使って円の中心を始点にして円周に沿って12本の線分を表示しました。今回は線分をアナログ時計の秒針に見立てて動かしてみましょう。現在時 ...

JavaScriptで三角関数を使ってみよう 今回は円を描き、その円の中心から円周に向かって線分を描いてみましょう。線分の円周側の座標は、三角関数を使って求めます。三角関数とは、高校で習うサイン(si ...

キャンバスに円弧を描画しよう 前回はcanvasに矩形(四角形)を描くプログラムを作りました。今回はcanvasに円や半円を描くプログラムを作ってみましょう。円を描画するやり方は、三角形を描画するやり ...

キャンバスに矩形を描画しよう 前回はcanvasに三角形を描くプログラムを作りました。今回はcanvasに矩形(四角形)を描くプログラムを作ってみましょう。三角形の描画はいくつかのメソッドを組み合わせ ...