スクラッチプログラミング - けいさんドリル|こたえあわせをする

Scratch (スクラッチ)でつくる計算(けいさん)ドリルを完成(かんせい)させます。ゲーム感覚(かんかく)でくりかえし「たしざん」「ひきざん」「かけざん」「わりざん」をまなべるようにしましょう。

スクラッチプログラミング - けいさんドリル|こたえあわせをする

こたえあわせをしよう

Scratch (スクラッチ)で計算(けいさん)ドリルをつくる方法(ほうほう)を、3回(かい)にわけて紹介(しょうかい)しています。今回(こんかい)は、その最終回(さいしゅうかい)です。

  • パート1では、「たしざん」と「ひきざん」の問題(もんだい)をつくりました。
  • パート2では、「かけざん」と「わりざん」を追加(ついか)しました。
  • パート3(このきじ)では、問題(もんだい)をだすためのボタンを作成(さくせい)します。そして、こたえあわせができるようにして、計算(けいさん)ドリルを完成(かんせい)させます。
スクラッチプログラミング - けいさんドリル|たしざん・ひきざん
計算(けいさん)問題(もんだい)を学習(がくしゅう)できるドリルを Scratch (スクラッチ)でつくってみましょう。算数(さんすう)をまなびはじめた小学生(しょうがくせい)にオススメのプロジェクトです。
スクラッチプログラミング - けいさんドリル|かけざん・わりざん
Scratch (スクラッチ)で「たす」「ひく」「かける」「わる」の簡単(かんたん)な問題(もんだい)をランダムにつくります。わりきれない「わりざん」では、こたえを小数(しょうすう)ではなく「あまり」で表示(ひょうじ)するよう工夫(くふう)します。

サンプルプロジェクト

下(した)にあるのは、計算(けいさん)ドリルのサンプルプロジェクトです。記事(きじ)をよみすすめる前(まえ)に、問題(もんだい)やこたえがどのように表示(ひょうじ)されるのかをみておいてください。

けいさんドリルのサンプルGIF
けいさんドリルのサンプルGIF

問題(もんだい)をだすボタンを用意(ようい)しよう

パート1パート2では、緑(みどり)の旗(はた)をおしたときに問題(もんだい)がでるようにしていました。ここからは、ボタンをおしたら問題(もんだい)がでるようにしていきましょう。あたらしくボタンのスプライトを用意(ようい)してから、ブロックをくみあわせていきますよ。

ボタンのスプライト
ボタンのスプライト
  1. 表示(ひょうじ)する位置(いち)をきめます。
  2. ボタンをおしたときに、問題(もんだい)をだすようメッセージをおくります。
ボタンをおしたらメッセージをおくる
ボタンをおしたらメッセージをおくる

このスプライトがおされたとき をつかうと、このスプライトはいつでもクリックすることができるようになります。そうすると、ボタンを連打(れんだ)できてしまうので、そのたびにメッセージがおくられて、問題(もんだい)がただしく表示(ひょうじ)されなくなってしまいます。

ボタンをおせないようにしよう

問題(もんだい)をだすボタンをおしたあと、こたえあわせがおわるまではボタンをおせないようにしましょう。

ボタンをおせるかどうかは、変数(へんすう)でコントロールします。もんだいをだす という変数(へんすう)をつくって、次(つぎ)のようにブロックをつなげてください。

  1. はじめは、もんだいをだすはい にして、ボタンをおせるようにします。
  2. ボタンをおして問題(もんだい)をだせるのは、もんだいをだすはい のときだけです。
もんだいをだすが「はい」のときだけメッセージをおくる
もんだいをだすが「はい」のときだけメッセージをおくる

問題(もんだい)をだすようメッセージをおくったあと、もんだいをだすいいえ にしてボタンを連打(れんだ)できないようにしましょう。

もんだいをだしたあとはボタンをおせないようにする
もんだいをだしたあとはボタンをおせないようにする

オプションのブロック

ボタンがおされてへこむ様子(ようす)をあらわしたい場合(ばあい)は、次(つぎ)のようにブロックをつなげるといいですよ。

すこしちいさくしてからもとのサイズにもどす
すこしちいさくしてからもとのサイズにもどす

スクリプトを修正(しゅうせい)しよう

ボタンからのメッセージをうけとるのは、ひとつめの数字(すうじ)と演算子(えんざんし)です。問題(もんだい)を表示(ひょうじ)するタイミングを、緑(みどり)の旗(はた)がおされたときではなく、メッセージをうけとったときに変更(へんこう)していきます。

ひとつめの数字(すうじ)のスクリプト

ひとつめの数字(すうじ)のスクリプトを修正(しゅうせい)しましょう。

  1. みどりのはたがおされたとき、表示(ひょうじ)する位置(いち)と最初(さいしょ)のみためを設定(せってい)します。
  2. もんだいをだすをうけとったとき、数字(すうじ)をランダムに表示(ひょうじ)します。
ひとつめのすうじのスクリプトをしゅうせいする
ひとつめのすうじのスクリプトをしゅうせいする

演算子(えんざんし)のスクリプト

