はじめてのスクラッチはじめてのスクラッチ 0 スクラッチの準備 1 スクラッチとはスクラッチはMIT( マサチューセッツ工科大学 ) メディアラボ ( 研究所 ) が子供たちのために開発したプログラミング学習ツールです難しいプログラミングの方法が分からなくてもかわいいキャラクタを動かしたり

(1)

はじめてのスクラッチ 1

はじめての

スクラッチ

１スクラッチとはスクラッチはＭＩＴ（マサチューセッツ工科大学）メディアラボ（研究所）が子供たちのために開発したプログラミング学習ツールです。難しいプログラミングの方法が分からなくても、かわいいキャラクタを動かしたり、音や音楽を鳴らしたりしているうちに、楽しくプログラミングのことが分かり、いろいろな工夫や、新しい作品を作りたくなるような仕組みになっています。２スクラッチの種類スクラッチには次の３つのバージョンがあります。基本的な機能は同じなので、使用場所の環境や指導者（保護者、学校）の指示によって選んでくだい。バージョン特徴 Scrach 1.4 オフラインで使用、機器の制御など他のソフトウェアとの連携ができる。インターネットの接続が良くない場所や、インターネットの接続が心配な場合におすすめ。 Scrach 2.0 オンラインオンラインで使用、作品のコミュニティーに参加できる。 1.4 には無い機能がある。インストールしないで、すぐに使用できる。インターネットの接続が良く、作品のコミュニティーに参加する場合におすすめ。 Scrach 2.0 オフラインエディターオフラインで使用、オンラインのコミュニケーション機能以外は、ほぼ 2.0 と同じ。インターネットの接続が良くない場所や、インターネットの接続が心配な場合におすすめ。 ☆スクラッチは、ＦＬＡＳＨ（フラッシュ：ゲームや動画を動かすプログラム）を使用しているため、タブレット端末やスマートフォンでは動作しません。ただし、ＦＬＡＳＨが動くブラウザアプリを使用すれば動作するという、情報があります。０スクラッチの準備

(2)

はじめてのスクラッチ 2 ３スクラッチのインストール（１）Scratch2.0 ① ブラウザから「スクラッチプログラミング公式サイト」で検索するか、アドレス https://scratch.mit.edu/ を入力して、公式サイトを表示します。 ② スクラッチのコミュニティに参加するばあいは、［Scratch に参加しよう］ボタンを押して、参加者情報を入力します。 ③ コミュニティに参加しない場合は、［作る］ボタンを押すと、プログラミングの画面になります。

②

③

(3)

はじめてのスクラッチ 3 （２）Scratch2.0 ダウンロード ① ブラウザから「スクラッチ 2.0 ダウンロード」で検索するか、アドレス https://scratch.mit.edu/scratch2download/ を入力して、公式サイトを表示します。 ② 指示にしたがってインストールしてください。（３）Scratch１．４ ① ブラウザから「スクラッチ 1.4 ダウンロード」で検索するか、アドレス https://scratch.mit.edu/scratch_1.4/ を入力して、公式サイトを表示します。 ② インストールするパソコンのＯＳを選択します。 ③ ダウンロードが終了したら、実行します。 ④ [NEXT]ボタンを押します。 ⑤ ダウンロードフォルダーはそのままで［NEXT］ボタンを押します。

②

③

④

③

⑤

③

(4)

はじめてのスクラッチ 4 ⑥ ファイル名はＳｃｒａｔｃｈにして［Install］ ⑦ ファイルの転送中です。ボタンを押します。 ⑧ 転送が終わった［Next］ボタンを押し ⑨ スクラッチをこのあと起動するか、ショます。－トカットを作るか選択して、［Finish］ボタンを押します。

⑥

③

⑧

③

⑨

(5)

