小学生からできる！遊び×学びで広がるプログラミングの世界
enjoy_steam24 わくわくSTEAMラボ ＜ 楽しい理科実験を家庭でも♪ ＞
はじめてのスクラッチ｜小学生でもできるかんたんプログラミング入門
enjoy_steam24
※ 本記事にはプロモーションが含まれています。紹介する商品は実際に使用したものを中心に教育的観点で厳選しています。
はじめてのスクラッチ｜
小学生でもできるかんたんプログラミング入門
この記事は、初めてScratch（スクラッチ）でプログラミングをする人でも、すぐにプログラミングを始められるように丁寧に解説します。やってみたいけど、「使い方が分からない」という人にもぴったりなレッスン記事です。
小学生でも簡単にできるプログラミング教材「Scratch（スクラッチ）」を使って、プログラミングを体験しましょう！
カラフルなブロックをつなげて、キャラクター（スプライト）を動かしたり、しゃべらせたりします。楽しく遊びながら、「順番」「くり返し」「スタートの合図」など、プログラミングの大事な考え方（制御）も自然に学べます
週末に親子で一緒に試せるように、画面の見方から、よく使うブロック、うまくいかない時の直し方まで、やさしく案内します。
スクラッチってどんなもの？
Scratch（スクラッチ）は、MIT（マサチューセッツ工科大学）が作った、子ども向けの無料プログラミング学習サービスです。
最大の特徴は「ブロックをつなげるだけ」でプログラムが作れること
英語やむずかしい記号をたくさん書かなくても、ブロックを組み立てて、キャラクターを動かしたり、音を鳴らしたり、ゲームやアニメを作れます。
そしてScratchは“まちがえても大丈夫”
思った通りに動かない時こそ、「どこがちがう？」「順番かな？」「回数かな？」と考えるのがプログラミングの面白さです。
自由研究にもぴったりで、作品を見せながら「どう作ったか」も説明しやすいのがうれしいポイントです。
- 無料で使える（パソコンがあればOK）
- ブロックをつなぐだけでプログラムが作れる
- ゲーム・アニメ・物語作りなど、遊びながら学べる
- 「順番」「くり返し」「合図」などの制御が身につく
 |
