JavaScript

スマートフォンの水平状態からの傾き角度を計算します。 ここで水平状態とは、例えば、テーブル上にスマートフォンを置いた状態です。 スマートフォンが、水平状態からどの程度傾いているかを計算します。 これが分かると、「水準器」

穴埋め問題を作るとき、穴の位置を調整するのに手間がかかります。 今回、その手間を軽減するツールを作りました。 穴埋め問題 LBT（Learning by Typing） LBT（Learning by Typing）は、

JavaScriptには、他の言語（Java, Python, C++, etc.）が標準で持っている「多次元配列」がありません。 多次元配列はとても汎用性の高いデータ構造なので、JavaScriptでも多次元配列を使い

画像の表示サイズをボタンで切り替えるプログラムです。 サイズは、画像本来のサイズ（オリジナルサイズ）と、ウィンドウに合わせたサイズ（ウィンドウサイズ）の2種類です。 ・オリジナルサイズ：　画像本来のサイズ ・ウィンドウサ

Web StorageとJSONを用いた学習システムの雛型プログラムを作りました。   本記事は、以下の記事の続き記事になります。 Web Storage の試作プログラム Web Storage とJSON

Web Storage と JSONを用いた、Webアプリの試作プログラムを作りました。 「学習システム」を念頭に置いた試作プログラム（プロトタイプ）です。   本記事は、記事「Web Storage の試作プ

Web Storageを用いれば、Webを閉じた後も、各種データを保存しておけます。 例えば、Webアプリの「学習システム」を考えた場合、Web Storageに「学習履歴」を保存することが可能になります。 今回、「学習

Promiseを用いて、JavaScriptの非同期関数を同期的に動かします。 本記事は、記事「setTimeoutを用いて、非同期関数を同期的に動かす」の続きになります。 基本はsetTimeoutですが、setTim

JavaScriptやjQueryでプログラミングしていると、非同期関数を使用する箇所で、自分が意図しているのとは違う動きになることがあります。 その際、非同期関数を同期的に動かすことができれば、問題は解決します。 &n

Scalable Vector Graphics（SVG）を用いて、「タイマー」を作りました。 長方形（バー）が縮むことで、時間経過が見えるタイマーです。         記事「1