Programing/scratch のバックアップソース(No.8)


[[Programing]] > スクラッチ

#title(スクラッチにゅうもん - コンピュータをおもちゃにしよう)

 written by Yutaka Kachi
 August 2013 for Scratch 2.0

「スクラッチ(Scratch)」は、こどもでも、マウスだけでプログラミングできるツールです。

ブロックを組み合わせるようにして、アニメやおんがく・ゲームなど、じゆうにコンピュータをあやつることができます。

このページは、こども(小学生)とおとーさん(大人)のために、スクラッチのはじめかたをかんたんにせつめいします。

(以下、かきかけ)

#ref(s_site-scratch.png);

''もくじ''

#contents

*スクラッチは、どんなかんじ? [#pe2e6f7c]

じゆうに「コンピュータ」をあやつるって、どんなことでしょうか。

スクラッチでは、どうぶつのキャラクターをアニメのようにうごかしたり、

おんがくをならしたり、それをゲームにしてあそんだり、

なんてことができちゃいます。

#ref(setsumei.png);

でも、コンピュータのなかのアニメをうごかしたり、おんがくをならすだけなら、

プログラムはいりませんよね。

アニメさくせいツールや、おんがくプレーヤーをつかえばいいんです。

ゲームだって、ネットでたくさん見つかります。

じつは、「プログラム」をつかうと、アニメやゲームが''じぶんで作れる''ようになるんです。

スクラッチのプロラムは、けっこうかんたんです。

こんなふうに、ブロックをくみあわせていくだけ。

#ref(program.png);

このプログラムは、ネコのイラストをかいてんするようにうごかします。

うえからじゅんばんに、よんでみてください。

なんとなく、いみがわかるでしょ。

*はじめかた [#i77fc513]

では、スクラッチでプログラムをつくってみましょう。

ここでは、がめんのなかで、ネコにあるいてもらいます。

**1.マウスのつかいかたのおさらい [#u034979b]

きっと、もうしってるとおもうけど、

だいじなことをおさらいしておきます。

それは、マウスのつかいかた。

とりあえず、つぎのふたつができれば、いいでしょう。

#ref(mouse.png);

かんたんですよね。

ちなみに、クリックは、えいごで「カチャッ」という おとをあらわしています。

**2.スクラッチサイトにアクセス [#t0bc191c]

では、スクラッチのサイトにアクセスしてみましょう。

つぎのリンクをクリックしてみてください。

-[[Scratch - 想像、プログラム、共有:http://scratch.mit.edu/]] http://scratch.mit.edu/

これで、スクラッチのサイトにアクセスして、こんなかんじになりました。

#ref(web.png);

そしたら、ネコのイラストがありますよね。

ここには、「やってみる」とかいてあります。

では、やってみましょう!

ネコのイラストをクリックしてみてください。

#ref(web-button.png);

これで、プログラムをつくるところが、ひょうじされました。

#ref(web-program.png);

がめんには、いろいろなものが、ひょうじされてますね。

さいしょのうちは、ぜんぶつかわないので、むししましょう。



ひだりがわに、ネコのイラストがあります。

スクラッチでは、このネコをうごかします。



みぎがわには「ステップバイステップ方式の紹介」と、かいてあります。

これは、スクラッチのつかいかたを、じゅんばんにせつめいしているところです。

でも、ちょっともじがおおいし、じゃまになるので、

さいしょは、けしておきましょう。

「ステップバイステップ方式の紹介」のみぎうえにある「×」マークをクリックしてください。

#ref(delete-tips.png);

これで、「ステップバイステップ方式の紹介」が、みえなくなりました。


**3.プログラムをつくろう [#q6ccf609]

では、いよいよプログラムで、ネコをうごかしてみましょう。

いきなり、プログラムをつくるのではなく

スクラッチのきのうをじゅんばんにためしながら

3つのステップでプログラムをつくります。

***ドラッグで、ばしょをかえる [#me47a36c]

では、まずさいしょに、ネコのイラストをドラッグしてみてください。

#ref(program-drug.png);

ほら、ネコのばしょが、かわりましたね。

かんたんです。

このように、スクラッチでは、マウスでかんたんに

とうじょうじんぶつのばしょをかえることができます。

***ブロックをクリックして、うごかす [#vf36e6f8]

つぎは、もうちょっとだけ、ふくざつなうごきをさせてみましょう。

ネコのイラストのとなりにある青いブロックをクリックします。

ここでは「10歩動かす」(10ぽうごかす)というブロックをクリックしてみてください。

#ref(program-click.png);

これで、ネコがちょっとだけうごきました。ちょうど、10ぽぶんです。

つぎは、「15度回す」(15どまわす)をクリックです。

#ref(program-kaiten.png);

これで、ネコがかいてんしました。

みぎまわりとひだりまわりがあるので、どちらもためしてみましょう。

スクラッチでは、こんなふうに、ブロックをクリックして、

とうじょうじんぶつをリモートコントロールできます。

***ブロックをいどうする [#j855341e]

では、いよいよプログラムをつくります。

さきほど、「10歩動かす」(10ぽうごかす)というブロックをクリックしましたが

うごかすたびに、なんどもクリックするのはたいへんです。

そこで、プログラムのとうじょうです。

「10歩動かす」を''ずっと''うごかすには、いくつかのブロックをくみあわせます。

まずは、「10歩動かす」のあおいブロックを、みぎがわのはいいろのばしょに、ドラッグでいどうします。

#ref(program-block.png);

(このばあいは、ただばしょがかわるのではなく、コピーができます)

***プログラムをくみたてる [#b4f42225]

つぎに、ずっとくりかえすためのブロックをおきます。

すぐうえの「制御」(せいぎょ)というオレンジのもじをくりっくしましょう。

すると、オレンジのブロックがひょうじされます。

このブロックのなかから「ずっと」というブロックをドラックして、

「10歩動かす」のあおいブロックのうえに、のせます。

#ref(program-zutto.png);

すると、「ずっと」ブロックのあいだに、「10歩動かす」のあおいブロックがカチッとはまります。

これで、できあがり。

***プログラムをじっこうする [#e5adfc5c]

では、プログラムをじっこうしてみましょう。

プログラムの実行(じっこう)とは、プログラムのブロックをくみたてたじゅんばんに、うごかすことです。

「プログラムを、はしらせる」ということもあります。

この場合は、「10歩動かす」を「ずっと」くりかえします。

''プログラムをじっこうするには、「ずっと」ブロックをクリックします。''

#ref(program-run.png);

すると、ネコが10歩ずつうごいて、それをずっとくりかえすので

はしにぶつかって、とまります。

そうしたら、ネコをドラッグして、まんなかにもどしてみましょう。

すると、また10歩ずつうごいて、それをずっとくりかえして、はしにぶつかって、とまります。

''プログラムをとめるには、もういちど「ずっと」ブロックをクリックします。''

**4.プログラムをかいりょうしよう [#wd8d4cce]

これで、ものすごくかんたんなプログラムができました。

でも、ここからがプログラムのほんばんです。

つくったプログラムは、どんどんかいりょうしていきましょう。

そのために、いろいろなブロックをためしてみましょう。

***ハタをクリックして、プログラムをじっこうできるようにする [#sb036ef8]

プログラムをじっこうするとき、

いちいちブロックをクリックするのはめんどうです。

そこで、ネコのうえにある、ハタをクリックしてプログラムをじっこうできるようにしましょう

#ref(program-flag1.png);

そのためには、「ハタがクリックされたとき」ブロックをつかいます。

ここでは、ハタとかいていますが、じっさいはハタのマークがひょうじされます。

+ブロックのうえにある「イベント」(ちゃいろ)をクリック
+「ハタがクリックされたとき」ブロックを、「ずっと」ブロックのうえにはめる。

#ref(program-flag.png);

できたら、じっさいにハタをクリックして、プログラムをうごかしてみましょう。

***ネコをかいてんさせる [#g7b94c1e]

*あそんでみよう [#o81b22a8]

**アニメにする [#m4351efb]

**おとをならす [#u187ba7b]

**ゲームにして、あそぶ [#vf88abbd]


*さんこう [#j5ad64c9]

-[[Scratch - 想像、プログラム、共有:http://scratch.mit.edu/]] 公式サイト
-[[Scratch (プログラミング言語) - Wikipedia:http://ja.wikipedia.org/wiki/Scratch_(%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E)]]

*もっと、いろいろしらべる本 [#e183146c]

-[[Amazon.co.jp: 小学生からはじめるわくわくプログラミング: 阿部 和広: 本:http://www.amazon.co.jp/gp/product/4822285154/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4822285154&linkCode=as2&tag=plaseboeffect-22]]
--小学生を対象に、もうすこしくわしくスクラッチのつかいかたをせつめいした本。
-[[Amazon.co.jp: スクイークであそぼう【CD-ROM付】: Thoru Yamamoto, 阿部 和広: 本:http://www.amazon.co.jp/gp/product/4798104809/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4798104809&linkCode=as2&tag=plaseboeffect-22]]
--スクラッチの元ネタになったスクイーク。そのスクイークの使いかたをせつめいした絵本。
-[[Amazon.co.jp: 12歳からはじめるHTML5とCSS3: TENTO: 本:http://www.amazon.co.jp/gp/product/4899773420/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4899773420&linkCode=as2&tag=plaseboeffect-22]]
--スクラッチではなく、ウェブサイトをデザインする方法をせつめいした本。自分がしらべたことをネットではっぴょうしたいとおもったときにべんりです。
-[[Amazon.co.jp: Raspberry Piで遊ぼう!: 林 和孝: 本:http://www.amazon.co.jp/gp/product/4899773528/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4899773528&linkCode=as2&tag=plaseboeffect-22]]
--3000円台でかえるコンピュータ「ラズベリーパイ」のことをせつめいした本。もちろん、スクラッチもうごきます。

トップ   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS