JavaScript

JavaScript

JavaScript:オーディオの再生と停止をする

JavaScriptからmp3やm4aなどのオーディオファイルを再生・停止する方法についてサンプルコードを交えて解説します。
JavaScript

JavaScript:fetchを使ったJSONファイル読み込み例

JavaScriptのfetchを使ったJSON形式ファイルの読み込み例です。 ファイル(=ネットワークリソース)を読み込んだ後、整形してページに表示します。
JavaScript

JavaScript:スワイプカウンター

右スワイプで+1加算、左スワイプで-1減算、ダブルタップでリセットという機能のJavaScriptで作ったスワイプカウンターです。
JavaScript

JavaScript:スマホでタッチした座標を取得する

スマホ、タブレット、あるいはタッチ式のPCでは、タッチイベントが発生します。 JavaScriptを使って特定タグの枠内でタッチしたxy座標を取得するサンプルを紹介します。
JavaScript

JavaScript:端末が縦か横かを判定する

JavaScriptでスマホやタブレット端末が縦になっているか横になっているかを判定するには、 window.matchMedia("(orientation: portrait)") を使って判断できます。
JavaScript

JavaScriptラーメンタイマーを作る

JavaScriptのsetTimeout関数を使って3分後にラーメンが出来たことを知らせるラーメンタイマーを作ってみます。
JavaScript

JavaScriptでスライダー値を表示する

input type=”range” を使うとサイトにスライダーを設置できます。 JavaScriptを使ってスライダーを動かしたときにリアルタイムに値を表示する方法を紹介します。
JavaScript

Stringオブジェクト(JS):配列の文字列化と文字列の配列化

JavaScriptのjoinメソッドとsplitメソッドを使うと、配列を1つの文字列にしたり、1つの文字列から区切り文字を指定して配列化したりできます。
JavaScript

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

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