Scratchで学ぶプログラム開発の基本@praxiSpace

イベントのゴール じどうはんばいき 自動販売機のプログラムを作りながら、プログラム開発の流れを学びます。 2つのレベル 1. 商品が1つ 2. 商品が3つ 5つのプログラム 2つのステップ 「お金を投入する」など ① プログラムの流れを 整理する ② プログラミングする 1 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

自動販売機に必要なプログラムとは？ 自動販売機で買い物をするのに必要なプログラムを考えよう！ 自動販売機の使い方を思い出すと考えやすいです。 (例) お金を入れる。 1. 2. 3. 4. 5. 6. 7. 2 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

作るプログラム 5つのプログラムを作ります。 A. 商品を登録 「商品名」と「ねだん」を登録する。 B. お金を投入 「入れたお金」を自動販売機に入れる。 C. おつりを返す 自動販売機にある「入れたお金」を 返す。 D. 商品を買う 「入れたお金」と商品の「ねだん」を くらべて買い物をする。 E. 商品を見る 「商品名」と「ねだん」を出す。 3 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

プログラムの流れを整理する道具 フローチャート（流れ図）を使うとプログラムの流れやデータを整理できます。 (例) 自動ドアのフローチャート ［フローチャートの部品］ スイッチを入れる スイッチを切るまでくり返す 人を見つける いいえ 動き くり返し 分岐 ［フローチャートの良い点］ はい 5秒間ドアを開ける 開始 ドアをしめる 4 • プログラムに必要なものを整理できる。 • プログラムの流れが分かる ・他の人も分かりやすい ・エラーを見つけやすい 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

レベル 1（1つの商品） 5 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

A. 商品を登録 ①フローチャート ②プログラミング フローチャートを参考にして、商品を登録するプログラムを作ろう！ 「旗」をおす 「商品名」に「コーラ」を 登録する 「ねだん」に「130」を 登録する 6 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

変数 変数は、あたい（数や文字）に名前を付けるものです。 変数を使うと、とちゅうであたいが変わってもプログラムを変えずにすみます。 ［変数にあたいを追加する］ ［変数の中身をよび出す］ 商品名 商品名 水 水 7 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

B. お金を投入 ①フローチャート 自動販売機にお金を投入するフローチャートを考えよう！ 「投入口」をおす お金を入力する (1) 8 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

B. お金を投入 ②プログラミング フローチャートを参考にして、プログラムを作ろう！ 「投入口」をおす お金を入力する 入力したお金の分 「入れたお金」をふやす 9 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

C. おつりを返す ①フローチャート 残った入れたお金を返すフローチャートを考えよう！ 「おつりレバー」をおす おつりレバー 「入れたお金」を(1)にする 10 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

C. おつりを返す ②プログラミング フローチャートを参考にして、おつりを返すプログラムを作ろう！ 「おつりレバー」をおす おつりレバー 「入れたお金」を0にする 11 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

D. 商品を買う ①フローチャート 入れたお金で買い物するフローチャートを考えよう！ 「ボタン1」をおす 「入れたお金」≧「ねだん」 いいえ はい 「ありがとう」を 出す (2)を出す (1) 12 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

D. 商品を買う ②プログラミング フローチャートを参考にして、商品を買うプログラムを作ろう！ 「ボタン1」をおす 「ねだん」≦「入れたお金」 いいえ はい 「ありがとう」を 出す 「お金が足りないよ」を 出す 「入れたお金」から 「ねだん」を引く 13 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

「もし～なら」ブロック 場合によって動きを変えられます。 「入れたお金」＞ 0 いいえ はい 「こんにちは！」を 出す 「うーん…」を 出す 14 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

E. 商品を見る ①フローチャート ②プログラミング フローチャートを参考にして、商品を見るプログラムを作ろう！ 「ロボット」をおす 「商品名」と「ねだん」 を出す 15 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

レベル 2（3つの商品） 16 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

A. 商品を登録 ①フローチャート ②プログラミング 商品を登録するフローチャートとプログラムをたしかめよう。 「旗」をおす 「商品名リスト」を 空にする 「ねだんリスト」を 空にする 「商品名リスト」の1番目に 「コーラ」を登録する 「ねだんリスト」の1番目に 「130」を登録する 商品とねだんの リストを空にする 商品とねだんの リストの1つ目を 登録する : 17 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