スクラッチを使ってみよう！
ここからは実際にScratch（スクラッチ）を開いて、作品づくりの準備をします。
最初は「どこを押せばいいの？」となりがちですが、慣れるとすぐに迷わなくなります。
まずは “動かす・しゃべらせる” くらいのシンプルなプログラムで、「できた！」を作るのが目標です。
ウェブブラウザで「Scratch」を開いて、
プログラミングを始めよう！
Scratch（スクラッチ）はアプリを入れなくても、
ウェブブラウザ※（Chromeなど）からすぐ使えます。
「Scratch」と検索して公式サイトを開きます。
（※ 最新版のChrome、Firefox、Safari、Edge推奨）
画面上部の「作る（Create）」を押すと、編集画面が開きます。
もし、英語などで表示されている場合は、プログラミング画面上部にある「設定」の「言語」から言語を変更できます。
アカウントは、作らなくてもプログラミングをすることができます。作品を保存したり共有したりする予定があれば、作っておくと便利です。学校の端末ではログインが制限されることもあるので、その場合は先生や保護者と確認しましょう。
- ブラウザで「Scratch」を検索→公式サイトへ
- 「作る（Create）」で編集画面を開く
- 保存したいならアカウント作成（後でもOK）
プログラミング画面を紹介！
Scratchの画面は、大きく分けて「ステージ」「ブロック」「スクリプトエリア（プログラムを組み立てる場所）」「スプライト」の4か所に分かれています。
ステージは、キャラクターが動く“舞台”。
ブロックは命令のパーツで、「動き」「見た目」「音」「イベント」などに分かれています。
スクリプトエリアは、ブロックをつなげてプログラムを作る場所。
スプライトはキャラクターで、どのスプライトを選んでいるかで、動く相手が変わります。
| 場所 | 役割 |
|---|---|
| ステージ | キャラクターが動く舞台 （結果が見える） |
| ブロック一覧 | 命令のパーツ置き場 （動き・見た目・イベントなど） |
| スクリプト | ブロックをつなげたプログラムのこと |
| スクリプトエリア | プログラムを作る場所 |
キャラクターを動かしてみよう
いよいよプログラミングしていきましょう！
Scratchではキャラクターを「スプライト」と呼びます。
スプライトにブロックを使って命令すると、歩いたり、回ったり、しゃべったりします。
大事なのは、いきなり難しい作品を作らないこと。
まずは“1つ動かす”だけでOK！
プログラムの作り方
コンピューターへの命令をプログラムとよびます。
プログラムの指示の通りに、スプライトなどが動きます。
Scratch（スクラッチ）では、プログラムのことをスクリプトとよんでいます。
Scratchでは、左のブロックを
真ん中のスクリプトエリアへドラッグして
プログラム（スクリプト）を作ります
ブロックは、パズルみたいに
形が合うもの同士がくっつきます！
そして、
プログラムは 上から下へ順番に実行される というのが大事なポイントです！
「動き」ブロックで
ネコを歩かせてみよう
まずは、青色の「動き」ブロックを使ってみましょう。
「10歩動かす」ブロックを使います。
「10歩動かす」ブロックを、スクリプトエリアに、ドラック＆ドロップで移動しましょう。
そのブロックをクリックすると…
\ やってみましょう /
ネコが10歩動きます！
え？と思いますよね。
想像と違うので…。
ちょこっと動きましたね。
この距離がScratchの10歩です！！！
びっくりですよね
面白いですよね！
「やってみたい」が
湧いてきましたか？
＜やってみよう＞
動きの数を変えてみよう
歩数を変えてみよう
「10歩動かす」ブロックの数字を「-10」や「50」に変えてみましょう。
「50」にすると大きく動き、「-10」にすると反対方向に動きます。
ネコが消えた？
大きく動きすぎると、画面からネコがはみ出てしまうかもしれません。
やっていると、でっかい数字を入れたくなって、はみ出ることが多いです。
そんな時は「x座標を～、ｙ座標を～にする」というブロックを使うと、スプライトを指定の位置に動かせます。
x座標を0（ゼロ）、ｙ座標を０（ゼロ）にすると真ん中にきます。
ｘ座標とはよこ軸、ｙ座標はたて軸のことです。
スプライトを左クリックしながらつかんで、動かすと、ステージの下に書いてあるｘとｙの数字が動きます。どのあたりがいくつの数字なのか確かめることができます。
数字を変えるだけで結果が変わるので、実験みたいで楽しいですね
いろいろやってみてくださいね！
きっと、つい、やりたくなるはずです！！
＜やってみよう＞
動きをふやしてみよう
これまで、1つのブロックをクリックして動かしていました。
次は、ブロックをたてにつなげてみましょう。
命令を増やすことで、動きを増やすことができます。
もし、いらないブロックが画面上にあれば、消して整理しましょう。
画面左のブロック一覧の方へいらないブロックをドラッグしてはなすと消えます。
動きのブロックをつなげよう
「～歩動く」ブロックの下に「～度回す」ブロックをつなげましょう。
見やすいように数字を大きくします
「100歩」と「90度」にしましょう。
つなげたブロックをクリックすると動きます。
「1秒待つ」を使う
早すぎてちょっとよく見えないですよね…
そこで、動きのブロックの間に「1秒待つ」ブロックを入れてみましょう！
オレンジ色のブロックで、「制御」カテゴリにあります。
すると、100歩動いて、1秒待って、90度回る
と、上から順番に動いていることが分かります!
回転したネコをもとにもどしたいときは、「90度に向ける」ブロックをクリックすると簡単に戻すことができます。ネコの位置は、マウスなどで好きな位置に簡単に動かせます。
ブロックを入れかえると？
動きブロックの順番を入れ替えると…
回ってから動きます
この“順番で結果が変わる”というのが制御の基本です
Scratchはそれを目で見て理解できるのがいい所♪
いろいろ順番を変えてやってみると面白いですよ！
ぜひ、いろいろやってみてください♪
ほかにも
「もし端に着いたら、跳ね返る」ブロックなど、気になるブロックを使って、その動きを確かめてみると面白いです。ゲームっぽい動きが作れそうですよね。
- ブロックをドラッグしてスクリプトエリアへ
- 上から下へ順番に動く
- 順番を変えると結果も変わる（制御の基本）
「イベント」ブロックで
スタートボタンを作る！
次は黄色の「イベント」ブロックを使ってみましょう。
「緑の旗が押されたとき」を使います。
これはScratchで一番よく使う “スタートの合図” です。
「緑の旗が押されたとき」の下に作ったプログラムをつなげて、ステージの上にある緑の旗をクリックしてみましょう！
すると、
旗を押したタイミングでキャラが動きます
こうすると、「スタート→動く」といった作品の形が出来上がりますね。
- 「緑の旗が押されたとき」はスタートの合図
- 旗→命令が実行される流れを作れる
- 作品らしくなる第一歩
まずは1つ動かして
“できた！”を体験
最初のゴールは、
すごい作品を作ることではなく、
「自分の命令でキャラが動いた！」を体験することです
たった1ブロックでも、
プログラミングとしては立派なスタートです。
もし余裕があれば、
「10歩動かす」を3回つなげてみたり、数字を変えてみたりして、動きの違いを比べてみましょう。うまくいかない時は、直すのもゲームの一部。
「どこを変えたら思い通りになるかな？」と考える時間が、プログラミングの一番おいしいところです。保護者の方は、正解をすぐ言うより「どこが原因だと思う？」と一緒に探すと、学びが深くなります。
- まずは“1つ動いた”でOK
- 数字や回数を変えて実験してみる
- 直す時間＝考える力が育つ時間
アニメーションを作ってみよう
次は、簡単な自己紹介を作ってみましょう。
「歩く→止まる→しゃべる」だけで立派な作品になります。
アニメーション作りは、プログラミングの制御（順番・待つ・くり返し）を自然に使うので、はじめての学びにぴったりです。
さらに、背景を変えると一気に世界観が出て、子どもが「もっと作りたい！」となりやすいです。
ここでは、背景を追加して、簡単な動きの流れを作るところまでやってみます。
背景を追加しよう
ステージには「背景」を設定できます。
右下の背景を選ぶボタンから、学校、部屋、海、ステージなど好きな背景を選んでみましょう。
背景が変わるだけで、同じ動きでも“物語”に見えてきます。
学校やステージなどでもいいですし、自己紹介に関係のある背景にするのもいいですね！
＜もしプログラムが消えていたら…＞
背景を選択した後、もしプログラムが消えてしまった！と言う人がいればここを読んでください。
困っていなければ、読み飛ばしてくださいね。
実は、スプライトの他に、背景にもプログラムを作ることができます。
背景を変えたり動かしたりできるわけです。
今までは、ネコのスプライトに対してプログラムを作っていました。
作成するプログラムの選択が、背景を選ぶときに、一緒に変更されたのかもしれません。
その場合は、ステージの下のほうに表示されているネコ（sprite1）をクリックして選択しましょう。ネコの絵に紫色の枠がつき、作ったプログラムが表示されます。
作ってみたい動きを考えよう
プログラミングは、いきなりブロックを置くより、先に「何をさせたいか」を決めると成功しやすいです。おすすめは、3つの動きを順番に考えること。
たとえば「右に歩く→止まる（～秒待つ）→こんにちは！と言う」みたいに短くてOK。
この“順番を考える”こと自体が、制御の学びです。
- おすすめは「動き3つ」を順番に考える
- 例：歩く→止まる→しゃべる
プログラムを作って動かそう！
では実際に、自己紹介のプログラムを作りましょう！
「イベント」にある「緑の旗が押されたとき」ブロックを一番上に置きます。
その下に「動き」にある「100歩動かす」ブロックをつなげましょう。
次に「制御」の「1秒待つ」ブロックをつなげます。
そしてむらさき色の「見た目」ブロックにある「こんにちは！と2秒言う」ブロックをつなげます。
緑の旗を押すと、歩いて、止まって、しゃべるはずです。
「待つ」というブロックを使うことで、
動きが“せかせか”しなくなり、見ている人に伝わりやすくなりますね。
うまくいったら、歩く距離や待つ秒数、言う言葉を変えて、オリジナルの自己紹介を作ってみてくださいね。
- イベント：緑の旗が押されたとき
- 動き：◯歩動かす
- 制御：◯秒待つ
- 見た目：◯◯と言う
 |