はじめてのスクラッチ 5 （４）Scratch1.4 の画面 ☆ いっぱいボタンや部品がありますが、少しずつ使っていくので、心配ありません。 ☆ 日本語をひらがなにする場合は、［言語］ボタンを押して、選んでください。ブロックパレット（命令ブロック置き場）カテゴリー（ブロックの種類選択）言語 _保存共有ツールバー表示モード緑の旗と赤信号スプライトスプライト情報タブ回転スタイル共有保存新規スプライトマウスの座標スプライトリストステージスクリプトエリアメニュー

(6)

はじめてのスクラッチ 6 ○ ねこをうごかして、プログラミングの方法をおぼえよう。１スクラッチのはじめの画面 ① ねこのようなキャラクタ（登場する動物やもの）をスプライトと言います。いま、ねこスプライトは、ステージ（舞台）の中央にいます。 ② スクリプトとは、「簡単なプログラム」のことです。いま、スクリプトエリアの上のスプライト情報にねこスプライトがいます。つまり、ねこスプライトにスクリプトを書き込む準備ができています。１ねこをうごかす

②

①

(7)

はじめてのスクラッチ 7 ２スクリプトでねこをうごかす ① ブロックパレットから【１０うごかす】ブロックをスクリプトエリアへドラッグ＆ドロップします。 ② ブロックをクリックすると、ねこが少し動きます。さらにクリックすると、壁まで行きます。 ③ ねこが壁までいったら、しっぽを、ドラッグ＆ドロップして、中央へ移動します。 ☆ スクリプトは、クリックするとすぐに命令を実行して、動作を確認することができます。３ねこを連続してうごかす ① スクリプトのカテゴリから制御を選択します。ブロックパレットが制御のブロックになります。 ② 【ずっと】ブロックを置き、間に【10 歩動かす】ブロックをはさみます。 ③ 【ずっと】ブロックをクリックするとねこが壁まで移動します。 ☆ねこはずっと動くので、赤い●の停止、ボタンをおしましょう。

①

②

①

②

③

(8)

はじめてのスクラッチ 8 ４スクリプトの開始と停止スクリプトをがクリックされたときに、開始するようにスクリプトを追加します。 ① 制御スクリプトから【がクリックされたとき】を、スクリプトエリアに置き、先に作ったすくりぷとを付けます。 ② これで、をクリックするとねこがうごきはじめます。 ●で停止します。このままでは、ねこはかべにぶつかって止まってしまうので、ぶつかると向きを変えるようにします。 ③ スクリプトのカテゴリーを動きにします。 ④ 【もし端に着いたら、跳ね返る】を【１０歩動かす】の下に入れます。 ⑤ をクリックしてうごかしてみよう。

①

②

③

④

⑤

(9)

はじめてのスクラッチ 9 ⑥ 止めたときに、中央にもどるように、スクリプトを追加します。【ｘ座標を、y 座標をにする】スクリプトを置きます。座標の数字をクリックして２つとも０をキーボードから入力します。このスクリプトをクリックすると、いつでもねこは中央に移動します。５スクリプトの保存と読み込み作ったスクリプトを保存しましょう。 ① メニューの［ファイル］から［名前をつけて保存］を選びます。 ② 保存するフォルダを選びます。通常は「私のプロジェクト」の中に保存します。 ③ 新しいファイル名を入力します。 ④ ＯＫボタンを押します。作ったファイルの読み込み方法です。 ⑤ メニューの［ファイル］から［開く］を選びます。 ⑥ フォルダを選んでファイルを探します。 ⑦ ファイルを選んでＯＫボタンを押します。

⑥

①

③

④

②

⑤

(10)

はじめてのスクラッチ 10 ⑧ スクリプトを作っている途中で、新しいスクリプトを作りはじめるときはメニューから［新規］を選びます。１ねこを上下に移動してみよう。（ヒント最初の向き）２ねこ以外のスクリプトはいるのかな？探してみよう。（ヒントなし）

⑦

⑥

⑧

⑦

チャレンジ

(11)

はじめてのスクラッチ 11 ○ ねこをうごかして、図形を一筆書きしよう。１準備 ① スクリプトが残っていたら、メニューの [ファイル]から[新規]を選びます。 ② ねこを小さくします。ツールバーから [スプライトを縮小]を選択します。 ③ ねこに縮小アイコンをのせてクリックして小さくします。 ④ ねこをドラッグして右上に移動します。２ねこの一筆書き

