Teach Uの活用事例を絶賛募集中です!詳しくはこちらから

其の他教材

Webアプリ

W037[WAPP]画面いっぱい文字表示

文字を画面いっぱいに大きく表示できるWebアプリです。入力する文字の数次第で自動で文字の大きさが調整されます。画面上をタップして文字を入力し始めてください(適切なフォントサイズで表示したい場合は,全画面表示推奨)。【W037画面いっぱい文字...
Webアプリ

W036[WAPP]フリックかな入力

画面中央の文字をフリック(ドラッグ)すると切り替わるWebアプリです。【W036フリックかな入力】 を ひらく上のボタンを押すと,アプリが動きます↑縦方向に動かすと50音順に文字が変わります。清音以外に変換できる場合は,左右にフリックできる...
Webアプリ

W035[WAPP]フリック数値入力

フリックで数値を入力できるWebアプリです。キーボード入力以外にも数値を表示する方法があってもいいよなと思って作りました。各桁の数値を上下にフリックすると,数値がロールします。また,下のスライダーを動かすと,1~8桁に桁数を調整できます。「...
Webアプリ

W034[WAPP]何%?(円)

円グラフで割合を示すアプリです。画面中央にある円を触ると,触ったところから前と後ろで色が分かれます。前側がオレンジ色になり,円全体に対する割合の数字が表示されます。割合の数字は最初「?」で隠れており,「?」を押すと割合の数字が表示され,もう...
Webアプリ

W033[WAPP]何%?(縦)

棒グラフで割合を示すアプリです。画面中央にある長方形の棒グラフを触ると,触ったところから下と上で色が分かれます。下側がオレンジ色になり,長方形の全体に対する割合の数字が表示されます。割合の数字は最初「?」で隠れており,「?」を押すと割合の数...
Webアプリ

W032[WAPP]何%?

帯グラフで割合を示すアプリです。画面中央にある長方形を触ると,触ったところから右と左で色が分かれます。左側がオレンジ色になり,長方形の全体に対する割合の数字が表示されます。割合の数字は最初「?」で隠れており,「?」を押すと割合の数字が表示さ...
Webアプリ

W031[WAPP]●はいくつ?(●を動かせる)

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

W030[WAPP]時計ルーレット(デジタル表示)

時計のルーレットを作りました。【W030時計ルーレット(デジタル表示)】 を ひらく上のボタンを押すと,アプリが動きます↑以前,04132時計ルーレットというアナログ表示の時計のルーレットを作りましたが,「アナログ表示ではなくデジタル表示の...
Webアプリ

W029[WAPP]●はいくつ?

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

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

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