JavaScript

JavaScript

Arcクラスを作ってキャンバスに円を描画する

JavaScriptのclassとCanvasAPIを組み合わせて、キャンバスに円を描画する利用例を紹介します。
JavaScript

JavaScript:よく使う処理をライブラリにして外部呼出しで使う

JavaScriptでは、関数やクラスを~.jsとしてファイルに保存しサーバに公開すると外部から呼び出して使うライブラリとして利用できます。
JavaScript

JavaScript課題:デジタル時計を端末幅に応じて中央表示する

デジタル時計を作って、画面中央に表示させてください。仕様/時・分・秒をそれぞれ0埋め2桁で表示させる。解答例をみる…
JavaScript

JavaScript課題:端末の画面サイズが縦長か横長かをチェックする

端末の幅と高さをチェックし、縦長か横長かを判定して表示するプログラムを作ってください。解答例をみる
JavaScript

JavaScript:端末サイズが変更されたことをチェックする(resizeイベント)

resizeイベント設定すると端末のサイズ変更やスマホの傾きが検出された際のチェックが可能です。 サンプルでは、端末サイズが変更されたら、ブラウザ表示領域の幅と高さが一緒に表示されます。
JavaScript

JavaScript:3つのfor文を理解する

JavaScriptには3種類のfor文があります。 万能の 普通のfor文、配列をに便利なfor ~ of、オブジェクトに向いている for ~ inです。
JavaScript

JavaScript:日常をオブジェクト化してみる

「JavaScriptのオブジェクト形式を日常の事物に利用したらどうなるか?」を考えてみます。 いくつかのサンプルからオブジェクト形式の利用方法が見えてくると思います。
JavaScript

JavaScript課題:canvasに国旗を描画する

JavaScriptのCanvas APIを使ってイタリア国旗とガーナ共和国国旗を描画してください。
JavaScript

JavaScript:キャンバスに星型(☆)を描画する

よくある一筆書きで描くような星型(☆)をキャンバスに描画する方法です。 まずは基本サンプルをご覧ください。