リスト いくつかのあたいをまとめられます。 「商品名1」「商品名2」のように、商品数分の変数を作らずにすみます。 ［リストにあたいを追加する］ ［リストの中身をよび出す］ 商品名リスト 商品名リスト 1 コーラ 2 水 3 お茶 18 1 コーラ 2 水 3 お茶 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

B. お金を投入 ｜ C. おつりを返す レベル1と同じなので、変えなくてよいです。 ［お金を投入］ ［おつりを返す］ おつりレバー 19 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

D. 商品を買う ①フローチャート フローチャートを参考にして、商品を買うプログラムを変えよう！ 「ボタン1」をおす 「ねだんリスト」の1番目≦「入れたお金」 いいえ はい 「ありがとう」を 出す 「お金が足りないよ」を 出す 「入れたお金」から 「ねだんリスト」の1番目を 引く （ボタン2とボタン3のプログラムは変えてあります） 20 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

D. 商品を買う ②プログラミング フローチャートを参考にして、商品を買うプログラムを変えよう！ 「ボタン1」をおす 「ねだんリスト」の 1番目≦「入れたお金」 いいえ はい 「ありがとう」 を出す 「お金が足り ないよ」を 出す 「入れたお金」から 「ねだんリスト」の 1番目を引く 21 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

E. 商品を見る ①フローチャート ②プログラミング フローチャートを参考に、商品を見るプログラムを変えよう！ 「ロボット」をおす 「番号」を1にする リストの長さ分 くり返す 「番号」「商品名」 「ねだん」を出す 「番号」を1ふやす 22 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

く 「○回繰り返す」ブロック 回数を指定してくり返せます。 ［くり返しの中身］ 「番号」を1にする 5回くり返す 1 2 「番号」を出す 3 「番号」を1ふやす 4 5 6 23 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

おわりに 24 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

まとめ フローチャートから、5つのプログラムを作りました。 レベル1 プログラム プログラムの動き 変数 A. 商品を登録 「商品名」と「ねだん」を登録する。 ✓ B. お金を投入 「入れたお金」を自動販売機に入れる。 ✓ C. おつりを返す 自動販売機にある「入れたお金」を返す。 D. 商品を買う 「入れたお金」と商品の「ねだん」をく らべて買い物をする。 ✓ E. 商品を見る 「商品名」と「ねだん」を出す。 ✓ 25 レベル2 もし～ なら リスト ○回 くり返 す ✓ ✓ ✓ ✓ ✓ 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

作ったプログラムのほぞん Scratchのアカウントがあれば、サインインすることで作ったプログラムを手軽 にほぞんできます。 アカウントを新しく作る場合、画面右上の「Scratchに参加しよう」を選びます。 26 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

ふり返り 学んだことをふり返りましょう（1分） ［例］ • どんなところが、面白かった？ • どんなところが、むずかしかった？ • 学んだことを今後どうしていきたい？ 27 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

本資料の権利と留意事項 ［使用画像の出典］ 画像・イラストは以下のサイトよりダウンロードして利用しております。 • Loose Drawing https://loosedrawing.com/ ［本資料のライセンス］ • 注記があるものを除いて本資料の「文章」は、株式会社まなび梯（以下「当社」）よりクリエイティブ・コモンズ・ライセンス （CC-BY 4.0）のもとに提供されています。 • なお、本資料のほかの部分（画像・ロゴなど）には、他の条件でライセンスされている第三者の コンテンツが含まれている場合があります。 ［留意事項］ • 本資料に掲載されている会社名、製品名などの固有名詞は、各団体の商標または登録商標です。 • 本資料に掲載されている製品名などには、必ずしも商標表示（™、®）を付記しておりません。 • 本資料の内容について正確な記述につとめましたが、当社は本資料の内容に対して何らかの保証をするものではありません。 • 本資料で得られた情報の使用から生じるいかなる損害についても、当社は責任を負わないものとします。 28 株主会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

• https://loosedrawing.com/