【子ども向けハンズオン】ゲームで学ぼう、プログラミング！

Slide 1

Slide 1 text

【子ども向けハンズオン】ゲームで学ぼう、プログラミング！ 2017/10/29 Java女子部

Slide 2

Slide 2 text

名ふだ作成タイムテーブルにあるペンとシールで名ふだを作りましょう！ ※時間は5分です。

Slide 3

Slide 3 text

じこしょうかいタイム作った名ふだを見せながらグループ内でじこしょうかいしましょう！

Slide 4

Slide 4 text

1. はじめに 2. ハンズオン 1. チャットをしてみよう！ 2. へんすうを学ぼう！ 3. ざひょうを学ぼう！ 4. くりかえしを学ぼう！ 5. じょうけんを学ぼう！ 6. はいれつを学ぼう！ 3. まとめ ★もくじ★

Slide 5

Slide 5 text

はじめにプログラミングってなんだろう？

Slide 6

Slide 6 text

プログラミングとはきかい(コンピューター)にわかることば（プログラム）をかくこと

Slide 7

Slide 7 text

プログラミングとは日本語プログラムあしたのてんきは？ String parameter = city=70&day=”tomorrow"

Slide 8

Slide 8 text

世界から『プログラム』が消えたならスマホが使えない →電話やアプリ（LINE)が使えないのでれんらくをとるのが大変ゲームができない →楽しいことがすくなくなる他にもたくさんプログラムがあるからきょうみがあればどこに使われているかしらべてみよう！

Slide 9

Slide 9 text

今日のゴール ■ プログラムが何か知ろう ■ 作る楽しさ・おもしろさをたいけんしよう

Slide 10

Slide 10 text

Slide 11

Slide 11 text

チャットをしてみようチャットとは、インターネット上でたくさんの人と文字を入力して会話すること。

Slide 12

Slide 12 text

チャットをしてみようブラウザ(Chrome：クローム) をひらいてください

Slide 13

Slide 13 text

チャットをしてみよう

Slide 14

Slide 14 text

チャットをしてみようこの画面を「トップ画面」というのでおぼえておいてね！

Slide 15

Slide 15 text

チャットをしてみよう今日のスライドはここをクリックすると見れるよ！

Slide 16

Slide 16 text

チャットをしてみようクリック

Slide 17

Slide 17 text

チャットをしてみよう

Slide 18

Slide 18 text

チャットをしてみよう ①なまえを入れよう ②メッセージを入れよう ③「そうしん」ボタンをクリック

Slide 19

Slide 19 text

チャットをしてみようここにそうしんしたメッセージがひょうじされるよ！

Slide 20

Slide 20 text

チャットをしてみようほかの子がそうしんしたメッセージも見れるよ！

Slide 21

Slide 21 text

チャットをしてみよう ■ ハンズオン中の好きなときに　しつもんやかんそうをチャットで　そうしんしてみてね！ ※ちゅうい ■ ハンズオン中はチャット画面は閉じないでね！ ■ スマホからも使えるのでお父さんお母さんも　ぜひ使ってくださいね！

Slide 22

Slide 22 text

Slide 23

Slide 23 text

へんすうを学ぼう！トップ画面「モンスターをたおそう！」をクリック

Slide 24

Slide 24 text

へんすうを学ぼう！「START」クリックでゲームがはじまるよ！

Slide 25

Slide 25 text

へんすうを学ぼう！キーボードの「←」と「→」をおしてモンスターに近づこう！

Slide 26

Slide 26 text

へんすうを学ぼう！モンスターをたおそう！近づいたらキーボードの「スペース」をおしてモンスターをこうげきしよう！

Slide 27

Slide 27 text

へんすうを学ぼう！「もう一度遊ぶ」クリックでまた遊べるよ！「もう一度遊ぶ」クリックでまた遊べるよ！

Slide 28

Slide 28 text

へんすうを学ぼう！モンスターたおせたかな？

Slide 29

Slide 29 text

へんすうを学ぼう！「エディタをひらく」をクリック

Slide 30

Slide 30 text

へんすうを学ぼう！ ①「モンスターの体力＝」に「5」を入力 ②「へんこう」ボタンをクリック

