スクラッチ(Scratch)で簡単にプログラミングの基礎が身に付く7ステップ

スクラッチ(Scratch)は、操作が簡単なプログラミング学習環境です。とはいえ、プログラミングと聞くと、どうしても拒絶反応が出てしまう人もいるでしょう。そのような場合は、簡単なプロジェクト(スクラッチでのプログラム作品のこと)を作ることから始めるとスムーズです。この記事では、プログラミングの基礎が身につく7つのステップを紹介します。順番通りに同じ手順をふむだけで、誰でも簡単にプログラミングの基礎が身につくでしょう。

なお、スクラッチをまだ始めていない方は、先にスクラッチ(Scratch)でプログラミングを始める前に覚えることに目を通しておくと、この記事の手順がよりスムーズに進められます。

スクラッチ(Scratch)にサインイン

スクラッチは、アカウント登録しなくても使えるシステムです。しかし、アカウント登録してサインインしたほうが、いろいろな機能を使えて便利です。プログラミング学習をするときは、基本的にサインインしておくとよいでしょう。

スクラッチのサインイン画面

簡単ステップ1_スプライトを動かす

まずはスプライト(キャラクターなどの部品)を動かしましょう。最初から表示されている猫のキャラクターをプログラミングします。スプライトリストで「猫」をクリックしてください。すると、そのスプライトのスクリプトを、コードエリア(スクリプトエリア)で編集できるようになります。

スプライトリストで猫を選択した画面

ブロックパレットから「10歩動かす」をドラッグし、コードエリアにドロップします。「10歩動かす」をクリックすると、猫が動きます。

「10歩動かす」ブロックをコードエリアに配置した画面

何度もブロックをクリックすると猫がステージからはみ出てしまいますが、スプライトリストの座標「X」「Y」をともに「0」にすると、真ん中に戻ります。なお、スクラッチではステージの中心がX=0・Y=0で、右端がX=240、左端がX=-240、上端がY=180、下端がY=-180です。「1歩」は座標1にあたる、ごくわずかな距離だと覚えておくと、動きの調整がしやすくなります。

座標XとYを0にして猫を中央に戻した画面

簡単ステップ2_動くと同時に音を出す

猫が動くときに、同時に音を出すこともできます。音はデフォルト設定のままだと種類が少ないので、「拡張機能を追加」ボタンから追加してください。

「拡張機能を追加」ボタンの場所

ブロックカテゴリーに「音楽」が追加されました。ブロックパレットの「(1)スネアドラムの音を0.25拍鳴らす」を、コードエリアにドラッグ&ドロップします。その上で、先ほどの「10歩動かす」ブロックの下につなげてください。

「10歩動かす」の下にドラムの音のブロックをつなげた画面

つなげたブロックをクリックすると、動作を確認できます。

音が聞こえないときは

音が聞こえないときは、パソコンの音声設定を確認しましょう。ミュート(無音)になっていないか、音量が小さすぎないか、スピーカーやイヤホンが使える状態かなどを、ひとつずつチェックします。

簡単ステップ3_繰り返し処理

制御ブロックを使って繰り返し処理を行います。ただし、単純に繰り返すとスプライトがすぐにステージの外に出てしまうので、少し工夫が必要です。

具体的には、「10歩動かす」ブロックをもう一度ドラッグ&ドロップしたあと、数字を「-10」に変更します。「(1)スネアドラムの音を0.25拍鳴らす」も同様にドラッグ&ドロップし、プルダウンから「(2)バスドラム」を選択します。先の音と違う音を設定することで、猫がステップをふんでいるように演出します。

前進・後退と2種類のドラム音を組み合わせたブロック

4つのブロックがつながったら、一度クリックして動作を確認します。このままでは、進んで戻る動きが1回だけしか表現されません。何度も繰り返させるには、つなげたブロック群を「ずっと」ブロックで包みます。「ずっと」ブロックは、黄色の制御ブロックカテゴリーから選んでください。

ブロック群を「ずっと」ブロックで包んだ画面

ブロックをクリックすると、猫のスプライトがずっと動くはずです。動きを止めるときは「赤い停止ボタン」をクリックしてください。

赤い停止ボタンの場所

