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

其の他教材

Webアプリ

W019[WAPP]たして2~20

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

W018[WAPP]たして2~20(タイムアタック)

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

W017[WAPP]たして5

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

W016[WAPP]たして10

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

W015[WAPP]数字の丸

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

W014[WAPP]文字ルーレット(アルファベット大文字⇔小文字)

大きな文字を押してみてください。ルーレットが始まります。アルファベットの大文字や小文字をランダムに表示できます。 @import url(' #alphabet-roulette-app { position: relative; widt...
Webアプリ

W013[WAPP]動かせる五十音表 その2

この五十音表はひらがなをグリップして動かせます。【W013動かせる五十音表 その2】 を ひらくW012動かせる五十音表と異なるのは,同じ文字を何回も使えるところです。画面上方のにひらがなを並べます。の外に文字を動かすと削除されます。そのほ...
Webアプリ

W012[WAPP]動かせる五十音表

この五十音表はひらがなをグリップして動かせます。同じ文字を使わずに,いくつ言葉が作れるでしょうか。【W012動かせる五十音表】 を ひらく画面上方のにひらがなを並べます。の文字が増えてきたら,仕切り線を押して動かすことでの高さを調整できます...
Webアプリ

W011[WAPP]画像選択ルーレット(1回ずつ当たる)

選んだ画像でルーレットができるWebアプリです(あらかじめ,ルーレットに用いる画像が必要です)。 W011画像選択ルーレット(1回ずつ当たる) *, *::before, *::after, body, button, input, sel...
Webアプリ

W010[WAPP]フリック背景色チェンジャー

↓のWebアプリ上の背景をフリック操作(ドラッグ操作)やタッチ操作(クリック操作)すると,背景全体の色が変わります。 #flick-app-wrapper.flick-app-container { position: relative; ...