Webアプリ

円グラフで割合を示すアプリです。 @import url(' .nan-percent-app { box-sizing: border-box; margin: 0 auto; padding: 24px 16px; background...

棒グラフで割合を示すアプリです。画面中央にある長方形の棒グラフを触ると，触ったところから下と上で色が分かれます。下側がオレンジ色になり，長方形の全体に対する割合の数字が表示されます。 @import url(' .nan-percent-a...

帯グラフで割合を示すアプリです。 @import url(' .nan-percent-app { box-sizing: border-box; margin: 0 auto; padding: 24px 16px; background...

画面に広がる●の数を数える教材です（使用の際は，横長の画面推奨）。オレンジの丸を押すと，数えた順に数字が表示されます。最初の画面でスライダーで●の数の上限値を決めます。学習習熟度に合わせて調整してください。その後，「●はいくつ？スタート」の...

時計のルーレットを作りました。【W030時計ルーレット（デジタル表示）】　を　ひらく以前，04132時計ルーレットというアナログ表示の時計のルーレットを作りましたが，「アナログ表示ではなくデジタル表示のルーレットがほしい」という声をいただき...

画面に広がる●の数を数える教材です。 🔴 は いくつ？ スタート 丸の個数（最大） 20 🔴 を押すと数字が出るよ リセット 次の問題 はじめから数える ならんで こたえ /* BIZ UDPGothic (UDフォント) 読込 */ @i...

押すたびに数字が１つずつアップしていくWebアプリです。 /* WordPressテーマのスタイル干渉を防ぐ専用スコープ定義 */ .wp-counter-app * { margin: 0; padding: 0; box-sizing:...

ドラッグすると動かせる五角錐です。※この教材はWebアプリです。ブラウザで動作します（一部，うまく動作しないブラウザもあります）。接続環境次第では，表示に時間がかかったり，表示できなかったりする場合があります。ご了承ください。 /* Wor...

ドラッグすると動かせる円錐です。※この教材はWebアプリです。ブラウザで動作します（一部，うまく動作しないブラウザもあります）。接続環境次第では，表示に時間がかかったり，表示できなかったりする場合があります。ご了承ください。 /* Word...

ドラッグすると動かせる四角錐です。※この教材はWebアプリです。ブラウザで動作します（一部，うまく動作しないブラウザもあります）。接続環境次第では，表示に時間がかかったり，表示できなかったりする場合があります。ご了承ください。 /* Wor...