JavaScript

JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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