Go to Qiita Advent Calendar 2024 Top
LoginSignup
14
22

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

@hidenori-t

『10才からはじめるプログラミング図鑑』のコード

Last updated at Posted at 2017-09-02

『10才からはじめるプログラミング図鑑』 という本がとても良い本だったので，
この本で学ぶ子供，親向けに，Python と JavaScript のコードを写経する．
詰んだ時などに参考にしてもらえたら嬉しい．

ちなみに，表紙の見た目からは，スクラッチとPythonの入門書に見えるが，
それ以外にも，

  • 論理ゲート (pp.186-187)
  • プロセッサとメモリ (pp.188-189)
  • コンパイラとインタプリタ (p.191)
  • インターネットのポート (p.195)
  • スマートフォンのアプリの説明 (pp.206-207)
  • JavaScript (pp.208-211)
  • Raspberry Pi, Arduino (p.214)

等についてもわかりやすく書かれていて驚いた．10才のころに読みたかったし，この本から学ぶことができる子供達がとても羨ましい．もちろん，ステマではない．

では早速，写経する．

3 パイソンで遊ぼう

プロジェクト4 : ゆうれいゲーム

ゆうれいゲーム.py
# p.96 ゆうれいゲーム
# Ghost Game

from random import randint
print('ゆうれいゲーム')
feeling_brave = True
score = 0
while feeling_brave:
    ghost_door = randint(1, 3)
    print('ドアが3つある。')
    print('そのうち1つのドアの向こうにゆうれいがいる。')
    print('さあ、何番のドアを開ける?')
    door = input('1、2、それとも3?')
    door_num = int(door)
    if door_num == ghost_door:
        print('ゆうれいだ!')
        feeling_brave = False
    else:
        print('ゆうれいはいなかった!')
        print('となりの部屋に入れたよ。')
        score = score + 1
print('逃げろ!')
print('ゲームオーバー! スコアは', score, 'です。')

分岐

# p.121 いくつかの処理のうち1つを選ぶ

a = int(input('a = '))
b = int(input('b = '))
op = input('たす/ひく/かける/わる:')
if op == 'たす':
    c = a + b
elif op == 'ひく':
    c = a - b
elif op == 'かける':
    c = a * b
elif op == 'わる':
    c = a / b
else:
    c = 'エラー'
print('答え = ',c)

パイソンでのくり返し

# p.122 パイソンでのくり返し

from turtle import *
forward(100)
right(120)
forward(100)
right(120)
forward(100)
right(120)

for i in range(3):
    forward(100)
    right(120)

# p.123 入れ子構造 (ネスティング)のループ

n = 3
for a in range(1, n + 1):
    for b in range(1, n + 1):
        print(b, 'x', a, '=', b * a)

関数

# p.130 関数の作り方とよび出し方

def greeting():
    print('こんにちは!')

greeting()

# p.131 関数にデータをわたす

def height(m, cm):
    total = (100 * m) + cm
    print(total, 'センチの高さだね')

height(1,45)

# p.131 関数からデータを返す

def num_input(prompt):
    typed = input(prompt)
    num = int(typed)
    return num

a = num_input('a を入力して下さい')
b = num_input('b を入力して下さい')
print('a + b =', a + b)

プロジェクト5 : 自動作文マシン

# pp.132-133 自動作文マシン

# 文章を自動的に作る
name = ['タカシが', 'ニュートンが', 'パスカルが']
noun = ['ライオンを', '自転車を', '飛行機を']
verb = ['買う', '乗り回す', 'たたく']

from random import randint
def pick(words):
    num_words = len(words)
    num_picked = randint(0, num_words - 1)
    word_picked = words[num_picked]
    return word_picked

print(pick(name), pick(noun), pick(verb), end='。\n')

#  文章を作り続ける
while True:
    print(pick(name), pick(noun), pick(verb), end='。\n')
    input()

プロジェクト6 : 作図マシン

# p.140