①

②

③

④

(12)

はじめてのスクラッチ 12 ２一筆書きで四角形を描きます。 ① ペンカテゴリーから【ペンを下す】、動きカテゴリーから【10 歩動かす】【15⤵度回す】を選んでつなげます。 ② 歩数と角度は 100 歩と 15 度に変更します。 ③ また、ペンカテゴリーから【消す】も選んでおきます。 ④ 【ペンを下ろす】をクリックして実行すると、ねこが 100 歩進んで 90 度右を向きます。これを４回行うと四角形が描けます。２回実行４回実行 ⑤ 【消す】をクリックすると線が消えます。３繰り返しのブロックを使おう四角形では、100 歩進んで右に 90 度回る、を４回繰り返しました。これを繰り返しのブロックで実行します。 ① 制御カテゴリーから【がクリックされたとき】【10 回繰り返す】【スクリプトを止める】を選びます。 ② 動きのスクリプトを繰り返しのブロックの中に入れ、回数を４回に変更します。 ③ 先頭に【がクリックされたとき】、最後に【スクリプトを止める】を置きます。 ④ をクリックして、四角形が描けることをかくにんしよう。

①

②

③

②

(13)

はじめてのスクラッチ 13 １三角形を描いてみよう。２五角形を描いてみよう。３六角形を描いてみよう４星形を描いてみよう。４円に近い図形を描いてみよう。ヒント１回転の角度の合計が、何度になるともとの位置にもどるのかな？ヒント２円に近づけるためには角度をどうするの？歩数はどうするの？チャレンジ

(14)

はじめてのスクラッチ 14 ○ 音ブロックを使って、かえるのうたを演奏しよう。１音を入力します。 ① 制御カテゴリーから【がクリックされたとき】音カテゴリーから【楽器を１にする】【60 の音符を 0.5 拍鳴らす】を選んでつなげます。 ② 60 の音符をクリックすると鍵盤があらわれます。楽譜を見て音程を選びます。 ③ 4 分音符の長さを 0.5 拍としています。したがって、8 分音符は 0.25 拍になります。 ④ 休符は【0.5 拍休む】を選んでつなげます。 ⑤ 途中でをクリックして音楽を確かめながら音符を入力します。３かえるのうたの輪唱

①

②

③

④

(15)

はじめてのスクラッチ 15 ⑥ 完成例２輪唱のパートをつくります ① 最初から３番目の【60 の音符を 0.5 拍ならす】を右クリックして［複製］を選びます。 ☆選んだブロックから下のブロックが複製されます。 ② 最初のパートの５小節目のはじめをドラッグしてブロックを分けます。ここに制御カテゴリーの【を送る】を入れます。 ③ ▼をクリックして［新規］を選びます。 ④ 「だい２パートかいし」を入力します。

①

②

③

④

(16)

はじめてのスクラッチ 16 ⑤ 【だい 2 パートに送る】のブロックをはさんでもとにもどします。ここがだい２パートの開始点になります。 ⑥ 複製した、だい 2 パートの先頭に、【を受け取ったとき】を置きます。 ⑦ ▼をクリックして「だい２パートかいし」を選びます。 ⑧ 最初のパートの演奏が、【だい 2 パートのかいしを送る】に来たとき、だい 2 パートの先頭から演奏がはじまり、輪唱になります。 ⑨ を押して演奏しましょう。また、楽器を変更して演奏しましょう。１だい３パートをつくって輪唱しましょう。チャレンジ

⑤

⑥

⑦

(17)

はじめてのスクラッチ

17

(18)

はじめてのスクラッチ 18 ○ ありは一本の線の上を外れないように歩きます。線の上を歩く「あり」ロボットをつくろう。１ありスプライトの準備をします。 ① 新しいスプライトから［新しいスプライトを描く］を選びます。 ② ［ペイントエディター］が開きます。ペイントエディターでスプライトや背景を描くことができます。今は、すでに描いてあるありの絵を使うので、読み込みボタンを押します。 ③ ［コスチューム］の中の ④［Animals］から ⑤［insect1-a］ありを選び ⑥ＯＫボタンを押します。４ありの道

