-
この動画では「forループ」についてお話しします
-
「whileループ」については勉強しましたね
-
なんならこの動画を飛ばしてもらってもいいんです
-
forループなんて必要ないんですよ
-
単にwhileループを短く書くだけなんですから
-
何度も何度も書きたくなるようなwhileループもあるわけです
-
でもProcessingの作例を見たり、いろいろやっていくうえで
-
forループを使った方が便利な場面も出てくるでしょう
-
ですからforループに触れてみて、使ってみたほうが良いと思います
-
ただし言っておきたいのは、新しい機能など何も付け加えず
-
ただwhileループを短く書くための方法を学ぶだけということです
-
forループの方がやや難しく感じるかもしれませんが
-
まあそれはこれから見ていきましょう
-
この動画ではまずwhileループをみて
-
次にforループをみて
-
whileループをforループに書き換える方法を学んで
-
そして実際にProcessingコードとして実行してみます
-
さて、これはこの間の練習問題の答えです
-
動きのないプログラムに書き換えておきました
-
steup()もdraw()もなく、実行されるのは
-
「x=0から始めて画面の端までリピートしましょう」
-
「y=0から始めて画面の下までリピートしましょう」
-
こういう内容です
-
この動画では水平の線と垂直の線を使って
-
こういったグリッドパターンを描いていきます
-
そのためにはまず「x=0」から始めて
-
xの値がウィンドウの幅より小さい間は
-
描画して、値を増やして...
-
つまり線になるものを描いていきます
-
あ〜 「線」ね
-
線は(x, 0, x, 高さ)の点からスタートして
-
ある値でxを増加させていきます
-
任意の値ですから20ピクセルとしておきます
-
今書いているwhileループはひたすら端まで線を描いていくものです
-
さてこのループの構成要素はなんでしょう？
-
3つありますが一つは初期条件です
-
ループが開始した直後に初期値となるものをここで設定します
-
ここではx=0となりますね
-
他の要素はなんでしょう？
-
ブール式です
-
この式をチェックして結果がtrueであれば、ループが続いていきます
-
falseであればループは終了します
-
もう一つの要素は？
-
増加の設定です
-
ループが終わるまで毎回変数を増加させていくんです
-
最終的には終了条件を満たすことになります
-
さて、forループには基本的に3つの要素が必要となります
-
初期設定、テストされるブール式、
-
そしてループの最後に行われる内容です
-
forループではこれらを1つの文で書くことができます
-
こんな感じ
-
「for」
-
int x = 0; (セミコロン)
-
x < 0; (セミコロン)
-
x = x + 20、カッコ閉じる
-
波カッコ、波カッコ閉じる
-
ちょっとカメラを確認しなきゃ
-
よし、ちゃんと波カッコが映ってる
-
見えますね、素晴らしい
-
近づいて「ハロー」なんて言ってみたりして
-
やれって言われたんだよ、バカらしくて恥ずかしいね
-
まあここはカットすればいいや
-
ここに要素その1
-
ここに要素その2
-
そして要素その3
-
要素その4はループの中で実行する内容です
-
ここでは「線を描く」こと
-
2つのループは100%一致していることがわかります
-
違いといえば...
-
forループは3行あったコードを並べて1行にできること
-
コードを短くすることができますね
-
言いたいことは「ループはx = 0から始まって
-
x < 幅を毎回確認して
-
ループの終わりで値を20増やす」
-
これを最初に学ぶあなたのような人にとっては
-
こっちの方が複雑にみえますよね
-
whileループでは上から順番に実行されるわけですから
-
まずこれを実行して、式をチェックして
-
線を描いて、それから値を増加する
-
式をチェック、描画、増加
-
式をチェック、falseならループを終了
-
でもforループでは順番通りじゃありません
-
1番を実行、2番を実行、描画を実行、
-
3番がtrueならまた2番を実行... ちょっと不規則なのです
-
だんだん理解できるようになるのですが
-
練習問題として
-
今まで書いたコードの中でwhileループを含むものを探して
-
forループに書き直して同じ結果が得られるかみてみると良いでしょう
-
いったん動画を止めて、やってみてもよいです
-
先程のグリッドの例を使って、これをコードに入れて、実行する
-
待った、もう僕がやってたじゃないか
-
まあでも何か違うものでやってみればいい
-
考えておきます
-
えっと何分経ったかな...
-
5分しか経ってない！素晴らしい動画だね
-
とりあえずこれをコードに入れて、ちゃんと動くことを確かめましょう
-
ここではxとyそれぞれにループがあって
-
どちらもwhileループなのでわかりやすくなっています
-
これはデモンストレーションなので実際には使わないような書き方をしますが
-
xの方はwhileループのままにしておいて
-
yの方をforループにしてみます
-
forループでまず必要なのは、初期条件でした
-
次にブール式、y < 高さ
-
増加の式
-
それからループの中で行う内容です
-
線を描くこと
-
2つのループは考え方としては同じなわけです
-
一つは水平方向の値、もう一つは垂直方向の値に関わっています
-
でもforループではギュッと縮まったのがわかりますね
-
whileループでは5行あるわけですが
-
こういうループを何度も実行するなら短い書き方があった方が良いでしょう
-
さあ実行してみましょう、結果が同じになることを確認してください
-
同じになりました
-
シンプルで簡単な練習問題としては
-
このxの方をforループに書き換えてみるのが良いでしょう
-
実際そんなに簡単な話でもないですけどね
-
妙な書き方ですよね
-
セミコロンだのいろんなカッコだの、順番がどうだとか
-
慣れるにはちょっと時間がかかリますけど
-
これでwhileループとforループの役割がどんなふうに理解されているか
-
つかんでもらえたらと思っています
-
要するにforループはwhileループの短い書き方
-
とはいえwhileループの方がフレキシブルです
-
変なコードを何行も並べて
-
一方forループはとても限定的で選択肢は3つです
-
かなり短い動画になったんじゃないかな
-
廊下で誰か笑ってるよ
-
きっと僕が一人で喋ってるのを聞いて笑ってるんだろう
-
たしかに笑えるよね
-
OK、今回はここまで
-
次の動画でお会いしましょう
