アワーオブコードで学ぼう（先生・保護者向け）コース２レッスン１

アワーオブコードには、体系だてて２０時間前後で勉強できるコースが準備されています。当記事では『コース２レッスン１　プログラミングのグラフ用紙（アンプラグド）』を紹介します。

Hour of Code アワーオブコードで学ぼう（先生向け）①の記事の通りにユーザーＩＤを登録していただきログインすると、『コースカタログ』というメニューがありますので、それをクリックすると以下のようなコースが紹介されています。この記事では、コース２のレッスン１プログラミングのグラフ用紙（アンプラグド）を紹介したいと思います。（注：以降の説明は、ログイン済前提です。また、💬のマークがある所に、カーソルを合わせると補足が表示されます。）

コース２を選択すると以下のような画面が表示され、生徒にコースを割り当てることができ、各生徒の学習進捗状況が確認できます。レッスンは１９まであります。また、右のほうから先生用のレッスンプランを見ることができります。

当記事の位置付け

２．レッスン１：グラフ用紙のプログラミング　プラン

『レッスンプランを見る』をクリックすると以下の画面が表示されます。訳者注：アワーオブコードサイトでは、『プログラミングのグラフ用紙』と日本語化されていますが、当記事では『グラフ用紙のプログラミング』と表記しています。

ここから、レッスンに使う資料を入手したり、教え方を参考にすることができます。（以下、私が訳したものです。）

レッスンの概要
お互いに絵を描く”プログラミング”をすることで、生徒たちはプログラミングとは実際どんなことか徐々に理解していくでしょう。クラスで、生徒たちでお互いにグラフ用紙のマス目に色をつけていく手順を指示して、既存の絵を再現する事から始めます。もし時間があれば、生徒自身が作ったイメージで同じ事をして終わることができます。

レッスンの目的

はじめに　－　１５分

１）語彙

２）グラフ用紙プログラミングの紹介

３）一緒に練習しよう

アクティビティ：グラフ用紙プログラミング　－　２０分

４）４ｘ４

ラップアップ　－　５分

４）Flash Chat💬 – 私たちは何を学びましたか？

５）Vocab Shmocab💬

アセスメント　－　１０分

６）グラフ用紙プログラミング　アセスメント

レッスンの目的
生徒達は：

実際の課題（問題）をプログラム化することの難しさを理解する
アイデア（考え）が明確だと思っても、コンピューターに誤って解釈されることがある事を学ぶ
コードと記号を使って、アイデア（考え）を表現する練習をする

指導ガイド

資料、リソース、準備

生徒用

４ｘ４アクティビティーワークシート(英語版)　訳者注：日本語版はここ
グラフ用紙プログラミングアセスメントシート（英語版）訳者注：日本語版はここ
プログラム用の白紙、又はインデックスカード
マーカー、ペン、鉛筆

先生用

レッスンビデオ（英語版）
各グループに配布用に印刷した４ｘ４アクティビティーワークシート（英語版）訳者注：日本語版はここ
各生徒に配布用に印刷したグラフ用紙プログラミングアセスメントシート（英語版）訳者注：日本語版はここ
各グループに、グラフ用紙，白紙、ペン、鉛筆を配布する

はじめに（１５分）

1）語彙
このレッスンには、新しい重要な単語が２つあります。

アルゴリズム　－　先生と一緒に発音してみましょう：アルゴリズム
タスクを完了するために従う指示のリスト

プログラム　－　先生と一緒に発音してみましょう：プログラム
機械（コンピューター等）に実行できるようにコード化されたアルゴリズム

２）グラフ用紙プログラミングの紹介

このアクティビティーでは、グループ内の他の人に元の絵をみせずに、元の絵を完成させる手順を伝えます。

この実習では、４マスｘ４マスのグラフ用紙を使います。チームメートの誰かに自動お絵かきマシンになってもらい、一番左上のマスから始めて順に、簡単な命令で絵を描いてもらいます。命令は以下のようなものです：

１つ右のマス目に動け
１つ左のマス目に動け
１つ上のマス目に動け
１つ下のマス目に動け
マス目を塗りつぶせ

友達（自動お絵かきマシン役になってもらう）に、以下のような絵を描いてもらう指示のアルゴリズムの１例：

簡単ですが、多くの指示が必要な図の例：

代替方法を使って、これをもっと簡単に行うことができます！指示の全文を書くのでは無く、矢印を使って指示します。

この例では、矢印記号は『プログラム』コード、命令文は『アルゴリズム』部分です。
アルゴリズムは以下のように書くことができます：

『１つ右のマス目に動け、１つ右のマス目に動け、塗りつぶせ』

対応するプログラムは以下のようになります：

矢印命令を使って、前の例をもっと簡単に指示することができます。

３）一緒に練習しよう

黒板に以下の矢印命令を書くか、プロジェクターで映して、クラスでプログラミングの世界を体験してみましょう。

以下のような単純な絵を、例として選択します。

checkerboard_JP

この例は、全ての矢印命令を生徒に紹介するのに適しています。まずクラス全員に順を追ってグラフ用紙のマス目を塗りつぶして見せます。生徒に今何をしたのか、分かりやすく説明します。最初に、アルゴリズムを声に出して読み上げて、それをプログラムにしていきます。

アルゴリズムの例：

『右へ動く、塗りつぶす、右へ動く、下へ動く、塗りつぶす、左へ動く、左へ動く、塗りつぶす、下へ動く、右へ動く、塗りつぶす、右へ動く』

クラス内で、無駄なステップがあることに気付く生徒がいるかもしれませんが、プログラミングしている間は待たせてください。クラス全体で、一つずつアルゴリズムをプログラムにしていきます。

program1

この時点で、生徒からもっと他のやり方があると色々な意見が出てくるかもしれません。もし、クラス全体がこの例題の要点を理解しているようであれば、同じ図を描く他の方法について話し合うと良いでしょう。また、理解できていないようであれば、一旦この演習を止めて、次の例題をやってみましょう。

program2_JP

もし、クラス全体がアルゴリズムを大きな声で言う事ができ、各ステップで使う矢印記号命令を正しく選ぶことが出来れば、次のアクティビティーに進めても良いでしょう。クラスの理解状況や年齢によりますが、もっと複雑な例題をクラス全体でやってみてもよいですし、次の４ｘ４アクティビティーワークシート（訳者注：日本語版はここ）を生徒をグループ分けしてやっても良いでしょう。

レッスンのヒント
クラスの皆に自分の腕が自動お絵かきマシンになったと想像してもらいましょう。『アルゴリズム』と『プログラム』の考え方で、実際に自分の動きをコントロールしているような気になれば、生徒は更に意欲的に学べるでしょう。

アクティビティ：グラフ用紙プログラミング（２０分）

４）４ｘ４アクティビティーワークシート日本語版はここ