TOMONOプログラミング初心者の子供に何を教えたらいいの?とお悩みの保護者のためのScratch(スクラッチ)の入門講座。Scratchで猫の動かし方はわかったけど・・・次にどんなことをしたらいいの?という疑問にお答えするシリーズです。今回は、タイマーアプリを作ってみたいと思います。タイマーの機能を整理しよう。タイマーを作る前にそもそもタイマーってどんなもの?かを子供達と一緒に考えましょう。タイマーの要素を考えるタイマーも身近な機械の一つ。料理の時はもちろん、勉強する時やお仕事をする時、大事なことを思い出す時に使う方もいることでしょう。タイマーももちろんScratchで作れます。その前にタイマーにどんな「要素」があるか整理してみたいと思います。何かを作る時には、作りたいものにどんな要素があるか整理しておくことをおすすめします。これをすることで分析力が育つからです。「要素」という言葉は子ども達には難しいと思います。その場合には「タイマーにはどんな機能がある?」「タイマーってどういうふうに使う?」という風に年齢に応じて問いかけを簡単にしていってみてくださいね。タイマーの要素はつぎのような感じになると思います。(1)測りたい時間を自分でセットできる(2)残り時間が減っていくのが目で見える(3)残り時間が0になると、音がなるそして、その要素を全部作るのか?それとも一部だけにするのか?ということを決めていきましょう。それぞれをどのように作るか?考えるさて、タイマーに必要な要素を洗い出したらそれをScratchでどのようにつくるか?Scratchの機能に落とし込んでいきます。(1)測りたい時間を自分でセットできるこの機能に関して、ぱっと思いついたのは2つの方法です。1「〇〇と聞いて待つ」ブロックを使って、時間をセットする方法。2リアルなタイマーのように、ボタンを押して時間をセットする方法。イメージとしては以下の商品です。https://www.amazon.co.jp/dp/B01N2GLDEM/「10分」「5分」「1分」「10秒」のボタンが並んでいて、それを押して時間をセットします。(2)残り時間が減っていくのが目で見えるこちらも2つの方法を思いつきました。どちらも数字が減っていきますが、1変数を使う2数字の絵のスプライトを使うという方法でできそうです。(3)残り時間が0になると、音がなるこれh「音」なので、あまり方法は選べなさそうです。音ブロックを使ってアラーム音がなるようにしたいと思います。作り方を選んで、プログラムの全体像を決める上で考えた作り方を組み合わせていきましょう。どの組み合わせでもOKですが、今回は次の3パターンを作ってみようと思います。1の組み合わせで作ります。1の組み合わせで作ります。ボタンで時間を設定できるように作ってみましょう。2の組み合わせで作ります。タイマーを実際に作ってみようではここからタイマーを3種類作っていきます。変数タイマーを作るまず最初にスプライトと、変数「タイマー(分)」「タイマー(秒)」を用意します。変数は「分」と「秒」に分けておきます。次に、「〇〇と聞いて待つ」ブロックを使って、スプライトがタイマーにセットしたい時間を尋ねるようにします。つづいて、入力した答えのうち、分の部分を「タイマー(分)」に、秒の部分を「タイマー(秒)」にそれぞれ代入するようにします。時間をセットできたら、つぎはタイマーが動くプログラムを作りましょう。「タイマー(秒)」が0になるまで減っていくプログラムを作ります。最後にアラームがなるプログラムを作ります。実際に時間を入れて測ってみましょう。時間が測れました!変数タイマーはこれで完成です。じつは、このプログラムにはバグがあります。セットする時間を尋ねられたとき「あいうえお」という文字を入れることができてしまいます。5文字の文字列だったらなんでも入ります。本当は、文字か数字かのチェックを入れた方がいいのですが、それはまた別の記事で取り扱いたいと思います。ボタン式変数タイマーを作る先ほどの変数式のタイマーと同じように変数「タイマー(分)」「タイマー(秒)」を準備します。それからボタンのスプライトを自作しましょう。今回は1min(1分)、10sec(10秒)、1sec(1秒)のボタンを準備しました。本題とちょっと関係ないのですが、ボタンを押したときに「押している感」がでるように、クリックした瞬間にちょっと小さくなるようなプログラムを入れておきます。これがあるとボタンを押しているのが見た目でわかりやすくなります。こちらのプログラムに、さらに変数の設定を加えておきます。他のボタンのスプライトも同様に作ります。こちらは10sec(10秒)のボタンこちらは1sec(1秒)のボタンそして、スタートの合図を送るためのボタンも作りましょう。スタートボタンがクリックされると、タイマーの「スタート」の合図が送られるようにしておきます。タイマーの残り時間が減っていくプログラムは先ほどの変数タイマーと同じなので、プログラムをそのまま使い回しをします。バックパックを使ってプログラムを持ってきましょう。今回は、以下のプログラムは「背景」に入れておきました。ボタン式変数タイマーはこれで完成!プログラムを作るのはとても簡単でしたね。入力方法をボタンで作ることでおかしな値(数字ではない文字)が変数に入ってしまうことを防ぐことができました。ボタン式デカ見えタイマーを作るつぎは、タイマーの表示部分を変数ではなくスプライトで見せるようにしたいと思います。先ほどの「ボタン式変数タイマー」を改造する形式で作っていきたいと思います。「ボタン式変数タイマー」のプロジェクトをコピーし、そこに数字のスプライトを4つ追加します。各スプライトには、コスチュームが1から0まで10個入っています。分の10の位のスプライトのプログラムです。変数「タイマー(分)」の値に従ってコスチュームが変わるように作っています。分の1の位のスプライトのプログラムはこのようになります。秒の方のスプライトも同様に作ります。こちらは秒の10の位のスプライトのプログラム。こちらは秒の1の位のスプライトのプログラム。実際に動かしてみましょう。ボタン式でか見えタイマーも完成です!これなら時間が大きくてみやすくわかりやすいですね。こちらのプログラム分や秒に3桁以上の数字が入ると表示がおかしくなります。本当なら桁数のチェックを行った方がいいですね。まとめ今回は、Scratchでタイマーを3種類作ってみました。プログラムを作り始める前に、以下の手順で作り方を考えました。手順1:タイマーの要素を整理し手順2:各要素をどのように作るかを考える手順3:考えた方法を組み合わせるもしかしたら、この手順のどこかでお子さんがつまづくこともあるかもしれません。その場合には、つまづいているところを丁寧に教えてあげられるといいですね。手順2は少し難しいところですので、ここは大人がアイデアを示してあげてもいいかもしれません。今回は作り方を変えて3種類つくったことで、それぞれの作りかたのいいところや悪いところを比較できました。1つの方法だけでなく、いろいろな方法で作るということでさらにプログラムへの造詣が深まっていくこと思います。時間をかけてじっくり挑戦してみてくださいね。TOMONO教育ヲタクの1児の母。小学生の頃から教育書を読んでいた教育ヲタク。大学では、電池の素材の性質について実験とコンピューターシミュレーションを比較する研究を行っていたことがきっかけでSEになる。出産&育休後、子ども向けプログラミング教室講師、子どもたちの考える力を育てるオンライン塾の講師。TOMONO一緒に読まれている記事。Minecraftでプログラミング教育したい人のためのレッドストーン回路クイズ(17)コンパレーターその22019年8月9日970こんにちは。今日もMinecraftのコ...夏に応募したい!2019年子どもプログラミングコンテスト3選2019年7月29日1.14K夏休みが始まりましたね。子どもの頃は楽し...5歳児もハマるプログラミングアプリ-Springin’はじめて講座(4)絵の削除・インポート2019年7月26日865今日もSpringin’の続きです。新小学1年生の入学準備!知って安心、保幼少接続カリキュラム2020年1月14日2020年は教育はどうなるのか?ーやる気が出ない日に未来を心配してみる2019年12月27日プログラミングアプリSpringin’でマリオ風アクションゲームを作ろう(2)キャラクターの操作2019年12月13日プログラミングアプリSpringin’でマリオ風アクションゲームを作ろう(1)ステージの作成2019年12月6日あなたへのおすすめ。暗算が早い子の頭の中、暗算が遅い子の頭の中ー算数ができる子が持っている「量的感覚」のこと2018年11月16日プログラミング初心者のためのScratch(スクラッチ)入門-基礎の基礎編(1)2018年7月31日2020年教育改革-AI時代の教育指標「ブルームタキソノミー」の話2018年12月5日ゲームで頭のいい子を育てるー幼児xマインクラフトの3つの教育的効果2018年11月14日このサイトについて。今、注目されている考えさせる教育、アクティブラーニング。AI時代に教えるべき教育とは何か。2020年に教育必修化するプログラミング教育を交えながら、これからの教育シーンに必要な情報をお届けします。CATMADE,Inc.サイトマップ。