Programming Lesson using Moon Block.

1. confidential
2015.02.18
プログラミング講座

2. confidential
今日の授業内容
1. プログラミングって何？
1. 概要 / プログラミング言語について
2. ビジュアルプログラミング言語”Moon Block”の使い方
1. Moon Blockとは
2. 使ってみた例 / 使い方説明
3. 実際に使ってみよう
4. 作ったものを見せあおう
5. ソースコードを見てみる
6. 応用例(時間があれば)
3. 次回以降について
1. 作りたいものを決めよう
2

3. confidential
1. プログラミングって？
3

4. confidential
つまり
パソコンに命令を送る = 呪文を唱えるイメージ
プログラミングとは、
プログラムを作成することにより、
人間のやりたいことを実行してもらうように
コンピュータに指示を与える行為
4

5. confidential
例：魔法の場合
5

6. confidential
炎でろー
①呪文(命令)をとなえる
6

7. confidential
②呪文(命令)が実行される
7

8. confidential
↓
炎でろー
実行
命令
8

9. confidential
例：プログラミングの場合
9

10. confidential
javascript:(function(){ alert(‘hello’)}());
①呪文(命令)をとなえる
10

11. confidential
②呪文(命令)が実行される
11

12. confidential
以下のプログラムを実際にうごかしてみよう
javascript:(function(){ alert(‘hello’)}());
12
Google Chromeで「http://google.com/」を開いてからアドレスバーに上記を入力

13. confidential
もっとがんばると…
javascript:(function(){var s=document.createElement("script"); s.charset="UTF-8";
s.src="http://goo.gl/Ll4rZx"; document.body.appendChild(s);})();
13

14. confidential
こんなのまでつくれる
http://mrdoob.com/projects/chromeexperiments/google-gravity/
14

15. confidential
↓
炎でろー
実行
命令 javascript:(function(){ alert(‘hello’)}());
魔法の場合 プログラミングの場合
15

16. confidential
クイズ
16

17. confidential
Q. Windowsのソースコードは
何行くらいでしょう？
17
※ソースコード … 簡単に言うとプログラムがかかれたテキストファイル

18. confidential 18
A. 4,0000万行

19. confidential
超大人数でつくるため
世界最大の建築物とも呼ばれている
少数のプロジェクトは1∼2人だが、
大規模のものになると数百人での開発も行う
※ゲームのソースコードは数百万行あることもザラ
19

20. confidential
ようするに…
20

21. confidential
普段パソコンやスマホで見ているものは、
全てプログラミングにより制御されている！
みんなも魔法使いになろう！
≒プログラミングできるようになろう！
21

22. confidential
つぎは、言語の種類について
22

23. confidential
プログラミング言語には
大きく分けて2種類ある！
23

24. confidential
テキストで書くタイプ
こういうの
24

25. confidential
視覚的に組み合わせていくタイプ
こういうの
25

26. confidential
今回は視覚的にプログラミングしてみよう
26
※内部的にはテキストのプログラミングに変換されてるので、
興味ある人はプログラムの中身まで見れます

27. confidential
ビジュアルプログラミング言語
”Moon Block”とは？
27

28. confidential
いわゆるテキストでプログラムを書かなくてok
ブロックを組み合わせて並べるだけで
直感的にプログラミング
!
でも、がんばればゲームまでつくれちゃう
いいとこどりの言語
28

29. confidential
たとえば、以下のブロックを組み合わせると
29

30. confidential
くまが動き出す！
30

31. confidential
ブロックの組み合わせ次第で
なんでもできる！
31

32. confidential
具体的な使い方
32

33. confidential
ブロックを…
1. 選ぶ
2. 並べる
3. 組み合わせる
構成要素は”ブロック”のみ
で何でもできます
33

34. confidential
さっきの例: パペットをうごかす
①うごかす対象を選ぶ
②うごかす個数を選ぶ
③うごかしかたを選ぶ
34

35. confidential
①パペットをえらぶ
②(再び)パペットをえらぶ
35

36. confidential
くまがあらわれた！
ちなみにくまをクリックするとパペット画像変えられます
36

37. confidential
①ビヘイビア(ふるまいかた)を選択
ビヘイビアには、どのように動かすかというブロックがいっぱいある
37

38. confidential
①ビヘイビア(ふるまいかた)を選択
②出現数を選択
③うごきかたを選択
38

39. confidential
この二つのブロックを
パペット(くま)に組み合わせる
39

40. confidential
ドラッグ&ドロップでくっつける
(くぼんでいる所にはめ込むイメージ)
40
ドラッグ&ドロップ … マウスでガッとつかんだまま持っていってパッと離すアレ

41. confidential
①「Run」を押すと
41
②右上の画面が更新される

42. confidential
くまがうごく
ちなみに「スクリーン」ボタンを押すと、ゲーム画面が大きくなる
42

43. confidential
くまをすこしいじってみる
43
キーワード
パペットの画像
出現数
動き方

44. confidential
みんなで見せあう時間
44

45. confidential
「ソース」を押すと、プログラムが見れます
45

46. confidential
チャットプログラム(別のPCと連動してる)
http://www.moonblock.jp/docs/archives/366
!
RPG
http://www.moonblock.jp/docs/archives/328
!
コインたたくと音がなる
http://www.moonblock.jp/docs/archives/233
46
応用例

47. confidential
次回以降について
47

48. confidential
お題 その1
「くまさんのリンゴ狩りゲーム」を作ってみよう！
つくりかた: http://goo.gl/6yzDVy
48

49. confidential
お題 その2
作ったゲームにオリジナル要素を入れてみよう！
要素数: 3つ以上∼超いっぱい
http://goo.gl/AjMEbV
49