W015[WAPP]数字の丸

画面の余白をクリック（タップ）たびに，丸に囲まれた数字が1から順に表示されていきます。丸は，ドラッグ（フリック）操作で自由に動かすことができます。数字の丸を動かすことで，シンプルに積み上げて図形を作ってみたり，「何個ずつ」にまとめたりすることもできます。

「モノクロ/カラー」…丸の色を変更できます
「リセット」…丸がすべて消えます
「ならんで/ばらばら」…それまで出てきた丸が整然と整列したり散らばったりします
「カメラ」…丸の状態を画像に残すことができます
「全画面表示」…全画面表示状態に切り替えることができます

※全画面表示で行う場合，端末によっては，上部から下方向へのフリック操作によって全画面表示が解除される場合があります。その場合は，全画面表示ではなく，ピンチアウトで画面を大きくしてからご利用ください。

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

関連するWebアプリ

W028[WAPP]押すと1ずつカウントアップ

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

teachu.educ.kumamoto-u.ac.jp

2025.09.04

W019[WAPP]たして2～20

画面中に広がった数字を動かして「たして2～20」を作るWebアプリです。【W019たして2～20】　を　ひらくくっつけた数字の合計が目標値になったタイミングでグリップを離す（ドラッグを解除，フリックしている指を離す）と消すことができ，そのま…

teachu.educ.kumamoto-u.ac.jp

2025.07.06

W018[WAPP]たして2～20（タイムアタック）

画面中に広がった数字を動かして「たして2～20」を作るWebアプリ（タイムアタックバージョン）です。【W018たして2～20（タイムアタック）】　を　ひらくW017たして5やW016たして10のタイムアタックバージョン（全部消えるまでの時間…

teachu.educ.kumamoto-u.ac.jp

2025.07.04

W017[WAPP]たして5

画面中に広がった0～5の数字を動かして「たして5」を作るWebアプリです。【W017たして5】　を　ひらく散らばる数字は10～25個の間でスライドバーで調整できます。制限時間を選ぶとスタートします。数字は動かすことができ，たして5になると消…

teachu.educ.kumamoto-u.ac.jp

2025.06.29

W016[WAPP]たして10

画面中に広がった0～10の数字を動かして「たして10」を作るWebアプリです。【W016たして10】　を　ひらく散らばる数字は10～25個の間でスライドバーで調整できます。制限時間を選ぶとスタートします。数字は動かすことができ，たして10に…

teachu.educ.kumamoto-u.ac.jp

2025.06.21

W005[WAPP]文字ルーレット（1桁の整数）

1桁の整数をランダムに表示できるWebアプリです。 0 タップして停止 /* Scoped Styles for WordPress Custom HTML Block */ #roulette-app-wrapper { position…

teachu.educ.kumamoto-u.ac.jp

2025.05.30

W006[WAPP]文字ルーレット（カスタム整数）

数字をランダムに表示できるWebアプリです。下の数字を押してみてください。ルーレットが始まります。 W006文字ルーレット（カスタム整数） @import url(' :root { –bg-color: #f8fafc; –text-…

teachu.educ.kumamoto-u.ac.jp

2025.05.30