①

②

⑤

③

④

⑥

(19)

はじめてのスクラッチ 19 ⑦ ありが読み込まれました。次にセンサーを付けます。お絵かきツールから［中を塗る円］を選び、⑧スポイトで赤色を選びます。 ⑨ ありの前方左側に赤い円を描きます。 ⑩ 同様に青色を選び、前方右側に青い円を描きます。完成したらＯＫボタンを押します。 ⑪ ステージのねこを消します。スプライトリストのねこを右クリックしてメニューを出し、削除をします。 ⑫ ツールバーから縮小ボタンを選び、ありを小さくします。

⑦

⑧

⑨

⑩

⑫

⑪

(20)

はじめてのスクラッチ 20 ２道をつくります。 ① スプライトリストの［ステージ］を選び、② 背景タブを選びます。 ③ 新しい背景の［編集］ボタンを押します。 ④ ペイントエディターで［ふで］を選択し、３番目くらいの太さを選びます。 ⑤ 色はスポイトで赤、青以外の色を選びます。

③

①

②

④

⑤

(21)

はじめてのスクラッチ 21 ⑥ ありの道を描きます。道の幅は、ありがはみ出さない太さが良いでしょう。描いたら［ＯＫ］ボタンを押します。３ありスプライトにつぎのようなスクリプトを書きます。 ① 歩数は３歩にします。 ②【□色が□色に触れた】スクリプトは、調べるカテゴリーにあります。色は、スポイトツールで、ありセンサーの赤と青、背景の白を選びます。 ③ ありを中央にもどすスクリプトも用意します。 ☆回転の右左、にている制御スクリプトなど、まちがえないようにしましょう。

⑥

①

②

③

(22)

はじめてのスクラッチ 22 ４ありをうごかしてみよう ① ありを道の上において、を押してスタートしよう。 ☆ ありは道の上を歩きましたか。もし、みちを外れたら、どうして外れるのか考えましょう。 ☆ ありのスクリプトの歩数、回転角度、を調節してみましょう。５道を外れないしくみ ① ありが左に進んで赤色が白色に触れると、右に回転します。 ② 赤色と青色が白色に触れないときは、まっすぐ進みます。 ③ ありが右に進んで青色が白色に触れると、左に回転します。

③

①

②

(23)

はじめてのスクラッチ 23 １ありを増やそう（ヒントスプライトをコピー）２道の途中にエサを置いて、しばらく立ち止まるようにしよう。（ヒント黄色に触れたら ○秒待つ）３ありの代わりにべつのスプライトを歩かせてみよう。チャレンジ

(24)

はじめてのスクラッチ 24 ○ ぞうがおばけにボールをあてるゲームをつくろう。１ゲームの計画ゲームに登場するスプライトと、その動きを決めていきます。 ① ぞうは、矢印キー（← →）を押すと左右に動きます。 ② ボールは、スペースキーを押すと、ぞうから上に移動します。おばけに当たるか、画面の上にいくと消えます。 ③ おばけは、画面を左右に移動します。移動する速さは、遅くなったり速くなったりします。ボールが当たると、「いて！」と言います。２スプライトの用意 ① おばけのスプライトを用意します。新しいスプライトから[新しいスプライトをファイルから選ぶ]を選びます。５ぞうのシューティングゲーム

①

②

③

①

(25)

はじめてのスクラッチ 25 ② ［コスチューム］から ③［Fantasy］フォルダを開き、 ④ゴーストを選択して ⑤［OK］ボタンを押します。 ⑥ スプライトを縮小ボタンで ⑧ 「おばけ」と同じように小さくします。「ボール」と「ぞう」スプライトを用意します。「ねこ」スプライトは消します。 ⑦ スプライトのなまえをクリックして「おばけ」に変えます。

②

①

③

