![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/ベース-1.png)
さぁ今日は前回からさらに進化したカメを使ったお絵描きアプリを作っていくよ!
![焼きグリコ](https://teppanitclub.com/wp-content/uploads/2023/07/喜び.png)
亀さんですか、ちょっと可愛い感じそうですね。
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/考える2-1.png)
可愛いかはちょっと分からないけど、プログラミングの雰囲気を掴める面白い例ではあるよ。
![ベビたこ](https://teppanitclub.com/wp-content/uploads/2023/07/考える-2.png)
プログラムの中身難しそう…
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/ノーマル-4-1.png)
そうだね。今回もプログラムの内容を理解するというよりかはプログラムの雰囲気を掴めればいいよ。
プログラムも基本写すだけで大丈夫。
ひとまず亀でお絵描きされる様子。
プログラムをちょっと変えるだけで結果が全く異なるってところをみてほしい!
カメで直線を描くところから!
さっそく、カメで絵を書いてみよう。
前回と同様にまずは、アイドル(IDLE)から新規ファイルを作成する。
準備ができたら以下のプログラムを書いてみて。
from turtle import *
shape(“turtle”)
forward(100)
done()
ファイル名は「turtle1.py」としたよ。
ちなみに、「turtle.py」という名前でファイルを保存するとエラーが出る!
Run Moduleでこんな画面になれば成功だ。
![](https://teppanitclub.com/wp-content/uploads/2024/05/スクリーンショット-2024-04-06-11.00.31.png)
![焼きグリコ](https://teppanitclub.com/wp-content/uploads/2023/07/喜び.png)
できましたー可愛い!
![ベビたこ](https://teppanitclub.com/wp-content/uploads/2023/07/考える-2.png)
なんか上手くいかないみたい!!
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/考える2-1.png)
たこそれだと、shape()部分で「turtle」を呼べてない、ダブルクォーテーションを忘れないで。
shape(“turtle”)
![ベビたこ](https://teppanitclub.com/wp-content/uploads/2023/07/笑う2.png)
あ、ほんとだ!よかった動いた!!
カメで正方形を描く
直線はかけた。
forward(100)というプログラム部分で前に100という数値分進むってわけだ。
正方形を描くならこれをどうすればいいかな?
そう、100進んだら次は左に向いて、また100進む、そしてまた左を向いて100進む。また左に100。
これで正方形が描けるね!
プログラムにするとこんな感じ。
from turtle import *
shape(“turtle”)
for i in range(4):
forward(100)
left(90)
done()
For文の説明はまた今度やるけど、とりあえず4回繰り返すと思ってくれればいいよ。
4回、「前に100、90度左を向く」を繰り返すって意味のプログラムだ。
結果、こんな感じの画面になれば成功だ。
![](https://teppanitclub.com/wp-content/uploads/2024/05/スクリーンショット-2024-04-06-11.04.36.png)
![焼きグリコ](https://teppanitclub.com/wp-content/uploads/2023/07/泣き-1.png)
あれ、上手くいかない何このエラー?
![](https://teppanitclub.com/wp-content/uploads/2024/05/スクリーンショット-2024-04-06-11.06.06-1.png)
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/ノーマル-4-1.png)
pythonあるあるのエラーだね。インデントがおかしいせいだよ。
![焼きグリコ](https://teppanitclub.com/wp-content/uploads/2023/07/考える2-2.png)
インデント?
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/ポイント2-1.png)
forwardとかの前にあるスペースのことだね。
pythonではこのスペースの大きさが同じ命令の中では共通でないといけない。
つまりこのエラーの場合だと、leftの前のスペースとforwardの前のスペースが同じじゃないといけない。
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/ノーマル-4-1.png)
Forwardの前のスペースを消して、tabキーを押してみて。
![焼きグリコ](https://teppanitclub.com/wp-content/uploads/2023/07/喜び.png)
あ、上手くいきました!!
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/笑顔3-1.png)
インデント(隙間)はfor文の中では共通のtabキーなどにしないといけないというのを覚えておこう。
まぁこの辺のことも後々解説していくつもりだから。
「そんなんだー」くらいでいいよ。
星や花を描く
最後にカラフルな星や花を描くプログラムを体験しよう。
まずはカラフルな星だ。
プログラムをこんな感じにしてみて。
from turtle import *
shape(“turtle”)
col = [“orange”,”limegreen”,”gold”,”plum”,”tomato”]
for i in range( 5):
color(col[i])
forward( 200)
left( 144)
done()
![](https://teppanitclub.com/wp-content/uploads/2024/05/スクリーンショット-2024-04-06-11.13.44.png)
今度は線を5本で構成するから5回繰り返す、それぞれで色をかえる命令と200進む、144度左を向く命令で構成されているプログラムだ。
![ベビたこ](https://teppanitclub.com/wp-content/uploads/2023/07/驚愕.png)
ちょちょ、急にそんなプログラムを解説されてもわかんないよ。
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/あざとい-1.png)
一応、今は「ふーーん」でいいよ。
だんだんプログラミングを学んでいくと、この解説の意味がわかっていくはずだから。
次に花を描いてみる!
from turtle import *
shape(“turtle”)
col = [“orange”,”limegreen”,”gold”,”plum”,”tomato”]
for i in range( 5):
color(col[i])
circle( 100)
left( 72)
done()
5回繰り返すのは星と一緒で、今度はforwardじゃなくて、円を描ける命令circleを使う。
あとはいつも通り、少しずつ左を向くようにして完成した図がこれだ。
![](https://teppanitclub.com/wp-content/uploads/2024/05/スクリーンショット-2024-04-06-11.13.12.png)
こうやって、命令が少し変わるだけで描ける絵は大きく変わる。
まさにプログラムの醍醐味だね。
次回以降の解説を聞くうちに、今回紹介したプログラムの意味がわかっていくから楽しみにしておいて。
まとめ
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/考える2-1.png)
今回は、カメを使ったお絵描きアプリをいろいろ試してみたけどどうだったかな?
![焼きグリコ](https://teppanitclub.com/wp-content/uploads/2023/07/考える-3.png)
なんとか、エラーなく実行はできましたが、中身の意味はちんぷんかんぷんでした。
![ベビたこ](https://teppanitclub.com/wp-content/uploads/2023/07/考える-2.png)
ぼくも、ついていくのがやっとでプログラムを一生懸命書き写すので精一杯だったよ。
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/笑顔3-1.png)
今はまだそれでいいよ。
ひとまず、自分の書いたプログラムが動くことを確認するまでが今回だ。
次回からいよいよ今回出てきたfor文とかの意味を解説していくよ。
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/ポイント-1.png)
一つ一つの単語の意味を抑えることで、プログラムを操れるようにもなるし、プログラムの意味がわかっていくんだ!!
おすすめのプログラミングマンツーマン塾
![](http://image.moshimo.com/af-img/3675/000000067692.png)
![てっぱん](https://teppanitclub.com/wp-content/uploads/2023/07/あざとい-1.png)