Slide 31

Slide 31 text

へんすうを学ぼう！もういちどゲームをやってみよう！こんどはモンスターたおせたかな？

Slide 32

Slide 32 text

へんすうを学ぼう！へんすうとは、すうじや文字を入れるハコ。なまえをつけてわかりやすくできるよへんすうのなまえ

Slide 33

Slide 33 text

へんすうを学ぼう！あたい(値)をへんすうに一時的にほぞんすることを「代入」という。へんすうあたい

Slide 34

Slide 34 text

へんすうを学ぼう！ほかの「へんすう」のあたいをいろいろな数にかえてあそんでみよう！

Slide 35

Slide 35 text

時間がある人は「モンスターをよけよう！」でもあそんでみよう！へんすうを学ぼう！

Slide 36

Slide 36 text

へんすうを学ぼう！トップ画面「モンスターをよけよう！」をクリック

Slide 37

Slide 37 text

上下キー(↑↓)でくまを動かしてモンスターをよけてゴールまでたどりつこう！へんすうを学ぼう！モンスターの動きが早くてクリアできないばあいはあたいを小さくしてみよう！

Slide 38

Slide 38 text

Slide 39

Slide 39 text

「ざひょう」って何だろう？　　→画面の中の「場所」をあらわすもの。ざひょうを学ぼう！

Slide 40

Slide 40 text

ざひょうを学ぼう！

Slide 41

Slide 41 text

くまのいる場所をどうやって表す？ざひょうを学ぼう！

Slide 42

Slide 42 text

画面に「たて」「よこ」のマス目があると考えるよ。 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 よこたてざひょうを学ぼう！

Slide 43

Slide 43 text

1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 よこたてざひょうを学ぼう！

Slide 44

Slide 44 text

1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 よこたてざひょうを学ぼう！

Slide 45

Slide 45 text

1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 よこたてざひょうを学ぼう！「よこ５、たて5の場所にくまがいる」と表せられたね！

Slide 46

Slide 46 text

1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 よこたてざひょうを学ぼう！「よこ５、たて5の場所にくまがいる」と表せられたね！

Slide 47

Slide 47 text

トップ画面「ざひょうを数で見てみう！」をクリックざひょうを学ぼう！

Slide 48

Slide 48 text

「START」クリックでゲームがはじまるよ！ざひょうを学ぼう！

Slide 49

Slide 49 text

くまはクリックしているあいだいどうするよざひょうを学ぼう！

Slide 50

Slide 50 text

くまさんをうごかして、りんごをあつめよう！くまはクリックしているあいだいどうするよざひょうを学ぼう！

Slide 51

Slide 51 text

クリアできたかな？ざひょうを学ぼう！

Slide 52

Slide 52 text

あそびながら、くまの場所（ざひょう）もかくにんしよう。ざひょうを学ぼう！

Slide 53

Slide 53 text

トップ画面「だっしゅつしよう！」をクリックざひょうを学ぼう！

Slide 54

Slide 54 text

「START」クリックでゲームがはじまるよ！ざひょうを学ぼう！

Slide 55

Slide 55 text

ゴールざひょうを学ぼう！

Slide 56

Slide 56 text

ゴールやじるしキーを使って動かせるよ！ざひょうを学ぼう！

Slide 57

Slide 57 text

ゴール通れない。。。ざひょうを学ぼう！

Slide 58

Slide 58 text

キャラクターが一番はじめにいるざひょうを変更してみよう！動かせるはんいよこ：1〜20 たて：1〜20 ざひょうを学ぼう！

Slide 59

Slide 59 text

たとえばよこ：６　たて：１０の場所はここざひょうを学ぼう！

Slide 60

Slide 60 text

たとえばよこ：11　たて：5 の場所はここざひょうを学ぼう！

Slide 61

Slide 61 text

たとえばよこ：11　たて：5 の場所はここゴールに行くにはどの場所にいればいいかな？ざひょうを学ぼう！

Slide 62

Slide 62 text

ゴールにたどりつけたかな？ざひょうを学ぼう！

Slide 63

Slide 63 text

Slide 64

Slide 64 text

くりかえしとは、かいだんのぼるくりかえしを学ぼう！

Slide 65

