記事の詳細

ん……?

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

あなたは、Scratcherに招待されました!

どういうことでしょう。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

Now that you’ve gotten to know Scratch and the Scratch community, you are ready to become a Scratcher. The next few pages describe what that means. On the last page, you can choose to officially become a Scratcher.

スクラッチとスクラッチコミュニティになれてきたので、あなたはScratcherになる準備が整いました。次のいくつかのページでは、その意味を説明しています。最後のページでは、正式にScratcherになることを選択できます。

おう……?

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

Scratchers are respectful.
Everyone should feel welcome on Scratch, so we’re careful to be respectful to everyone.

Scratcherは敬意を表します。
誰もがScratchを歓迎しているはずなので、私たちは誰にでも敬意を表しています。

We’re constructive.
Many projects are made by kids who are new to Scratch. When we comment on other’s projects, we say something we like about it, and suggest ways to make it better.

私たちは建設的です。
多くのプロジェクトはスクラッチを初めて経験した子供たちによって行われます。 私たちが他のプロジェクトにコメントするとき、私たちはそれについて好きなことを言って、それをより良くする方法を提案します。

ほう……。

Scratcherはクレジットをつけます。
Scratchで共有されている作品は、どれでもリミックスすることができます。ただしリミックスするときは、元々の作者のクレジットをつけましょう(「作品への貢献」に元々の作者の名前を載せてください)。

突然の日本語!

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

We help keep the site friendly.(このサイトをフレンドリーにしておくお手伝いをお願いします)
Scratchが楽しくてやさしい場所なのは、Scratcherたちがそうなるよう努力しているからです。もしもいじわるなコメントやプロジェクトを見つけたら、「報告」ボタンを押してください。

なるほどなるほど。
どうやらこれらがScratcherになる条件のようです。

  • 誰に対しても敬意をもち親切に
  • プロジェクトをよりよくしていくための話し合いが真剣にできて
  • このサイトをフレンドリーかつ優しい場所にできる

もしこれらに賛同できなかったら、Scratcherにはなれないようです。ちゃんとその意思確認をしてくれた上で、「もし気が変わったらいつだってこのページに戻ってきてくれていいのよ」ってねこちゃんが言ってくれてます。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

なるなるー! Scratcherなるー!

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】
ある程度Scratchに慣れてから呼びかけてくれるあたりとてもありがたいサイトですね。
子ども向け、とあるだけあって、しっかり情操教育や意思決定の大切さ、自分で選んだことに対する責任を感じさせてくれます。

Make a Birthday Card | バースデーカードを作ろう!

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

増えてる!

インタラクティブなバースデーカードを作りましょう、とありますが、まああれですよ、動くバースデーカードをつくっちゃいましょう、ってことのようです。

Add a Backdrop | 背景を追加するよ!

Click the icon to open the Backdrop library
Then choose the backdrop you want (such as ‘party’ or ‘light’)
You’ll see your backdrop appear on the Stage.

アイコンをクリックして、背景ライブラリを開いてね。
次に、希望の背景(「パーティー」や「ライト」など)を選択するよ。
そうすると背景にステージが表示されるよ。

背景を組み合わせることは難しいようです。ムービーが示す通り、アイコンをクリックして背景を追加していきます。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

Change Colors | 色を変えていくよ!

Click the Scripts tab.
Make sure the Stage thumbnail is selected.
Build this script to change the colors of the Stage when you click it:
Try it! Click on the Stage to change colors.

Tip: To reset the colors at the start, add this script:
Click green flag to reset.

[スクリプト]タブをクリックしてね。
ステージのサムネイルが選択されていることを確認してね。
このスクリプトを作成して、クリックするとステージの色が変わるよ!。
試してみて! ステージをクリックして色を変えるよ。

ヒント:最初の色にリセットするには、次のスクリプトを追加してね。
緑色のフラグをクリックしてリセットします。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

スクリプトのタブをクリックしたあと、左下の「ステージ」の部分に青い枠がついていたら選択されている状態です。
「このスクリプト」というのがこんな感じ。

 

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】
以上の作業終了後、完成画面をクリックすると、背景の色が変わっていきます。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

もし最初の色に戻したいなぁというときは、以下のようなブロックを作って緑のフラッグを押すと元に戻ります。

Choose a Character | キャラクターを選んでみよう!

Click the icon that looks like this to choose a character:
Choose any character you want (such as Giga).
In Scratch, characters are called ‘sprites’.

キャラクターを選択するには、このアイコンをクリックしてね。
任意のキャラクター(ギガなど)を選択してね。
スクラッチでは、キャラクターは「スプライト」と呼ばれます。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

この赤い子は「ギガ」というようです。まつ毛長いので女の子かな……?

Say a Greeting | お祝いを言ってもらおう!

Build a script like this to say something:
Type ‘Happy birthday!’ or your own greeting.
Try it! Click on the green flag to make your sprite talk.

Tip: You can click and drag your sprite to where you want it on the Stage.

こんな感じにスクリプトをたてて、何か言わせよう:
「お誕生日おめでとう!」と入力してね。「こんにちは」などといったあなた自身の挨拶でもいいよ。
クリックして試してみて! 緑色の旗をクリックしてスプライトをおしゃべりさせてね。

ヒント:スプライトをクリックし、ステージ上のどこにドラッグしてもかまいません。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

日本語対応ですのでこんな感じに入れていきます。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

フラッグを押すとしゃべります。
ちょっと場所を整えましょう。ドラッグするとスプライトが移動します。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

Play Music | 音楽を流そう

