「第2回 プログラミングカフェ おとなとこどもと」の「Scratchの基本操作練習・確認」で使用したテキストです。 この資料は、クリエイティブ・コモンズのライセンスCC BY 2.1 JPに従って、どなたでもご自由にお使いいただけます。 （参照） ▼プログラミングカフェ こどもとおとなと https://www.facebook.com/events/347000628834376/ ▼クリエイティブ・コモンズ CC BY 2.1 JP https://creativecommons.org/licenses/by/2.1/jp/

1. 2015.0３.29 作成
プログラミングカフェ
[その１]Scratchの紹介と
基礎の基礎
しょう か い
き そ き そ

2. この資料について
し りょう
この資料は、「プログラミングカフェ おとなとこどもと」で使用した
スライドです。
▼「プログラミングカフェ おとなとこどもと」開催概要
https://www.facebook.com/events/347000628834376/
下記の条件に反しない限り、ご自由にご活用いただければ幸いです。
【利用ルール】
本資料は、以下のルールに同意いただく範囲で提供されます。
1.本資料は、無料で複製・引用・配布することができます。使用時のルールは、クリエイ
ティブ・コモンズのライセンスCC BY 2.1 JPに従うものとします。クレジット表記は「街角
プログラミングカフェ」とします。
2.本資料を活用してイベント等を開催された場合は、イベント概要、感想などをお知らせ
いただき、今後のブラッシュアップにご協力いただければ幸いです。
（参照）クリエイティブ・コモンズ CC BY 2.1 JP
https://creativecommons.org/licenses/by/2.1/jp/
【ご連絡先】街角プログラミングカフェ machicodecafe@gmail.com

3. はじめに Scratchでできること
音楽を作る、アニメーションを作る、ゲームを作る・・・
自作のロボットを動かしたりも！！
おん がく
じ さく
つく つく つく
うご
障害物をよけて進むゲーム
すすしょう がい ぶつ
マウスの動きにあわせて絵が動く
うごうご え
クラシックの音楽を鳴らす
おん がく な
好きな花を選んで花束を作る
つくはな えらす はな たば

4. はじめに プロジェクトを作る画面
スクリプトで
動かすことが
できる絵
▼スプライト
ステージ
ステージにいる
スプライトの一覧
作ったものを動かす画面
スプライトリスト
スクリプトエリア
ブロック
パレット
ここから
ブロックを
選ぶ 選んだブロックを
組み立てる場所
バックパック 組み立てたブロックを
しまっておく場所
つく うご が めん
うご
え
いち らん
えら えら
く た
ば しょ
ば しょ
く た
が めんつく

5. 基本操作１ スプライトを前に動かしてみよう
き ほん そう さ まえ うご
①
②
③
④
②スプライトリストから
スクリプトをつけたい
スプライトを選ぶ。
えら
③ブロックパレットから
「動き」を選ぶ。
うご えら
①プロジェクトの名前を
書く。
な まえ
か
ステージにいるネコさんのスプライトを、前に動かすためのブロックを組み立てます。
うご く たまえ
④「１０歩動かす」を
スクリプトエリアに
ドラッグ＆ドロップ。
ぽ うご
あんど

6. 基本操作１ スプライトを前に動かしてみよう
き ほん そう さ まえ うご
⑤
⑥
をクリックしてみましょう！
クリックするたびに
１０歩ずつ前に進みます。
＜やってみよう＞
▶歩数を６０や１００などの
大きな数に変えてみよう。
▶歩数をー１０にしたら
どうなるかな？
ぽ
ほ すう
ほ すう
おお かず か
まえ すす
⑤イベントを選ぶ。
⑥「 がクリックされたとき」を
先ほどの「１０歩動かす」の上に
ドラック＆ドロップでくっつけます。
ぽ うごさき
えら
うえ
あんど