Slide 65 text

くりかえしとは、すべるくりかえしを学ぼう！

Slide 66

Slide 66 text

くりかえしとは、もういっかい！くりかえしを学ぼう！

Slide 67

Slide 67 text

くりかえしとは、かいだんのぼるくりかえしを学ぼう！

Slide 68

Slide 68 text

くりかえしとは、すべるくりかえしを学ぼう！

Slide 69

Slide 69 text

くりかえしとは、もういっかい！くりかえしを学ぼう！

Slide 70

Slide 70 text

くりかえしとは、すべるもういっかい！かいだんのぼるくりかえしを学ぼう！

Slide 71

Slide 71 text

くりかえしを学ぼう！トップ画面「くりかえしを使って図を作ってみよう！」をクリック

Slide 72

Slide 72 text

クリック！くりかえしを学ぼう！

Slide 73

Slide 73 text

「３」を入れてみよう！くりかえしを学ぼう！

Slide 74

Slide 74 text

「へんこう」をクリック！くりかえしを学ぼう！

Slide 75

Slide 75 text

線が3回まがったかな？くりかえしを学ぼう！

Slide 76

Slide 76 text

「まがれ！」という命令を3回くりかえしたまがれ！まがれ！まがれ！くりかえしを学ぼう！

Slide 77

Slide 77 text

くりかえしでこいつをふやすこともできるぜ！どーんひとりぼっちなのくりかえしを学ぼう！

Slide 78

Slide 78 text

虫の絵を書くくりかえしを学ぼう！

Slide 79

Slide 79 text

ゲームに表示させる Timer: 6 あと1匹！くりかえしを学ぼう！

Slide 80

Slide 80 text

Timer: 6 あと1匹！もういっぴき表示したいな！くりかえしを学ぼう！

Slide 81

Slide 81 text

もういっぴき表示したいな！ Timer: 6 あと1匹！ゲームに表示させる虫の絵を書くくりかえしを学ぼう！

Slide 82

Slide 82 text

くりかえすことで、たくさん虫さんを作れるよ！くりかえしを学ぼう！

Slide 83

Slide 83 text

トップ画面「ふやした虫をけそう！」をクリックくりかえしを学ぼう！

Slide 84

Slide 84 text

ここに入れた数だけ虫さんがくりかえしによって作られるよ！くりかえしを学ぼう！

Slide 85

Slide 85 text

あそび方虫をクリックして１０秒以内に全部消せたらクリアくりかえしを学ぼう！

Slide 86

Slide 86 text

「START」をクリックでゲームスタート！！くりかえしを学ぼう！

Slide 87

Slide 87 text

くりかえしを学ぼう！全部消せたかな？

Slide 88

Slide 88 text

きゅうけい

Slide 89

Slide 89 text

Slide 90

Slide 90 text

じょうけんを学ぼう！じょうけんとは、ということ ○○したら ○○する

Slide 91

Slide 91 text

じょうけんってなんだろう？ ■ にちじょう生活だと雨がふったらかさをさすじょうけんを学ぼう！

Slide 92

Slide 92 text

じょうけんってなんだろう？ ■ ゲームだと敵にぶつかったらゲームオーバーじょうけんを学ぼう！

Slide 93

Slide 93 text

じょうけんを学ぼう！トップ画面「ゴールにたどりつこう！」をクリック

Slide 94

Slide 94 text

まずは「右」のままでやってみよう！じょうけんを学ぼう！

Slide 95

Slide 95 text

「START」をクリックでゲームスタート！！じょうけんを学ぼう！

Slide 96

Slide 96 text

じょうけんを学ぼう！かいだんまでたどり着けたかな？

Slide 97

Slide 97 text

今回のゲームでは、かべにあたったら右にまがる右じょうけんを学ぼう！

Slide 98

Slide 98 text

じょうけんを「左」に変えて、やってみよう！じょうけんを学ぼう！

Slide 99

Slide 99 text

じょうけんを学ぼう！「START」をクリックでゲームスタート！！

Slide 100

Slide 100 text

今度はかいだんまでたどり着けたかな？じょうけんを学ぼう！

Slide 101

Slide 101 text