from turtle import *
reset()
left(90)
forward(100)
right(45)
forward(70)
right(90)
forward(70)
right(45)
forward(100)
right(90)
forward(100)

関数「turtle_controller」

# p.142
from turtle import *

def turtle_controller(do, val):
    do = do.upper()
    if do == 'F':
        forward(val)
    elif do == 'B':
        backward(val)
    elif do == 'R':
        right(val)
    elif do == 'L':
        left(val)
    elif do == 'U':
        penup()
    elif do == 'D':
        pendown()
    elif do == 'N':
        reset()
    else:
        print('不明な命令がありました')

turtle_controller('F' , 100)
turtle_controller('R' , 90)
turtle_controller('F' , 50)

関数「string_artist」を作る

# p.144 
program = 'N-L90-F100-R45-F70-R90-F70-R45-F100-R90-F100'
cmd_list = program.split('-')
cmd_list

次のソースコードを142ページのソースコードの下に続けて書こう．

def string_artist(program):
    cmd_list = program.split('-')
    for command in cmd_list:
        cmd_len = len(command)
        if cmd_len == 0:
            continue
        cmd_type = command[0]
        num = 0
        if cmd_len > 1:
            num_string = command[1:]
            num = int(num_string)
        print(command, ':', cmd_type, num)
        turtle_controller(cmd_type, num)

# p.145
string_artist('N-L90-F100-R45-F70-R90-F70-R45-F100-R90-F100')

ユーザー用の入力画面を作る

142ページと144ページのソースコードに続けて入力してね．

# p.146
instructions = '''タートルへの指示を入力して下さい:
例　F100-R45-U-F100-L45-D-F100-R90-B50
N = 新しくかき始める
U/D = ペンを下げる / 上げる
F100 = 前方へ100歩進む
B50 = 後方へ50歩進む
R90 = 右へ90度回転する
L45 = 左へ45度回転する'''
screen = getscreen()
while True:
    t_program = screen.textinput('作図マシン', instructions)
    print(t_program)
    if t_program == None or t_program.upper() == 'END':
        break
    string_artist(t_program)

# p.147
N-L90-F100-R45-F70-R90-F70-R45-F100-R90-F100-
B10-U-R90-F10-D-F30-R90-F30-R90-F30-R90-F3

ちなみに，プロジェクト6 : 作図マシン のコードを続けて書くと

# p.142 関数「turtle_controller」
from turtle import *
def turtle_controller(do, val):
    do = do.upper()
    if do == 'F':
        forward(val)
    elif do == 'B':
        backward(val)
    elif do == 'R':
        right(val)
    elif do == 'L':
        left(val)
    elif do == 'U':
        penup()
    elif do == 'D':
        pendown()
    elif do == 'N':
        reset()
    else:
        print('不明な命令がありました')

# p.144 関数「string_artist」を作る
def string_artist(program):
    cmd_list = program.split('-')
    for command in cmd_list:
        cmd_len = len(command)
        if cmd_len == 0:
            continue
        cmd_type = command[0]
        num = 0
        if cmd_len > 1:
            num_string = command[1:]
            num = int(num_string)
        print(command, ':', cmd_type, num)
        turtle_controller(cmd_type, num)

# p.146 ユーザー用の入力画面を作る
instructions = '''タートルへの指示を入力して下さい:
例　F100-R45-U-F100-L45-D-F100-R90-B50
N = 新しくかき始める
U/D = ペンを下げる / 上げる
F100 = 前方へ100歩進む
B50 = 後方へ50歩進む
R90 = 右へ90度回転する
L45 = 左へ45度回転する'''
screen = getscreen()
while True:
    t_program = screen.textinput('作図マシン', instructions)
    print(t_program)
    if t_program == None or t_program.upper() == 'END':
        break
    string_artist(t_program)

バグとデバッグ

# p.148

top_num = 5
total = 0
for n in range(top_num):
    total = total + n
print('1から', top_num, 'までの合計は', total)

# p.149