プロジェクトスタートボタンを活用する

スクリプトのブロックをクリックすると、スプライトはスタートします。しかし、複数のスプライトが含まれるプロジェクトでは、ひとつずつブロックをクリックするのは面倒です。そこで、プロジェクトスタートボタンである「緑の旗」を活用します。

「イベント」のブロックカテゴリーにある「(緑の旗)が押されたとき」を、先ほどのブロックの上にくっつけます。スプライトごとに同じイベントを設定しておけば、緑の旗を1回クリックするだけで、プロジェクト全体をスタートできます。

「緑の旗が押されたとき」ブロックを先頭につなげた画面

簡単ステップ4_並列処理

スクラッチでは、スクリプトの並列処理が簡単にできます。先ほどの「前後に動く」スクリプトと同時に、「スペースキーを押したら鳴き声を上げる」というスクリプトも作成してみましょう。

「イベント」のブロックカテゴリーにある「スペースキーが押されたとき」を、コードエリアにドラッグ&ドロップします。そのブロックの下に、「音」カテゴリーから「終わるまでニャーの音を鳴らす」を持ってきてくっつけます。

「スペースキーが押されたとき」と鳴き声のブロックを組んだ画面

緑の旗をクリックしてスプライトを動かしたあと、スペースキーを押して、きちんと音が出るか確かめてください。

簡単ステップ5_ステージの変更

スクラッチには、いくつかのステージ素材(背景)が最初から用意されています。デフォルトでは真っ白な背景ですが、今回は変更してみましょう。スプライトリストのステージから「背景を選ぶ」をクリックします。

「背景を選ぶ」ボタンの場所

「背景を選ぶ」の一覧が表示されるので、好みの背景を選びます。今回は「Basketball 1」を選択してください。

背景一覧からBasketball 1を選ぶ画面

プロジェクトエディターに戻ると、選択したステージ背景に切り替わっています。

背景がバスケットコートに切り替わったステージ

簡単ステップ6_BGMを追加する

BGMはバックグラウンド・ミュージックの略です。スクラッチでは、プログラムが動いている間、背景に音楽を流せます。

デフォルト設定では「音」カテゴリーにBGMに使えそうな素材がありません。そのため、「音」タブから追加します。

「音」タブを開いた画面

「音を選ぶ」を選択してください。

「音を選ぶ」ボタンの場所

一覧が表示されます。今回は検索に「dance around」と入力して選択してください。

音の一覧からdance aroundを選ぶ画面

再び「コード」タブに切り替えます。ステージを選択し、ブロックカテゴリーの「音」から「終わるまでdance aroundの音を鳴らす」を選んで、コードエリアにドラッグ&ドロップします。

これを「ずっと」で包んで音楽をループさせ、さらに「(緑の旗)が押されたとき」のイベントブロックもくっつけます。こうすることで、プロジェクトがスタートしてからずっとBGMが流れるようになります。

BGMをループ再生するブロックの組み方

簡単ステップ7_確認・デバッグ

以上の作業で、ひとつのプロジェクトが完成しました。「緑の旗」をクリックしてプロジェクトをスタートさせ、スペースキーを押して動作を確認しましょう。思い通りに動かない場合は、問題点を明確にする必要があります。

  • 音が出ない
  • スプライトが動かない
  • 動作が途中で止まってしまう

このように問題点を明らかにして修正することを、デバッグ作業といいます。デバッグはプログラミングの中でも大切な作業なので、丁寧に行いましょう。

プログラミング学習は慣れることが第一

はじめてプログラミングを学習する人は、苦手意識を払拭することが大切です。プログラミングを難しいものと決めつけてしまい、取り掛かることに抵抗を感じてしまうからです。これは、子供より大人によく見られる傾向だといえます。苦手意識を払拭するには、慣れることが一番です。まずは、この記事で紹介したステップを実際になぞって、プロジェクトを作ってみてはいかがでしょうか。

基本のプロジェクトが作れたら、次はスクラッチ(Scratch)で作る物語【プログラミング例】に挑戦したり、作った作品をスクラッチ(Scratch)を公開して共有するとっても簡単な方法で公開したりしてみましょう。

このテーマの関連記事はこちら