お絵かき×プログラミング！ビスケットでつくる水族館@praxiSpace

お絵かき×プログラミング！ ビスケットでつくる水族館 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0)

イベントのゴール Viscuit（ビスケット）をつかって、すいぞくかんをつくります。 1. プログラミングのじゅんび 2. さかなをおよがせる 3. さかなにえさをあげる 4. すいぞくかんをつくる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 2

プログラミングのじゅんび 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ● プログラムとは ● Viscuit（ビスケット） をひらく ● Viscuit（ビスケット） のがめん 3

プログラムとは コンピューターへの「めいれい」です。 プログラムをつくることを、プログラミングといいます。 ビスケットでは かいたキャラをうごかします 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 4

Viscuit（ビスケット）をひらく プログラムはViscuit（ビスケット）のサイトでつくります。 https://www.viscuit.com/ 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ［やってみる］>［おもちゃばこ］ 5

• https://www.viscuit.com/

Viscuit（ビスケット）のがめん プログラムをつくって、かいたキャラをうごかします。 がめんをかえる キャラをうごかす がめんを大きくする キャラをかく プログラムをつくる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 6

さかなをおよがせる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ● プログラミングのながれ ● さかなをかく ● すいそうにいれる ● さかなをうごかす ● やってみよう 7

プログラミングのながれ さかなをかいて、プログラミングします。 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ● さかなをかく ● さかなをすいそうにいれる ● さかなをうごかす 8

さかなをかく えんぴつボタンをおして、さかなをかきます。 ペンのいろ ペンのふとさ 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 9

すいそうにいれる さかなをすいそうにうごかします。 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 10

さかなをうごかす メガネのレンズにさかなをおきます。 左のものを右にかえるメガネ おなじさかなでも、ばしょが ずれるとうごいて見えます 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 11

やってみよう 口をひらいたさかなをふやします。 2. 3. 1. 口をひらいたさかなをかく 2. かいたさかなをすいそうにいれる 3. かいたさかなをおよがせる 1. 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 12

さかなにえさをあげる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ● プログラミングのながれ ● さかなの口をうごかす ● えさをおとす ● えさをたべさせる 13

プログラミングのながれ えさをおとして、さかながたべるプログラムをつくります。 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ● さかなの口をうごかす ● えさをおとす ● さかなにえさをたべさせる 14

さかなの口をうごかす さかなの口をひらいたり、とじたりします。 口をとじたさかなは口をひらく 口をひらいたさかなは口をとじる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 口をひらいたり とじたりを くりかえす 15

えさをおとす がめんをクリックして、えさを出します。 がめんを クリックする 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) クリックする えさが出る 16

えさをたべさせる えさと口をひらいたさかながならんだときに、えさをけします。 えさ、口をひらいたさかな がならぶ 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) えさがきえる 17

すいぞくかんをつくる ● 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) じゆうにつくる 18

じゆうにつくる じぶんだけのすいぞくかんをつくります。 たとえば… カニをあるかせる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) かいそうをゆらゆらさせる 19

おわりに 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) ● まとめ ● ふりかえり ● ごあんない 20

まとめ ビスケットをつかって、すいぞくかんのプログラムをつくりました。 さかなをおよがせる 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) さかなにえさをあげる 21

ふりかえり 学んだことをふりかえりましょう（1ふん） （れい） ● どんなところが、おもしろかった？ ● どんなところが、むずかしかった？ ● つぎは、どんなプログラムをつくりたい？ 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 22

保護者の方へのご案内 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 23

praxiSpaceのご紹介 学校教育・受験勉強から少し離れた役に立つ学びを提供しています。 （イベントの例） 区分 小学生 低学年 中学年 高学年 中学生～ イベントの一覧や中身を 知りたい方は、公開資料 をご覧ください。 プログラミ ングとIT 考える力、 伝える力 https://www.docswell.com/c/ a9b43222-f5bd-441b-864b -c6f35cd1d950 (注) 画像は過去のイベントです。 対象学年の区分は目安です。実際にはより広い学年を対象としています。 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 24

• https://www.docswell.com/c/a9b43222-f5bd-441b-864b-c6f35cd1d950

本資料の権利と留意事項 ［使用画像の出典］ 一部の画像は以下のサイトよりダウンロードして利用しています。 ● Loose Drawing https://loosedrawing.com/ ［本資料のライセンス］ ● ● 本資料は、株式会社まなび梯（以下「当社」）より、クリエイティブ・コモンズ・ライセンス（CC-BY 4.0）のもとに 提供されています。 本資料の一部の画像には、他の条件でライセンスされている第三者のコンテンツが含まれて います。 ［留意事項］ ● ● ● ● 本資料に掲載されている会社名、製品名などの固有名詞は、各団体の商標または登録商標です。 本資料に掲載されている製品名などには、必ずしも商標表示（™、®）を付記しておりません。 本資料の内容について正確な記述につとめましたが、当社は本資料の内容に対して何らかの保証をするものではあり ません。 本資料で得られた情報の使用から生じるいかなる損害についても、当社は責任を負わないものとします。 株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0) 25

• https://loosedrawing.com/
• https://creativecommons.org/licenses/by/4.0/deed.ja

株式会社まなび梯 Some Rights Reserved. (CC-BY 4.0)