top_num = 5
total = 0
for n in range(top_num):
    total = total + n
    print('デバッグ: n=', n, 'total=', total)
    input()
print('1から', top_num, 'までの合計は', total)

# p.149

top_num = 5
total = 0
for n in range(1, top_num + 1):
    total = total + n
    print('デバッグ: n=', n, 'total=', total)
    input()
print('1から', top_num, 'までの合計は', total)

ウィンドウを作る

# p.154　かんたんなウィンドウ
from tkinter import *
window = Tk()

# p.154　ウィンドウにボタンを足す

from tkinter import *
def bAaction():
    print('ありがとう!')
def bBaction():
    print('いたい!ひどいじゃないか!')
window = Tk()
buttonA = Button(window, text='押して!', command=bAaction)
buttonB = Button(window, text='押さないでよ!', command=bBaction)
buttonA.pack()
buttonB.pack()

# p.155　サイコロをふる

from tkinter import *
from random import randint
def roll():
    text.delete(0.0, END)
    text.insert(END, str(randint(1, 6)))
window = Tk()
text = Text(window, width=1, height=1)
buttonA = Button(window, text='ここを押してサイコロをふろう', command=roll)
text.pack()
buttonA.pack()

色と座標

# p.157
from random import *
from tkinter import *
size = 500
window = Tk()
canvas = Canvas(window, width=size, height=size)
canvas.pack()
while True:
    col = choice(['pink', 'orange', 'purple', 'yellow'])
    x0 = randint(0, size)
    y0 = randint(0, size)
    d = randint(0, size/5)
    canvas.create_oval(x0, y0, x0 + d, y0 + d,  fill=col)
    window.update()

図形をかく

# p.158 基本的な図形をかく
>>> from tkinter import *
>>> window = Tk()
>>> drawing = Canvas(window, height=500, width=500)
>>> drawing.pack()
>>> rect1 = drawing.create_rectangle(100, 100, 300, 200)
>>> square1 = drawing.create_rectangle(30, 30, 80, 80)
>>> oval1 = drawing.create_oval(100, 100, 300, 200)
>>> circle1 = drawing.create_oval(30, 30, 80, 80)

# p.158 座標を使ってかく
>>> drawing.create_rectangle(50, 50, 250, 350)

# p.159 図形に色をつける
>>> drawing.create_oval(30, 30, 80, 80, outline='red', fill='blue')

# p.159 エイリアンをかこう

from tkinter import *
window = Tk()
window.title('エイリアン')
c = Canvas(window, height=300, width=400)
c.pack()
body = c.create_oval(100, 150, 300, 250, fill='green')
eye = c.create_oval(170, 70, 230, 130, fill='white')
eyeball = c.create_oval(190, 90, 210, 110, fill='black')
mouth = c.create_oval(150, 220, 250, 240, fill='red')
neck = c.create_oval(200, 150, 200, 130)
hat = c.create_polygon(180, 75, 220, 75, 200, 20, fill='blue')

グラフィックスを変化させる

# p.160 図形を動かす
>>> c.move(eyeball, -10,0)
>>> c.move(eyeball, 10,0)

p.159 のソースコードに続けて入力してね．

# 色を変えてみる
def mouth_open():
    c.itemconfig(mouth, fill='black')
def mouth_close():
    c.itemconfig(mouth, fill='red')

>>> mouth_open()
>>> mouth_close()

p.160 のソースコードに続けて入力してね．

# p.161 図形をかくす
def blink():
    c.itemconfig(eye, fill='green')
    c.itemconfig(eyeball, state=HIDDEN)
def unblink():
    c.itemconfig(eye, fill='white')
    c.itemconfig(eyeball, state=NORMAL)

>>> blink()
>>> unblink()

# p.161 しゃべらせる
words = c.create_text(200, 280, text='私はエイリアンだ!')
def steal_hat():
    c.itemconfig(hat, state=HIDDEN)
    c.itemconfig(words, text='ぼうしをかえしてよ!')