④

⑤

⑥

⑦

⑧

(26)

はじめてのスクラッチ 26 ３ぞうのスクリプト ○ ぞうの動きは、左右の矢印キーを押すと左右に移動します。この動きをスクリプトで書きます。 ① 制御カテゴリーから【スペースキーが押されたとき】スクリプトを選択します。そして、スペースキーの部分を右向き矢印と左向き矢印に変更します。 ② 矢印キーが押されたあとに、動きカテゴリーから【10 歩動かす】を選びます。この時、左に移動するは、値を-10 歩にします。 ③ このスクリプトを実行すると、ぞうは左右に移動することがわかります。しかし、ボールは、ぞうのいる場所から投げなければなりません。そこで、ボールにぞうの場所 X 座標を伝えるために、変数を使います。 ④ 変数カテゴリーから、[新しい変数を作る]を ⑥ 変数のブロックができました。選びます同じように[速度]変数も作っておきます。 ⑤ 変数名を「X 座標」、すべてのスプライト用を選んで、[OK]ボタンを押します。

①

②

④

⑤

④

⑥

(27)

はじめてのスクラッチ 27 ⑦ 変数カテゴリーから【X 座標と１ずつ変える】を選び、値を 10 に変更します。 ⑧ 変数 X 座標と、動きカテゴリーから【X 座標を 0 にする】を選びます。 ⑨ それぞれのブロックをつなげて、ぞうが左右に動くスクリプトを完成します。

⑦

⑧

(28)

はじめてのスクラッチ 28 ４おばけのスクリプト ① おばけは、かべとかべの間を往復しているので、動かすだけならこのようなスクリプトになります。 ② おばけは、ボールとぶつかると止まるので、ブロックを追加します。【ボールに触れた】ブロックは、調べるカテゴリーから選びます。 ③ ここでおばけの動きを実行し、ボールをマウスで移動しておばけに触れさせると、おばけが止まることが分かります。

②

③

(29)

はじめてのスクラッチ 29 ④ 次に、ボールが触れたときに「いて！」と言う表示をするように、ブロックを追加します。 ⑤ 見た目カテゴリーから【と秒言う】ブロックを【ボールに触れたまで繰り返す】ブロックの下に置きます。値をいて！２に変えます。 ⑥「いて！」は２秒後に消えるので、⑤の下に【隠す】ブロックを置きます。 ⑦ このままだと、一度消えると見えなくなるので、最初に【表示する】ブロックを置きます。 ⑧ ここでおばけの動きを実行し、ボールをマウスで移動しておばけに触れさせると、おばけが「いて！」と言って止まることが分かります。 ⑨ さらに、おばけのスピードを変化させるために、１から 10 までの乱数を発生して速度変数に値をいれ、⑩動かす歩数に入れます。これで完成です。なお、おばけの高さは、最初におばけを置いた高さになります。

⑤

⑥

⑦

⑧

⑨

⑩

(30)

はじめてのスクラッチ 30 ５ボールのスクリプト ① ボールの動きは、【スペースキーが押されたとき】から始まります。 ② ボールの最初の位置は、X 座標が、ぞうと同じ「X 座標」、 Y 座標は一番下の-150 です。 ③ ボールは一番上の Y 座標が 140 の場所か、おばけに触れるまで 10 ずつ上がります。 ④「または」や＝などの計算は、演算カテゴリーから選びます。 ⑤ ボールを中央に配置するブロックと表示のブロックも置いておきます。これで完成です。実行してみましょう。１ボールがぶつかったら得点が入るようにしよう。２おばけが飛ぶ高さを変化させてみよう。

①

②

③

⑤

チャレンジ

(31)

はじめてのスクラッチ 31 参考資料小学生からはじめるわくわくプログラミング阿部和広日経 BP 社小学生からはじめるわくわくプログラミング２阿部和広倉本大資日経 BP 社 SCRATCH ではじめよう！プログラミング入門阿部和弘日経 BP 社教員免許状更新更新講習資料静岡産業大学情報学部 2017 高橋等