Click this icon to choose a new sprite:
Then select a party sprite (such as ‘Cake’ or ‘Gift’)
Build this script to play music when you click on your sprite:
Click on your sprite on the Stage to hear it play.

Tip: You can choose a new sound from the Sound library.
Click the Sounds tab, then click
Then, click the Scripts tab to drag the play sound block.

新しいスプライトを選択するには、このアイコンをクリックしてね。
次にパーティスプライト( ‘Cake’や ‘Gift’など)を選択するよ。
スプライトをクリックすると、「こういうスクリプト」を作成して音楽を再生します:
ステージ上のスプライトをクリックして、それが再生されるのを聞いてね!

ヒント:サウンドライブラリーから新しいサウンドを選択できます。
[サウンド]タブをクリックし、[サウンド]タブをクリックします。
次に、[スクリプト]タブをクリックして、再生サウンドブロックをドラッグします。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

「こういうスクリプト」は以下のような感じです。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

サウンドはさまざまな音が用意されているので、そこから選ぶこともできます。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

Add an Animation | アニメーションを追加しよう!

Click to select your sprite:
Add a script like this to make it grow big and small:
Click on your sprite to see the animation.
Your script will look something like this:

Tip: To make the sprite smaller, type in a minus sign before the number, such as -10.

クリックしてスプライトを選択してね
それを大きくしたり小さくしたりするために、「このようなスクリプト」を追加してね:
アニメーションを表示するにはスプライトをクリック!
こんな感じになるよ!

ヒント:スプライトを小さくするには、数字の前にマイナス記号(-10など)を入力します。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

「このようなスクリプト」は以下のような感じです。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

何度も繰り返す

To repeat the animation, add a repeat block to your script:
Try clicking your sprite again to start the animation.

Tip: To stop, click the stop sign (above the Stage).
Your script will look something like this:

Tip: To reset the size of your sprite at the start, add this script:

アニメーションを繰り返すには、「繰り返しブロック」をスクリプトに追加するよ。
スプライトをもう一度クリックして、アニメーションさせてね。

ヒント:停止するには、停止標識(ステージの上の赤いボタン)をクリックします。

スクリプトはこんなふうになるよ。

ヒント:最初にスプライトのサイズをリセットするには、次のスクリプトを追加します。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】 子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

うっかり背景をクリックすると背景の色が変わっていきます。

Spin Around | 回すよ

Click to select the sprite you want to spin:
Then, build a script like this:
Your script will look something like this:

Tip: To reset your sprite’s direction at the start, add this script:

スピンしたいスプライトをクリックして選択します:
次に、このようなスクリプトを作成します。
あなたのスクリプトは次のようになります:

ヒント:最初にスプライトの方向をリセットするには、次のスクリプトを追加します。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

嫌な予感がする。
このようなスクリプト、というのは上記図のような感じです。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

やはりそう回るのか、ねこ。
アクティブだな、ねこ。
リセットボタンはこんな感じです。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

カードをカスタマイズする

What else do you want to add? Try some of these ideas.

ADD MORE THINGS
You can click to choose another sprite from the library or to draw your own.

You can add a script like this:
Experiment with making your own scripts. Here are some blocks you may want to try:

TRY DIFFERENT EFFECTS!
Click on the Stage:
Choose effects from the drop-down menu:

Ready to share your card?

他に何を追加したい? これらのアイディアをいくつか試してみてね。

もっと何か追加する。
アイコンをクリックすると、ライブラリから別のスプライトを選択したり、独自のスプライトを描くことができます。

次のようなスクリプトを追加することができます:
独自のスクリプトを試してみてね。 次のブロックを試してみてください。

別の効果を試してみてください!
ステージをクリックします:
ドロップダウンメニューからエフェクトを選択します。

あなたのカードを共有する準備ができましたか?

この項目は割と自由度が高く、自分であれこれ考えるターンになっています。
まず絵が描けますということ。
具体的なあれこれについては以下の記事の「Add Your Next Letter | 次の文字を追加しよう!」で説明しています。

初心者が学ぶ子ども向け教育プログラミング言語Scratch(スクラッチ)の使い方 その2【自分の名前を動かそう!】

初心者が学ぶ子ども向け教育プログラミング言語Scratch(スクラッチ)の使い方 その2【自分の名前を動かそう!】
Scratchはオフラインでも使えます。オンラインの場合https://scratch.mit.edu/上記を押してサイトに行き「作る」を押すと始まるオフラインの場合「Scratch2.0」というエ...

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

おめでとうといわせてみました。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】
押すと音が鳴るようになります。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】
何回も押すと右方向に動きます。マイナス数値にすると逆に動くようになります。

可能性は様々あるので好きなようにどうぞ、ってことですね。
ステージも同じようにいろいろかえられるので、ドロップダウンで選んでみてください。

子ども向けプログラミングScratchをやってみよう!【バースデーカードを作る】

最終的にこんな感じになります。

いやしかし。

繰り返して覚えていく、といっても。
ちょっとチュートリアルでやってると飽きてきてしまいますね……。

だがしかし急がば回れと申します。
じっくりしっかりものにしていきましょう!

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

The following two tabs change content below.
久保田 里美

久保田 里美

価値あるコンテンツ制作部インクループ株式会社
デザイナー。コンセプト設立からデザインを理論立てて起こすことをポリシーに、WEB媒体から紙媒体まで幅広く手掛けていきたいデザイナー。日々勉強日々精進。

ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

仕事ではパソコンが使いこなせるのが当たり前

相模原市産業会館パソコン教室

AD

ページ上部へ戻る