演算子(えんざんし)のスクリプトを修正(しゅうせい)しましょう。

  1. みどりのはたがおされたとき、表示(ひょうじ)する位置(いち)を設定(せってい)します。
  2. もんだいをだすをうけとったとき、演算子(えんざんし)をランダムに表示(ひょうじ)します。
えんざんしのスクリプトをしゅうせいする
えんざんしのスクリプトをしゅうせいする

ボタンをおしたら問題(もんだい)が表示(ひょうじ)されるようになりました。ただ、一度(いちど)ボタンをおして問題(もんだい)をだすとボタンをおせなくなるので、次(つぎ)の問題(もんだい)をだすことができません。

ボタンをまたおせるようにするためには、変数(へんすう)もんだいをだす の値(あたい)を はい にしなければなりませんね。もんだいをだすはい にするのはいつかというと、こたえあわせがおわったあとです。

次(つぎ)のセクションから、「ボタンをおして問題(もんだい)をだす」→「こたえあわせをする」→「ボタンをおして問題(もんだい)をだす」・・・のようにドリルをくりかえせるようにしていきます。

こたえあわせをしよう

ここまでは、計算(けいさん)のこたえがみえる状態(じょうたい)でした。でも、問題(もんだい)がだされてすぐにこたえが表示(ひょうじ)されてしまうと、勉強(べんきょう)になりませんね。こたえをみえないようにして、自分(じぶん)のタイミングでこたえあわせができるようにしましょう。

こたえをかくすためのスプライトをあたらしくつくってください。

こたえあわせのスプライト
こたえあわせのスプライト

こたえをかくせるところに配置(はいち)して、一番(いちばん)手前(てまえ)に表示(ひょうじ)します。

さいしょのせってい
さいしょのせってい

こたえあわせのスプライトで、こたえがかくされるようになりました。

こたえあわせをするときは、このスプライトをクリックして非表示(ひひょうじ)にし、こたえがみえるようにします。クリックできるのは、こたえがでたあとだけで、問題(もんだい)がでている最中(さいちゅう)はクリックできないようにしますよ。

さきほどつくった問題(もんだい)をだすボタンとおなじように、クリックできるかどうかを変数(へんすう)でコントロールしましょう。こたえあわせをする という変数(へんすう)をつくって、次(つぎ)のようにブロックをつなげてください。

  1. はじめは、こたえあわせをするいいえ にして、スプライトをクリックできないようにします。
  2. クリックできるのは、こたえあわせをするはい のときだけです。スプライトを非表示(ひひょうじ)にして、こたえがみえるようにします。
  3. そうでなければ、スプライトを表示(ひょうじ)したままにして、こたえがみえないようにします。
ひひょうじにするかひょうじしたままにするかをはんだんする
ひひょうじにするかひょうじしたままにするかをはんだんする

変数(へんすう)こたえあわせをする の値(あたい)が はい のときだけ、こたえをみれるようになりました。

さて、はじめは こたえあわせをするいいえ にしてこたえがみえないようにしておきましたね。こたえあわせをするはい にかえて、こたえあわせができるようにするのはいつかというと、計算(けいさん)がおわったあとです。

イコールのスクリプトを修正(しゅうせい)しよう

計算(けいさん)がおわったら、こたえあわせができるようにしましょう。計算(けいさん)するスクリプトをつくったイコールのスプライトを選択(せんたく)して、スクリプトを修正(しゅうせい)していきます。

一番(いちばん)下(した)に、こたえあわせをするを はい にする をつなげてください。

こたえをみれるようにする
こたえをみれるようにする

もうひとつ修正(しゅうせい)をします。こたえをだすをおくるこたえをだすをおくってまつ に変更(へんこう)しましょう。

こたえをだすをおくってまつ、そのあと、こたえをみれるようにする
こたえをだすをおくってまつ、そのあと、こたえをみれるようにする

これは、こたえをみれるようにするタイミングをしっかりとあわせるためです。イコールからおくられる こたえをだす というメッセージをうけとるのは、こたえに関連(かんれん)する以下(いか)のスプライトですね。

  • いちのくらい
  • じゅうのくらい
  • あまりのすうじ
  • あまり

こたえをだすをおくってまつ にすると、そのメッセージをうけとったすべてのスプライトの処理(しょり)がおわるのをまちます。つまり、こたえがきちんと表示(ひょうじ)されるのをまってから、こたえをみれるようになります。

プログラムの処理(しょり)はとてもはやいので、こたえをだすをおくる のままでも問題(もんだい)なくうごきます。ただ、ひとつのメッセージを複数(ふくすう)のスプライトがうけとるときは こたえをだすをおくってまつ にすると、かすかな処理時間(しょりじかん)のずれをふせぐことができますよ。

うごきをたしかめよう

では、ここまでのうごきを確認(かくにん)してみましょう。緑(みどり)の旗(はた)をおしたとき、こたえの部分(ぶぶん)はかくされています。ボタンをおすと問題(もんだい)がでて、計算(けいさん)がおわったらこたえあわせができるようになりました。

スプライトをクリックするまで、こたえはみえない
スプライトをクリックするまで、こたえはみえない

