この動画では「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、今回はここまで 次の動画でお会いしましょう