>>> steal_hat()

イベントに反応する

# p.162 マウスのイベント

window.attributes('-topmost', 1)
def burp(event):
    mouth_open()
    c.itemconfig(words, text='げっぷ!')
c.bind_all('<Button-1>', burp)

# p.163 キーボードのイベント

def blink2(event):
    c.itemconfig(eye, fill='green')
    c.itemconfig(eyeball, state=HIDDEN)
def unblink2(event):
    c.itemconfig(eye, fill='white')
    c.itemconfig(eyeball, state=NORMAL)
c.bind_all('<KeyPress-a>', blink2)
c.bind_all('<KeyPress-z>', unblink2)

# p.163 キーの操作で動かす

def eye_control(event):
    key = event.keysym
    if key == "Up":
        c.move(eyeball, 0, -1)
    elif key == "Down":
        c.move(eyeball, 0, 1)
    elif key == "Left":
        c.move(eyeball, -1, 0)
    elif key == "Right":
        c.move(eyeball, 1, 0)
c.bind_all('<Key>', eye_control)

プロジェクト6 : せん水かんゲーム

# p.165 ウィンドウとせん水かんを作る

from tkinter import *
HEIGHT = 500
WIDTH = 800
window = Tk()
window.title('せん水かんゲーム')
c = Canvas(window, width=WIDTH, height=HEIGHT, bg='darkblue')
c.pack()

ship_id = c.create_polygon(5, 5, 5, 25, 30, 15, fill='red')
ship_id2 = c.create_oval(0, 0, 30, 30, outline='red')
SHIP_R = 15
MID_X = WIDTH / 2
MID_Y = HEIGHT / 2
c.move(ship_id, MID_X, MID_Y)
c.move(ship_id2, MID_X, MID_Y)

# p.166 せん水かんを動かす

SHIP_SPD = 10
def move_ship(event):
    if event.keysym == 'Up':
        c.move(ship_id, 0, -SHIP_SPD)
        c.move(ship_id2, 0, -SHIP_SPD)
    elif event.keysym == 'Down':
        c.move(ship_id, 0, SHIP_SPD)
        c.move(ship_id2, 0, SHIP_SPD)
    elif event.keysym == 'Left':
        c.move(ship_id, -SHIP_SPD, 0)
        c.move(ship_id2, -SHIP_SPD, 0)
    elif event.keysym == 'Right':
        c.move(ship_id, SHIP_SPD, 0)
        c.move(ship_id2, SHIP_SPD, 0)
c.bind_all('<Key>', move_ship)

# p.167 「あわ」を用意する

from random import randint
bub_id = list()
bub_r = list()
bub_speed = list()
MIN_BUB_R = 10
MAX_BUB_R = 30
MAX_BUB_SPD = 10
GAP = 100
def create_bubble():
    x = WIDTH + GAP
    y = randint(0, HEIGHT)
    r = randint(MIN_BUB_R, MAX_BUB_R)
    id1 = c.create_oval(x - r, y - r, x + r, y + r, outline='white')
    bub_id.append(id1)
    bub_r.append(r)
    bub_speed.append(randint(1, MAX_BUB_SPD))

# p.168 あわを動かす

def move_bubbles():
    for i in range(len(bub_id)):
        c.move(bub_id[i], -bub_speed[i], 0)

from time import sleep, time
BUB_CHANCE = 10
# メインのループ
while True:
    if randint(1, BUB_CHANCE) == 1:
        create_bubble()
    move_bubbles()
    window.update()
    sleep(0.01)

def get_coords(id_num):
    pos = c.coords(id_num)
    x = (pos[0] + pos[2])/2
    y = (pos[1] + pos[3])/2
    return x, y

# p.169 あわをわる方法

def del_bubble(i):
    del bub_r[i]
    del bub_speed[i]
    c.delete(bub_id[i])
    del bub_id[i]