7. 基本操作２ スプライトを回してみよう
き ほん そう さ まわ
＜やってみよう＞
▶「１０歩動かす」を「１５度回す」の
下に入れてみたらどうなるかな？
歩数を大きくしてみるとわかりやすいよ！
先ほどの、「１０歩動かす」の代わりに、
「 １５度回す」を入れてみましょう。
をクリックすると、スプライトが
右（時計回り）に１５度、回転します。
ずっとくるくる回すには、
ブロックパレットの「制御」から、
「ずっと」を選び、
「 １５度回す」を囲みます。
※動きを止めるには ボタンを押そう。
ぽ うご
えら
かこど まわ
ど まわ
ど まわぽ うご
ほ すう
まわ
まわ
さき
した
おお
みぎ と けい かい てん
お
ど
か
い
とうご
せい ぎょ
い

8. 基本操作３ スプライトの色を変えてみよう
スプライトの色を変えるには大きく２つの方法があります。ここでは、
＃１．「見た目」の「色の効果」を利用する方法
＃２．「コスチューム」から、直接好きな色に塗り替える方法 の２つをやってみます。
＃１．「見た目」の「色の効果」を利用する方法
き ほん そう さ いろ か
いろ
いろ
いろ
いろ
かす
み め
み め
ちょくせつ ぬ ほうほう
ほうほう
ほうほうり ようこう か
おおか
ほう ほうり ようこう か
＜やってみよう！＞
スペースキーを押すたびに、
少しずつ色が変わるよ。
いろ か
お
②「見た目」から「色▼の効果
を（25）ずつ変える」を
選び、「スペース▼キーが
押されたとき」にくっつける。
すこ
①「イベント」から「スペース
▼キーが押されたとき」を
選ぶ。
えら
こう かいろ
えら
お
お
か
かみ
①
②

9. 基本操作３ スプライトの色を変えてみよう
き ほん そう さ いろ か
＃２．「コスチューム」から、直接好きな色に塗り替える方法
いろ かすちょくせつ ぬ ほう ほう
ネコちゃんを、「ブラックネコちゃん」に変えてみよう！
か
①
②
③
④ ②画面の下に出る
パレットから、
黒をクリック。
くろ
でしたが めん
①ブロックパレットの
上にある
「コスチューム」を
クリック。
③画面の右にある
ボタンをクリック。
④ネコの体にマウスを
あわせ、オレンジが
黒に変わったら、
クリック。
うえ
みぎが めん
くろ か
からだ

10. 応用操作１ 声でスプライトを回転させてみよう
おう よう そう さ こえ かい てん
大きな声に反応してスプライトがくるくる回転するプログラムを作ってみよう！
条件付けプログラムを作ってみます。
おお こえ はん のう かい てん つく
つくじょうけん づ
※注意※ ①で、パソコンの画面に「許可しますか？」が出たら「許可」を選ぶ。
ちゅう い が めん きょ か きょ か えらで
①ブロックパレットの「調べる」の中にある
「音量」にチェックを入れる。
②「演算」から、 を
ドラッグ＆ドロップ。
③「音量が50以上ならば」
という条件を作ります。
しら なか
おんりょう い
えん ざん
おんりょう い じょう
じょうけん
あんど
クリック！
よく似た
ブロック
に注意！
に
ちゅう い
つく

11. 応用操作１ 声でスプライトを回転させてみよう
おう よう そう さ こえ かい てん
パソコンに向かって大きな声や小さな声を
出してみましょう！
「音量」の条件の数を変えてみたらどうなるかな？
＜やってみよう＞
じょうけんおんりょう
こえ こえ
かず
おお ちいむ
で
か
④「制御」から「もし～なら」
を選び、③で作ったブロック
をはめ込む。
⑤「動き」から
「 １５度回す」を選び、
④で囲む。
⑥「イベント」から、
「 がクリックされたとき」
を「もし～なら」の上に
くっつける。
⑦最後に「制御」から、
「ずっと」で「もし～なら」
を囲みます。
せい ぎょ
せい ぎょ
えら
えらど まわ
かこ
さい ご
かこ
うご
うえ
こ