スクラッチで資格を取ろう！プログラミングレッスンvol.3

##目次
1. [はじめに](#1-はじめに)
2. [レッスン③](#2-レッスン)
3. [ヒント](#3-ヒント)
4. [答え](#4-答え)
5. [まとめ](#5-まとめ)

#1. はじめに
Scratchでゲームを作りながら、プログラミングの概念を勉強しましょう！
当レッスンをvol.5まで進めることで、「プログラミング能力検定」レベル1の出題範囲を半分まで理解できます。
第一回から始めたい方は[**こちら**](https://qiita.com/vteacher/items/e53ce8ba30371f0c0fab)。

では、[**Scratch**](https://scratch.mit.edu/)を開いてレッスンvol.3を始めましょう！

#2. レッスン③
##レッスン③の目標
Scratchで、

* もし～なら
* 大きさをかえる
* もし～に触れたなら

がプログラミングできるようになる。

***

まだScratchを開いていない方は**「[ここ](https://scratch.mit.edu/)」**をクリックして、Scratchを開いてみましょう。

Scratchを開いたら、上部にある「作る」をクリックすると、ブロックを並べてプログラムを作ることができます。
![「作る」説明.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/808969/4c98d096-20c8-31ea-a497-93b8b62bef98.png)

プログラムを作るページは開けたでしょうか？
それでは早速、Scratchを使って問題を解いていきましょう。
最初のうちは、**[ヒント](#3-ヒント)**や**[答え](#4-答え)**を見ながらやってみてくださいね！

##ハートの大きさを変えてみよう！

「ふー、なんとかルームメイトから金魚を助けたぞ」
ピンポーン！
ガールフレンドのGigaちゃんが遊びにきました。なんとか間に合いました。
**「いらっしゃい、Gigaちゃん！」
Gigaちゃんに、スクラッチキャットの愛を届けよう。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/9ef2d1b9-fc42-39f7-edcc-28c971c4eaee.png)
動きの見本を見たい場合は、**「[ここ](https://scratch.mit.edu/projects/435216184/)」**をクリックし、<font color="limegreen">緑のはた</font>を押してください

##作成するプログラムの内容
* ステージ  
Hearts
* アイテム(動きのないスプライト)  
  * Giga
  * ScratchCat(スクラッチキャット)

* 登場人物(動きのあるスプライト)  

| スプライト         | 動き                                                                   | 
| ------------------ | ---------------------------------------------------------------------- | 
| Heart(ハート)               | 旗をクリックすると、<br>ずっと、<br>マウスへ行く。<br>もしGigaに触れたなら、大きさが1ずつ大きくなる。<br>もし、スクラッチキャットに触れたなら、大きさが50%になる。| 


#3. ヒント
<details>
<summary>**クリックして開く**</summary>
<div>

* [「もし～なら」の使い方](#「もし～なら」の使い方)
* [大きさの変え方](#大きさの変え方)
* [重要なブロック](#重要なブロック)

##「もし～なら」の使い方
「もし～なら」と、条件を指定できるブロックはこのように使います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/a3142d5d-6767-de95-7dae-f221f6737b24.png)
このブロックで囲まれた内容を実行する条件は、「もし」と「なら」の間にブロックを入れて指定します。
今回の場合は、何かに「触れたかどうか調べる」ブロックを入れます。

##大きさを見れる場所

大きさはここに表示されます。100％の大きさは100です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/c60a4b3d-1f3f-79d6-9ba4-6d563a5d97eb.png)
100％の大きさは100で表され、その値を変えれば大きさが変わります。

##重要なブロック

|                                                                                                                               |                              | 
| ----------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | 
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/4a560b88-7714-4b2d-1916-ee31bebc33f6.png)| 指定された条件の時に、これで囲んだブロックが動く   | 
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/244202fb-ace2-0e89-8e97-67548c71fa76.png)    | この場合、「Giga」に触れたかどうか調べる | 
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/924ed663-bf39-c7cd-0f3d-367ccc8e5070.png)| この場合、「スクラッチキャット」に触れたかどうか調べる　       | 
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/54b98336-6c3b-65b2-2a6b-cc006c4beba8.png)    | この場合、大きさを「1」ずつ変える   | 
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/4a4783f9-45b2-18c3-0149-f4ea679ad9d9.png)    | この場合、大きさを「50」%にする   | 

</div></details>

#4. 答え
<details>
<summary>**クリックして開く**</summary>
<div>

[**答えのページ**](https://scratch.mit.edu/projects/435216184/)で、画面右上の「中を見る」をクリックするとコードを見ることができます。

| スプライト                                                                                                                | コード                                                                                                                | 
| ------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | 
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/f0ad8db2-0eca-8363-b24a-1db32d439a3a.png) | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/709908/fdd6ef8b-4461-a961-6eb0-3c06b3ff9999.png) | 

</div></details>

#5. まとめ
スクラッチキャットの想いを届けるプログラムを作ることができたでしょうか？
このレッスンは、Scratchで下記の項目をプログラミングできるかどうかの確認問題でした。

* もし～なら
* 大きさをかえる
* もし～に触れたなら

これは、プログラム能力検定のレベル１の出題範囲です。

第一回を確認したい方は[**こちら**](https://qiita.com/vteacher/items/e53ce8ba30371f0c0fab)をクリックしてください。

それでは[**次のレッスン**](https://qiita.com/vteacher/items/c499ee5c28f99084d6e5)でお待ちしています！

※Scratchは、MITメディア・ラボのライフロング・キンダーガーテン・グループの協力により、Scratch財団が進めているプロジェクトです。[https://scratch.mit.edu]
(https://scratch.mit.edu) から自由に入手できます。