def clean_up_bubs():
    for i in range(len(bub_id) -1, -1, -1):
        x, y = get_coords(bub_id[i])
        if x < -GAP:
            del_bubble(i)
  • 10 のコードは省略しました．
# p.170 2つの点の間の距離をはかる

from math import sqrt
def distance(id1, id2):
    x1, y1 = get_coords(id1)
    x2, y2 = get_coords(id2)
    return sqrt((x2 - x1)**2 + (y2 - y1)**2)

# あわをわる

def collision():
    points = 0
    for bub in range(len(bub_id)-1, -1, -1):
        if distance(ship_id2, bub_id[bub]) < (SHIP_R + bub_r[bub]):
            points += (bub_r[bub] + bub_speed[bub])
            del_bubble(bub)
    return points
  • 13 のコードは省略しました．
# p.172 ゲームを完成させる

c.create_text(50, 30, text='タイム', fill='white' )
c.create_text(150, 30, text='スコア', fill='white' )
time_text = c.create_text(50, 50, fill= 'white' )
score_text = c.create_text(150, 50, fill='white')
def show_score(score):
    c.itemconfig(score_text, text=str(score))
def show_time(time_left):
    c.itemconfig(time_text, text=str(time_left))

from time import sleep, time
BUB_CHANCE = 10
TIME_LIMIT = 30 # P.172
BONUS_SCORE = 1000 # P.172
score = 0 # p.171
bonus = 0 # P.172
end = time() + TIME_LIMIT  # P.172

# p.173

# メインのループ
while time() < end: # P.173
    if randint(1, BUB_CHANCE) == 1:
        create_bubble()
    move_bubbles()
    clean_up_bubs()  # p.169
    score += collision()  # p.171
    if (int(score / BONUS_SCORE)) > bonus:  # p.173
        bonus += 1  # p.173
        end += TIME_LIMIT  # p.173
    show_score(score)  # p.173
    show_time(int(end - time()))  # p.173
    window.update()
    sleep(0.01)

# p.173
c.create_text(MID_X, MID_Y, \
    text='ゲームオーバー', fill='white', font=('Helvetica', 30))
c.create_text(MID_X, MID_Y + 30, \
              text='スコア'+ str(score),  fill='white')
c.create_text(MID_X, MID_Y + 45,
              text='ボーナスタイム' + str(bonus*TIME_LIMIT),  fill='white')

これで完成です．
下記は完成したプログラムです．

# p.165 ウィンドウとせん水かんを作る

from tkinter import *
HEIGHT = 500
WIDTH = 800
window = Tk()
window.title('せん水かんゲーム')
c = Canvas(window, width=WIDTH, height=HEIGHT, bg='darkblue')
c.pack()

ship_id = c.create_polygon(5, 5, 5, 25, 30, 15, fill='red')
ship_id2 = c.create_oval(0, 0, 30, 30, outline='red')
SHIP_R = 15
MID_X = WIDTH / 2
MID_Y = HEIGHT / 2
c.move(ship_id, MID_X, MID_Y)
c.move(ship_id2, MID_X, MID_Y)

# p.166 せん水かんを動かす

SHIP_SPD = 10
def move_ship(event):
    if event.keysym == 'Up':
        c.move(ship_id, 0, -SHIP_SPD)
        c.move(ship_id2, 0, -SHIP_SPD)
    elif event.keysym == 'Down':
        c.move(ship_id, 0, SHIP_SPD)
        c.move(ship_id2, 0, SHIP_SPD)
    elif event.keysym == 'Left':
        c.move(ship_id, -SHIP_SPD, 0)
        c.move(ship_id2, -SHIP_SPD, 0)
    elif event.keysym == 'Right':
        c.move(ship_id, SHIP_SPD, 0)
        c.move(ship_id2, SHIP_SPD, 0)
c.bind_all('<Key>', move_ship)

# p.167 「あわ」を用意する

