福野泰介の一日一創 - create every day

万華鏡で学ぶプログラミングの基本5ステップ - var/if/for/function

2018/11/21
#kosen #js #KidsIT 

プログラミング言語、伝える相手が人とはちょっと違ったコンピューターが相手なので癖はあるけど、実はシンプル。
こちら、プログラミング言語の基本です!

1. 順番に実行していく、逐次実行
2. コンピューターに覚えてもらう、変数 (var x = 15 で、 x は 15 とおぼえてね、など)
3. 条件によってやることを変える、条件分岐 (if イフ がよく使われる)
4. 何度もやってもらう、繰り返し (for フォー がよく使われる)
5. やってもらうコトをまとめる、抽象化 (function ファンクションがよく使われる、関数、メソッド、サブルーチンとも)

万華鏡アプリを題材に、これらを順に体験できる教材を開発!
万華鏡で学ぶJavaScriptプログラミング


逐次実行


変数


条件分岐


繰り返し


抽象化


関数

あとは応用、いろいろ好きなように改造してみよう。壊しても大丈夫、動いているところまで戻ればOK。
作品ができたら、万華鏡アプリコンテストにも挑戦してみよう!

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY 福野泰介 - Taisuke Fukuno / @taisukef / アイコン画像 / プロフィール画像