最近は、プログラミングをゲーム感覚で楽しく覚えられるサイトがたくさんあります。
その中の1つ、Code Studio(コードスタジオ)のコンピュータサイエンス入門ってコースが4つ用意されています。
まずは4つの中で一番初心者向けのコース1を体験してみましょう!
Contents
コードスタジオで学ぶ
コードスタジオってアカウントを作成(さくせい)しなくても利用できるので、コードスタジオのサイトからそのまま利用したいコースを選択(せんたく)しましょう。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program8.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
赤わくで囲ったコース1をひだりクリックですね。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program9.jpg)
「いますぐためす。」をひだりクリックするとレッスンがはじまるよ!
ステージ3
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program11.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
ひだりがブロックでみぎがターゲットなので、ひだりのスマイルマークをみぎのスマイルマークに重ねるとパズル1のクリアです。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program12.jpg)
あか枠の「次へ」をひだりクリックで進みましょう。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program13.jpg)
絵(え)が2つに分かれて少し難しくなりました。
あか枠のカタツムリの下半分を動かして絵(え)を完成させましょう。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program14.jpg)
パズル2もクリアです。
「次へ」をひだりクリックでどんどん先に進みましょう!
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program15.jpg)
パズル7の問題はこんな問題。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program16.jpg)
上の図はパズル12の問題です!
ブロックが重なっている時は一番下のブロックからターゲットに移してね!
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
一番上だけが動くんじゃないんだね。
ステージ4
ステージ4が始まる前に説明があります。
動画の説明は英語なので英語の勉強もあわせてってことで再生してみてもいいですね。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program17.jpg)
英語はちょっとな~ってことなら「動画の代わりにノートをみる」をひだりクリックで説明が見れますよ。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program20.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
みぎうえの「×」をひだりクリックでレッスン2がはじまるよ!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program21.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program22.jpg)
①必要なブロックを動かしたら②「実行(じっこう)」をひだりクリックすると鳥さんが動くよ!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program23.jpg)
ブロックが足りなかったり、間違っていたりするとあか枠で囲ったように教えてくれるので、正解するまで頑張って!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program24.jpg)
これで正解って思ったら「リセット」をひだりクリックしてもう一度「実行(じっこう)」をひだりクリックしてね!
コードの表示
今はまだ難しいかもしれないけれど、コードを見ることができるので見てみてね。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program25.jpg)
みぎうえの「コードをの表示」をひだりクリックします。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program26.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
ブロックがつながっていないと実行されない
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program27.jpg)
ブロックがつながっていないと、つながっているところまでしか実行(じっこう)されないのでしっかりつなげておきましょう!
ステージ5
デバッグ
デバッグって間違っているところを直していく作業のことなんだけど、デバッグの練習もあるんですね!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program28.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program29.jpg)
南が1つ多いのできりはなすんだよ。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program30.jpg)
使わないブロック
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program31.jpg)
使わない南はブロック達に戻してもワークスペースに置いたままでもどちらでも動いてくれるよ。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program32.jpg)
コードを表示してみると上の図のようになるよ!
使っていないコードって「/*」と「*/」で囲まれるんだよ。
ステップを使ってみる
簡単なプログラムだと違っているところがすぐにわかっていきなり直すってこともできるんだけど、「ステップ」を使う練習をしておくと良いよ!
「ステップ」って「実行(じっこう)」の時と違って少しずつプログラムが動くから動かなくなるところの特定ができるんだよ。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program33.jpg)
「ステップ」で少しずつプログラムを動かしてみて、プログラムを直してみてね!
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
ステージ7
ステージ7からは違うタイプになるよ。
ミツバチを動かして花を取ってハチミツをつくるんだよ。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program34.jpg)
①「動画(どうが)の代わりにノートを見る」をひだりクリックして、見おわったら②「×」で終わらせましょう。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program35.jpg)
「OK」で始まるよ!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program36.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program37.jpg)
どんどんクリアしていくと少しずつ難しくなって、花の数やハチの巣の数が変わってくるよ!
ステージ8
ステージ8はまた違うタイプになるよ。
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program39.jpg)
実行(じっこう)した時にカメさんマークに近いとゆっくり、ウサギさんマークに近いとはやくなるので色々ためしてみてね!
ステージ13
ステージ13は鳥さんと豚さんのステージ!
くりかえしって処理が出てきたよ!
くりかえしをつかうと同じ方向のものは回数を指定してあげると良いんだよ!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program41.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/10/hatenakun2.jpg)
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program42.jpg)
くりかえしの中に入れられるブロックは2つでも入れられるよ。
ステージ16
ステージ16は言葉(ことば)を入力して会話ができるよ!
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program43.jpg)
まとめ
![](https://pc.arthhuman.com/wp-content/uploads/2018/12/program44.jpg)
コース1が終了すると証明書がもらえるよ!
ぜひ最後まで挑戦してね!