from random import randint
bub_id = list()
bub_r = list()
bub_speed = list()
MIN_BUB_R = 10
MAX_BUB_R = 30
MAX_BUB_SPD = 10
GAP = 100
def create_bubble():
    x = WIDTH + GAP
    y = randint(0, HEIGHT)
    r = randint(MIN_BUB_R, MAX_BUB_R)
    id1 = c.create_oval(x - r, y - r, x + r, y + r, outline='white')
    bub_id.append(id1)
    bub_r.append(r)
    bub_speed.append(randint(1, MAX_BUB_SPD))

def get_coords(id_num):
    pos = c.coords(id_num)
    x = (pos[0] + pos[2])/2
    y = (pos[1] + pos[3])/2
    return x, y

# あわを動かす
def move_bubbles():
    for i in range(len(bub_id)):
        c.move(bub_id[i], -bub_speed[i], 0)

# p.169 あわをわる方法

def del_bubble(i):
    del bub_r[i]
    del bub_speed[i]
    c.delete(bub_id[i])
    del bub_id[i]

def clean_up_bubs():
    for i in range(len(bub_id) -1, -1, -1):
        x, y = get_coords(bub_id[i])
        if x < -GAP:
            del_bubble(i)

# p.170 2つの点の間の距離をはかる

from math import sqrt
def distance(id1, id2):
    x1, y1 = get_coords(id1)
    x2, y2 = get_coords(id2)
    return sqrt((x2 - x1)**2 + (y2 - y1)**2)

# あわをわる

def collision():
    points = 0
    for bub in range(len(bub_id)-1, -1, -1):
        if distance(ship_id2, bub_id[bub]) < (SHIP_R + bub_r[bub]):
            points += (bub_r[bub] + bub_speed[bub])
            del_bubble(bub)
    return points

# p.172 ゲームを完成させる

c.create_text(50, 30, text='タイム', fill='white' )
c.create_text(150, 30, text='スコア', fill='white' )
time_text = c.create_text(50, 50, fill= 'white' )
score_text = c.create_text(150, 50, fill='white')
def show_score(score):
    c.itemconfig(score_text, text=str(score))
def show_time(time_left):
    c.itemconfig(time_text, text=str(time_left))

from time import sleep, time
BUB_CHANCE = 10
TIME_LIMIT = 30 # P.172
BONUS_SCORE = 1000 # P.172
score = 0 # p.171
bonus = 0 # P.172
end = time() + TIME_LIMIT  # P.172
# メインのループ
while time() < end: # P.173
    if randint(1, BUB_CHANCE) == 1:
        create_bubble()
    move_bubbles()
    clean_up_bubs()  # p.169
    score += collision()  # p.171
    if (int(score / BONUS_SCORE)) > bonus:  # p.173
        bonus += 1  # p.173
        end += TIME_LIMIT  # p.173
    show_score(score)  # p.173
    show_time(int(end - time()))  # p.173
    window.update()
    sleep(0.01)

# p.173
c.create_text(MID_X, MID_Y, \
    text='ゲームオーバー', fill='white', font=('Helvetica', 30))
c.create_text(MID_X, MID_Y + 30, \
              text='スコア'+ str(score),  fill='white')
c.create_text(MID_X, MID_Y + 45,
              text='ボーナスタイム' + str(bonus*TIME_LIMIT),  fill='white')

5 現実の世界でのプログラミング

JavaScriptを使う

// p.210 ユーザーに入力してもらう

<script>
var name = prompt("名前を入れてね ");
var greeting = "こんにちは" + name + "!";
document.write(greeting);
alert("Hello World!");
</script>

// p.211 イベント

<button onclick="tonguetwist()">さあ言ってみよう!</button>
<script>
 function tonguetwist()
 {
  document.write("なまむぎなまごめなまたまご");  
 }
</script>

// p.211 JavaScript でのループ

<script>
for  (var x=0; x<6; x++)
{
 document.write("ループ回数: "+x+"<br>");
}
</script>

おつかれさまでした．これからもプログラミングを楽しみましょう :thumbsup:

14
22
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
14
22

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?