JavaScript JavaScript:端末が縦か横かを判定する JavaScriptでスマホやタブレット端末が縦になっているか横になっているかを判定するには、 window.matchMedia("(orientation: portrait)") を使って判断できます。 2022.09.21 JavaScript
JavaScript JavaScriptラーメンタイマーを作る JavaScriptのsetTimeout関数を使って3分後にラーメンが出来たことを知らせるラーメンタイマーを作ってみます。 2022.09.02 JavaScript
JavaScript JavaScriptでスライダー値を表示する input type=”range” を使うとサイトにスライダーを設置できます。 JavaScriptを使ってスライダーを動かしたときにリアルタイムに値を表示する方法を紹介します。 2022.09.01 JavaScript
JavaScript Stringオブジェクト(JS):配列の文字列化と文字列の配列化 JavaScriptのjoinメソッドとsplitメソッドを使うと、配列を1つの文字列にしたり、1つの文字列から区切り文字を指定して配列化したりできます。 2022.08.23 JavaScript
JavaScript JavaScript:文字色と背景色をローカルストレージに保存する テキストボックスに入力した文字色と背景色をサイトに適用させます。 適用した色を次回以降のアクセスでも継続するため、ローカルストレージにそれぞれ保存します。 2022.08.22 JavaScript
JavaScript JavaScript:ローカルストレージへの読み書き テキストボックスに入力した文字列をローカルストレージに書き込みと読み込みを行うサンプルを紹介します。 2022.07.13 JavaScript
JavaScript 塗りつぶし円をキャンバスに描くクラスを作ってみる キャンバスに塗りつぶし円を描く部分をクラス化して利用してみます。更に移動メソッド(move)を追加してアニメーションできるクラス(FillArcAnim)に改良してみます。 2022.07.05 JavaScript
JavaScript Arcクラスを作ってキャンバスに円を描画する JavaScriptのclassとCanvasAPIを組み合わせて、キャンバスに円を描画する利用例を紹介します。 2022.06.29 JavaScript