次(つぎ)の問題(もんだい)をだせるようにしよう

こたえあわせをしたら、次(つぎ)の問題(もんだい)をだせるようにします。こたえあわせのスプライトを選択(せんたく)して、ブロックを追加(ついか)していきましょう。

こたえあわせのスプライトを非表示(ひひょうじ)にしたあと、もんだいをだすはい にして、問題(もんだい)をだすボタンをおせるようにします。

「もんだいをだすをはいにする」をついかする
「もんだいをだすをはいにする」をついかする

問題(もんだい)がでるときには、こたえあわせのスプライトをふたたび表示(ひょうじ)しましょう。

  1. 問題(もんだい)をだすボタンからのメッセージをうけとったとき
  2. こたえあわせのスプライトをクリックできないようにします。
  3. こたえがかくれるように表示(ひょうじ)します。
もんだいがでるときときは、こたえをかくす
もんだいがでるときときは、こたえをかくす

オプションのブロック

こたえあわせのスプライトは、一瞬(いっしゅん)で非表示(ひひょうじ)にするのでもいいのですが、今回(こんかい)のサンプルでは、次(つぎ)のようにブロックをつなげて、スプライトが右(みぎ)へスライドするようにしています。

  1. 右(みぎ)へうごかしてから非表示(ひひょうじ)にします。
  2. ふたたび表示(ひょうじ)するときの位置(いち)を指定(してい)します。
スプライトをスライドさせる
スプライトをスライドさせる

最後(さいご)に、変数(へんすう)はステージに表示(ひょうじ)する必要(ひつよう)はないので、チェックをはずしておきましょう。

へんすうをかくす
へんすうをかくす

スクリプト完成(かんせい)

パート1パート2でつくったスクリプトとあわせて、計算(けいさん)ドリルの完成(かんせい)です。

ひとつめのすうじのスクリプト
ひとつめのすうじのスクリプト
ふたつめのすうじのスクリプト(パート2でつくったスクリプトからへんこうなし)
ふたつめのすうじのスクリプト(パート2でつくったスクリプトからへんこうなし)
えんざんしのスクリプト
えんざんしのスクリプト
イコールのスクリプト
イコールのスクリプト
いちのくらいのスクリプト(パート2でつくったスクリプトからへんこうなし)
いちのくらいのスクリプト(パート2でつくったスクリプトからへんこうなし)
じゅうのくらいのスクリプト(パート2でつくったスクリプトからへんこうなし)
じゅうのくらいのスクリプト(パート2でつくったスクリプトからへんこうなし)
あまりのすうじのスクリプト(パート2でつくったスクリプトからへんこうなし)
あまりのすうじのスクリプト(パート2でつくったスクリプトからへんこうなし)
あまりのスクリプト(パート2でつくったスクリプトからへんこうなし)
あまりのスクリプト(パート2でつくったスクリプトからへんこうなし)
ボタンのスクリプト
ボタンのスクリプト
こたえあわせのスクリプト
こたえあわせのスクリプト

Scratch の Pyxofy ページへいって、実際(じっさい)に計算(けいさん)ドリルであそんでみてくださいね。Scratch けいさんドリル by Pyxofy

Pyxofy (著)「きょうからはじめるスクラッチプログラミング入門」

Pyxofy が Scratch の電子書籍を出版しました!Kindle・Apple Books からご購入ください。

詳細はこちら

まとめ

今回(こんかい)は、Scratch でつくる計算(けいさん)ドリルの解説(かいせつ)パート3として以下(いか)のスクリプトをつくり、計算(けいさん)ドリルを完成(かんせい)させました。

  • ボタンをおして問題(もんだい)をだす
  • こたえをかくして、自分(じぶん)のタイミングでこたえあわせをする

「たす」「ひく」「かける」「わる」の問題(もんだい)をくりかえし学習(がくしゅう)できるので、算数(さんすう)をまなびはじめた小学生(しょうがくせい)にオススメのプロジェクトです。ぜひつくってみてください!

最後まで読んでいただき、ありがとうございます。この記事をシェアしてくれると嬉しいです!

SNS で Pyxofy とつながりましょう! LinkedInThreadsBlueskyMastodon X (Twitter) @pyxofyFacebook

関連記事

スクラッチプログラミング - すうじをひょうじしよう
ゲームの点数(てんすう)やタイマーなど、変数(へんすう)でかぞえた数(かず)をスプライトで表示(ひょうじ)するプログラムをつくります。すきなみためで数字(すうじ)を表示(ひょうじ)できるようになりましょう。
JavaScript - ボタンを押して表示を切り替える方法
ボタンをクリックしてコンテンツの表示 / 非表示を切り替えたり、ウェブページの表示をダークモードにする方法を解説します。CSS に切り替えたいクラスを追加して toggle() メソッドで切り替えるだけなので簡単です。
CSS Art - How to Make a Space Shuttle - Rocket
Yes, you can create a space shuttle rocket with CSS. Join us in this two part step-by-step article series to find out how.
CSS Animation – @property and Conic Gradient Animation
Static pie charts are boring, make them fun with animation! Learn conic gradient animation with CSS @property in this step-by-step article.