うまくいかない時は？
Scratchはすぐ動かせる分、「あれ？思ったのと違う！」もよく起こります
でもそれは失敗ではなく、プログラミングのいつもの風景です。
大事なのは、あわてて全部消さないこと。
1つずつ原因を探すと、直せた時に達成感が大きくなります。
そして「直し方」を覚えると、次から自分で解決できるようになります。
ここでは、はじめての人がつまずきやすいポイントと、チェックの順番を紹介します。
よくあるつまずきポイント
うまくいかない時は、だいたい原因が決まっています。
◆「緑の旗を押しても動かない」
イベントブロックがつながっていないということもあります。
「クリックしたら動くけど、旗だと動かない」なら、
ブロックをクリックして動かしていただけで、スタートの合図がない可能性があります。
また、ブロックがならんでいても、つながっていないということも。
スタートブロックが複数あって、プログラムがたくさん動いていた、ということもあったりします。
◆動きの数字が大きすぎ（小さすぎ）
動きの大きさによっては、変化が分かりにくいということもあります。
実はちょっと動いている、とか、大きく動いて画面から飛び出している、ということもあります。
可能性があるときは、数字を変えて確認してみるといいですよ。
いなくなって困ったときは
「x座標を0、ｙ座標を0にする」を使うとスプライトが真ん中に戻ってきますよ
◆早すぎて変化が目に見えない
プログラムはものすごい速さで実行されるので、目に見えない時もあります。
プログラムブロックの間に「1秒待つ」ブロックをはさむことで、動きがゆっくりになって、見えやすくなりますよ。
こういう“あるある”を知っているだけで、
直すスピードが上がり、イライラが減ります
ブロックの順番を見直してみよう
Scratchは上から下へ順番に動くので、順番が違うと結果も変わります。
たとえば「言う」の前に「待つ」を入れたつもりが、逆になっていると、しゃべるタイミングがずれます。また、「動かす」を何回もつなげた時に、途中で「待つ」を入れると動きが見やすくなります。
直す時のコツは、いきなり全部を直さず、
1か所だけ入れ替えて試すこと
少しずつ変えて結果を見ると、
「このブロックが原因だったんだ！」と発見できて、考えるのが楽しくなります。
- 上から下へ実行されるので順番が超重要
- 直す時は1か所ずつ変えて試す
- 「待つ」を入れると動きが分かりやすい
まとめ
今回は、Scratch（スクラッチ）をはじめて使う人向けに、画面の見方から、キャラクターを動かす・しゃべらせるところまでを体験しました。
「緑の旗でスタート」「動きブロックで歩く」「待つでタイミングを作る」など、遊びながらも、プログラミングにおける制御の基本を学びました。
うまくいかない時も、順番やスプライト選択を見直すだけで直ることが多く、直せた瞬間がいちばん気持ちいいポイントです。
次回からは「スクラッチであそぶ・つくるシリーズ」です！
様々なテーマに沿って、プログラミングで遊びながら学んでいきます！
次回は「キャラクターを動かす」をテーマに動きについて学びを深めていく予定です
お楽しみに！
＜プロモーション＞
もっとやってみたい！と思った人にはプログラミング教室がおすすめ！
いろんなタイプの教室があるので、資料請求や体験授業を通してぴったりな教室をさがしてみてね！
↓プログラボ
レゴブロックで組み立てたロボットを動かしながら学ぶプログラミング！
自分のプログラムでロボットが動く楽しさが味わえます♪
↓Ｚ会のオンラインプログラミング講座
いつでも好きな時間でできるのは魅力的ですね！
↓本格的なプログラミングスクール！
初心者から本格的な内容まで幅広く学べます
自宅でScratchを学ぶなら
書籍を準備しておくと、行き詰った時に調べられて便利ですよ！
↓図鑑タイプで調べる時に便利
|
↓動画つきで初めてでも安心！
|
ABOUT ME
『子育て と 理科』を楽しむ2児の母です* 理科に関わるものをメインに、
STEAM教育の視点から『わくわくする学び』を情報発信していきます* こどもと楽しめる
おもしろいネタ や ヒント を
ここに集めていけたらいいなと思っています* 家庭でもできることを多く取り上げますので、
お子さんと一緒に、学びを楽しんでみてくださいね*
