![【徹底解説】初めてのビスケットプログラミング①](https://meetblog.net/wp-content/uploads/2021/02/sweets_biscuit.png)
これからビスケットプログラミングをはじめる人向け。
ここでは、実際にビスケット画面を使ってプログラミングを作成していきます。
現役のITエンジニアがビスケットプログラミングをていねいな説明で解説していきます。
どこのサイトよりもていねいな説明をこころがけて、さらにユーモアをもって説明いたします。
目次
1.初めてのビスケットプログラミング①
![【徹底分析】初めてのスクラッチプログラミング](https://meetblog.net/wp-content/uploads/2021/02/kid_job_boy_teacher.png)
ビスケットって美味しいそうな名前ですが、日本人の原田康徳(はらだやすのり)さんが作ったプログラミング言語です。
では、初めてのビスケットプログラミングの始まりです。
2.ビスケットの画面を開こう
![【徹底分析】初めてのスクラッチプログラミング](https://meetblog.net/wp-content/uploads/2021/02/computer_man4_laugh-1.png)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
これから、あなたにはビスケットのプロになってもらいます。
その第一歩になります。しっかりついてきてください。
これから、自分でかいた、たまごの絵を使って【たまごをクリックしたらたまごがわれる】というプログラムを作ります。
![がんばる君](https://meetblog.net/wp-content/uploads/2021/02/pose_necchuu_computer_man.png)
ビスケットのプロ目指してがんばります!!
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
それでは、さっそくビスケットのウェブページを開きましょう
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
①「あそぶ」をクリック
②「やってみる」をクリック
![](https://meetblog.net/wp-content/uploads/2021/02/image-26-1024x191.jpg)
![](https://meetblog.net/wp-content/uploads/2021/02/image-26-1024x657.png)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「はらっぱ」か「じゆうちょう」のどちらで作るかを選びます。
①「はらっぱ」はみんなが見れる場所にほぞんしたいとき
②「じゆうちょう」は自分のパソコンだけが見れる場所に自動保存されます。
今回はみんなが見れる場所にほぞんするため「はらっぱ」で作ります
![](https://meetblog.net/wp-content/uploads/2021/02/image-27.png)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
①「なまえ」をクリックすると、へんこうができます。自分の名前にしましょう。
②「OK」ボタンで、表示が変わります。自分のパソコンで開いた時には、この名前になります。
![](https://meetblog.net/wp-content/uploads/2021/02/image-29-2.jpg)
![](https://meetblog.net/wp-content/uploads/2021/02/image-29.png)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「なまえ」の右の「人マーク」は、グーグルアカウントボタンです。
グーグルアカウントにログインしておくと、他のパソコンで同じアカウントでログインしたときに、自分の「なまえ」と「じゆうちょう」になります。
ここでは、グーグルアカウントでのログインはしませんが、アカウントを持っている方は、是非ログインしてみてください。
ログインしなくても問題ありません。
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「はらっぱ」を選ぶと「みどり」「ぴんく」「おれんじ」「あお」の本が大きくひょうじされますので、好きな色を選んでください
ここでは、「みどり」の本をえらびます
![](https://meetblog.net/wp-content/uploads/2021/02/image-30-2-1024x465.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
本を選んだら、「えんぴつボタン」をクリックして、せい作画面を開きます。点々のボタンは、ほぞんしたデータを開くときに使います。
![](https://meetblog.net/wp-content/uploads/2021/02/image-30-3-1024x459.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「じゆうちょう」のときは作品に番号がついてほぞんされます。
つくり方は同じですので、どちらを使ってもかまいません
![がんばる君](https://meetblog.net/wp-content/uploads/2021/02/pose_necchuu_computer_man.png)
画面が変わりました!
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
プログラミングする「せい作画面」が出ました。
ここで、せい作画面の説明をしておきます
![](https://meetblog.net/wp-content/uploads/2021/02/image-30-4-1024x462.jpg)
3.たまごをさわるとたまごがわれる
3.1 たまごとわれたたまごの絵をかく
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
まずプログラムに使う、たまごの絵をかきましょう。
「えんぴつボタン」をクリックしてください
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-1024x463.jpg)
![がんばる君](https://meetblog.net/wp-content/uploads/2021/02/pose_necchuu_computer_man.png)
また画面が変わりました
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
これは「お絵かき画面」で、プログラムで使う絵をかくところです。画面の説明をします
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-1-1024x440.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
それでは、色と黒に、線を細くして、たまごの絵をかいてみましょう。
![](https://meetblog.net/wp-content/uploads/2021/02/image-34-1024x468.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
たまごの絵を描いていて、描き直したい場合は、右下の「もどるボタン」をクリックします。
うまくかけたら、左下の「まるボタン」でほぞんしましょう。
①クリックしてほぞんする
②もどるボタン
③かいた絵はここに出る
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-4-1024x461.jpg)
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-5-1024x462.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
つぎは、われたたまごを描きます。また「えんぴつボタン」をクリックしてください。
先ほどかいたたまごの絵を、下絵にしてかきます。
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
①先ほどかいたたまごをクリック
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-6-1024x463.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
②うすく、下絵がでる
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-7-1024x461.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
③下絵のたまごにあわせて、われたたまごをかく
④クリックしてほぞんする
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-8-1024x463.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
⑤ほぞんした絵がここにでる
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-9-1024x461.jpg)
3.2 たまごをさわるとわれるプログラム
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
ここから、「たまごをさわるとわれる」プログラミングをします。
まず、部品置き場にある、さきほどかいた、たまごの絵を、クリックしたままステージまで持ってきてはなします。
同じようにして、いくつかのたまごをステージにならべます。ここでは6こならべます。
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-10-1024x459.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
つぎに、部品置き場のめがねを、めがね置き場に置いてください
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-11-1024x462.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
部品置き場の、われていないたまごをめがねの左側に入れてください。
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-12-1024x462.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
つぎに、われたたまごをめがねの右側に、うすくうつったたまごに重ねるようにして、入れてください
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-13-1024x462.jpg)
![がんばる君](https://meetblog.net/wp-content/uploads/2021/02/pose_necchuu_computer_man.png)
ステージのたまごが全部われました!
すごい楽しいです!
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
そうですね。ビスケットでは、左の絵を右の絵に変えるという命令をしてます。
こんどは、すぐにわれずに、たまごをさわる(クリックする)と、われるようにしてみましょう。
部品置き場の「指マーク」を、めがねの左側にあるたまごに、ちょうど重なるようにして入れてください
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「指マーク」がたまごと重なるようにする。「指マーク」は、「さわる」(クリックする)という、じょうけんをあらわす命令になります。
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-14-1024x461.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「さわる」という動きを確認するには、プログラムを実行する画面(あそぶ画面)に切りかえます。
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-15-1024x459.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
部品置き場の四角いボタン(あそぶボタン)をクリックしてください。たまごをクリックすると、われますか?
![](https://meetblog.net/wp-content/uploads/2021/02/image-31-1024x460.png)
![](https://meetblog.net/wp-content/uploads/2021/02/image-32-1024x460.jpg)
![がんばる君](https://meetblog.net/wp-content/uploads/2021/02/pose_necchuu_computer_man.png)
はい、クリックしたたまごだけがわれるようになりました!
すごく楽しいです!!
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
バツボタンでもどる
![](https://meetblog.net/wp-content/uploads/2021/02/image-32-1-1024x465.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
さすがです。ここまでよくがんばりました!
4.プログラム(作品)の保存とこう新方法
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「はらっぱ」で作ったプログラム(作品)は、ほぞんしてまた呼び出すことができます。
4.1 「はらっぱ」で作った作品をほぞんするには
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
画面右上の「送るボタン」クリック
![](https://meetblog.net/wp-content/uploads/2021/02/image-32-2-1024x463.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
画面がうすくなり、〇✖ボタンだけになるので、〇をクリックすると、ほぞんされます
✖をクリックされるとほぞんされません
![](https://meetblog.net/wp-content/uploads/2021/02/image-32-3-1024x460.jpg)
4.2 ほぞんした作品を呼び出すには
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
ほぞんされた作品がある場所を見に行くには、「はらっぱ」でいろを選んだ画面で、「えんぴつボタン」の右にある「点々ボタン」をクリックします
![](https://meetblog.net/wp-content/uploads/2021/02/image-32-4-1024x459.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
作品は新しい順番に並びますが、日別にほぞん先が分かれています。
ほぞんした日付のボタンをクリックしてください。
前の画面にもどるには、「×ボタン」をクリックします
![](https://meetblog.net/wp-content/uploads/2021/02/image-32-1024x461.png)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
自分の作品が見つかったら、画像をクリックしてください
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
ここでは、友達と自分の作った作品を共有することができます。また、他の人の作品を体験することもできます。
![がんばる君](https://meetblog.net/wp-content/uploads/2021/02/pose_necchuu_computer_man.png)
ほくの作った画面がありました!1641という番号でした!ここにほぞんすると、他のひとにもみれるのですね。友達にもぜひみせてあげたいです。
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
自分の作品が見つかったら、画像をクリックしてください
![](https://meetblog.net/wp-content/uploads/2021/02/image-33-1-1024x462.jpg)
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
ほぞんしていた作品が、あそぶ画面で開きます。
修正するときは、えんぴつボタンでせい作画面へ行き、
修正したらもう一度ほぞんします。
前の画面にもどるには、「×ボタン」をクリックします
![](https://meetblog.net/wp-content/uploads/2021/02/image-33-1024x459.png)
4.3 呼び出してこうしんした作品のほぞん場所について
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「はらっぱ」では、ほぞんした作品を呼び出して、へんこうした内容を、またほぞんすると、新しい作品として、新しい場所にほぞんされます。へんこうする前の作品も、そのまま残っています。
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
「じゆうちょう」で自動ほぞんされた作品は、へんこうすると上書きほぞんされて、へんこうする前のプログラムはなくなります
![プログラミングのプロ](https://meetblog.net/wp-content/uploads/2021/02/businessman_dekiru.png)
以上で、今日の授業は終わりです。
次の授業は下記リンクからどうぞ。