今回のゲームでは、かべにあたったら左にまがる左じょうけんを学ぼう！

Slide 102

Slide 102 text

じょうけんを学ぼう！トップ画面「ぶたさんをじゆうにうごかそう！」をクリック

Slide 103

Slide 103 text

ぶたに当たったらゲームオーバーになるじょうけんを学ぼう！

Slide 104

Slide 104 text

じょうけんを学ぼう！

Slide 105

Slide 105 text

じょうけんを学ぼう！

Slide 106

Slide 106 text

はやさじょうけんを学ぼう！

Slide 107

Slide 107 text

大きさじょうけんを学ぼう！

Slide 108

Slide 108 text

じょうけんを学ぼう！「START」をクリックでゲームスタート！！

Slide 109

Slide 109 text

ゴールできたかな？じょうけんを学ぼう！

Slide 110

Slide 110 text

Slide 111

Slide 111 text

はいれつを学ぼう！へんすうには１つのあたいしか代入できない。

Slide 112

Slide 112 text

はいれつを学ぼう！ 1つのハコに 1つのおかし 1つじゃたりない！

Slide 113

Slide 113 text

はいれつを学ぼう！ふくすう入るハコを作ろう

Slide 114

Slide 114 text

はいれつを学ぼう！ふくすうのおかしを入れられた！

Slide 115

Slide 115 text

はいれつを学ぼう！１つのへんすうにふくすうのあたいを代入したい →「はいれつ」を使うおかし＝キャンディー、たいやき、ケーキ、チョコレート

Slide 116

Slide 116 text

はいれつを学ぼう！マップをクリックしてすきながぞうをえらぼう。クリック

Slide 117

Slide 117 text

はいれつを学ぼう！がぞうをえらんだら、おきたい場所をクリックしようクリック

Slide 118

Slide 118 text

はいれつを学ぼう！マップを作りおわったら「はいれつをかくにん」をクリックしよう。クリック

Slide 119

Slide 119 text

はいれつを学ぼう！よこのマス目は「,」で区切られているよ。

Slide 120

Slide 120 text

はいれつを学ぼう！マス目の場所とはいちしたがぞうの番号を確認してみよう。

Slide 121

Slide 121 text

はいれつを学ぼう！マップを作りおわったら「マス目のひょうじ」のチェックをはずそう。クリック

Slide 122

Slide 122 text

はいれつを学ぼう！マップがきれいに表示されるのでなまえをつけてほぞんしよう。 ②クリック ①マップのなまえをいれよう

Slide 123

Slide 123 text

はいれつを学ぼう！マップができたらとなりの子と見せあったりおかあさん、おとうさんにしゃしんをとってもらったりしよう！しゃしんは良かったらTwitterで #javajoを付けてつぶやいてください！ #sendaiitfes #s2910523

Slide 124

Slide 124 text

まとめ (きょうべんきょうしたこと) ■ プログラミングってなに？わかる人〜？

Slide 125

Slide 125 text

まとめ (きょうべんきょうしたこと) ■ プログラミングってなに？ ■ きかい(コンピューター)にわかることば(プログラム)をかくこと

Slide 126

Slide 126 text

プログラムは、きょうべんきょうした・へんすう・ざひょう・くりかえし・じょうけん・はいれつをくみあわせて作るよ。おさらいしてみよう。まとめ (きょうべんきょうしたこと)

Slide 127

Slide 127 text

まとめ (きょうべんきょうしたこと) ■ へんすう ■ へんこうできるあたいを入れるもの。 ■ れい：モンスターの体力 ■ ざひょう ■ 「場所」をあらわすかずのこと。 ■ れい：キャラクターのいち

Slide 128

Slide 128 text

■ くりかえし ■ おなじうごきをくりかえすこと。 ■ れい：何回も虫さんを作る ■ じょうけん ■ 何かがおこるきっかけのこと。 ■ れい：くまさんがぶたさんに当たったらゲームオーバーになるまとめ (きょうべんきょうしたこと)

Slide 129

Slide 129 text

■ はいれつ ■ １つのへんすうにふくすうのあたいを代入するためのいれもの。 ■ れい：たくさんのがぞうがならんでいるマップまとめ (きょうべんきょうしたこと)