Google Classroomが一般公開されました


Google Classroomが一般のGmailにも開放されました。
[Google Classroom、一般公開――誰でもクラスを作って教えることができる | TechCrunch](http://jp.techcrunch.com/2017/04/28/20170427google-classroom-now-lets-anyone-school-anyone-else/)

Google Classroomはざっくり言うと教育をサポートするツールです。
Webサイト・Android, iOSアプリ・WebAPIが提供されています。

IT界隈は勉強会や研修が盛んであるため、Classroomを利用することで便利になるケースがあるかもしれません。
本記事はClassroomの概要（使い方）を理解し、導入への足ががりとするための記事です。
実際に導入される際は[公式のガイド](https://support.google.com/edu/classroom#topic=6020277)をしっかりと読みましょう。

また、Classroomはもともと[G Suite for Education](https://edu.google.com/intl/ja/)で提供されていたものです。
>G Suite for Educationは教育機関向けに無償で提供しているGmailの機能強化版です。
※企業向けは有償で[G Suite](https://gsuite.google.co.jp/intl/ja/)として提供されています。（現時点で企業向けのG SuiteアカウントではClassroomは利用できません）


# 前提条件
ClassroomはGmailの利用を前提としたサービスです。
それぞれのユーザーはGmailアカウントにログインしておく必要があります。


# 登場人物
まず登場人物を整理しましょう。
以下の表のようになります。
※基本的に教師と生徒だけですが、クラスを作成した教師は担任になります。

|ユーザー|Classroom の機能|
|:--|:--|
|教師（担任）|・クラスを作成したアカウントです。<br>・クラスの削除・アーカイブからの復元ができます。|
|教師（担任・副担任）|・クラスに対して生徒と教師の追加や削除を行うことができます。<br>・クラス、課題、成績を作成、管理できます。<br>・フィードバックや成績の作成をリアルタイムで直接行うことができます。|
|生徒|・授業や資料を確認できます。<br>・リソースの共有のほか、クラス ストリームやメールでのやり取りが可能です。<br>・課題を提出できます。<br>・フィードバックや成績を受け取ることができます。|



# クラス
クラスは学校のクラスと同じ感覚でいいと思います。
教師と生徒を含み、お知らせや課題のやり取りを行います。

## クラスを作る（担任）
[https://classroom.google.com](https://classroom.google.com)にアクセスしてクラスを作成します。
クラス名等を聞かれるので適宜入力します。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/e09481b9-6e2c-51c0-10f8-900de31e7286.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/604b4fa1-03a9-2e1d-27a7-5b359b9800e1.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/2ebd766e-eec8-dfbd-0529-997a9d538a4b.png)

## テーマを変える（教師）
画面右の`テーマを選択`や`写真をアップロード`からクラスのテーマを切り替えることができます。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/d60f3012-fb26-36a9-946f-4a9a770990eb.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/b685ee62-1e0f-f806-b762-b3755df8aa1f.png)

## クラスに教師（副担任）を追加する（教師）
クラスには副担任を追加することが可能です。
`概要`タブを選択し、`教師の招待`から招待メールを送ります。
招待に応じると教師（副担任）が追加されます。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/4e5054a7-b375-c709-c1dd-bcf1d4180d7a.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/ea4b9545-18c9-a628-7bd8-60c1262cf488.png)


## クラスに生徒を追加する
２パターンあります。

- 教師（副担任）を追加した場合と同様に、教師が生徒に招待メールを送るパターン
- クラスに設定されたクラスコードを生徒が入力して参加するパターン


### 教師が生徒に招待メールを送る
`生徒`タブを選択し、`生徒を招待`から招待メールを送ることが可能です。
招待に応じると生徒が追加されます。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/ede340bd-88b2-3fb2-7cd7-b50201de659d.png)

### 生徒がクラスコードを入力して参加する
`生徒`タブを選択し、画面左の`クラスコード`を何らかの手段（板書するなど）で生徒に教えます。
生徒自身が[https://classroom.google.com](https://classroom.google.com)にアクセスしてクラスコードを入力し参加します。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/95939f92-ecee-c5a0-746b-d80f6aaeda1c.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/05a705e3-616e-68d4-88fc-711e27d61f05.png)

### 重要
クラスコードは文字数が少ないです。
悪意のある者の総当り攻撃や、入力間違えのユーザーが参加する可能性はゼロではありません。
漏れてはまずい情報をClassroom上で扱う場合は、クラスコードを無効にしてメール招待のみの運用にすると良いでしょう。
※クラスコードを有効にしておき全員が参加したらすぐに無効化する、というのもありだと思います。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/ae17c471-c3b9-bd8f-ed81-a765caef091b.png)


# 投稿
教師は生徒に対して`お知らせ`・`課題`・`問題`の投稿ができます。

## お知らせを作成（教師）
画面右下の`＋`からお知らせを作成します。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/2a5fd9a2-886f-69c7-82a9-0e307fe705b1.png)

以下のような画面が表示されます。
ひとつずつ解説していきます。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/ad0cd598-3b9d-0c95-9080-ae18eeb09ebe.png)

### 生徒の指定が可能
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/d0b00b61-1aea-648f-16f0-919ddd15a763.png)

### トピックの指定が可能
投稿を分類分けするためにトピックというものがあります。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/a0073a19-e00a-4130-7fb1-2f28ba5e7881.png)

### ファイルやリンクなどの添付
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/945c401c-ee2a-41a4-3c3b-705e9a549531.png)

### 投稿のオプション
投稿には`即時投稿`の他に`下書き保存`と`予定投稿`が可能です。
授業を円滑にすすめるために、下書きを事前に作っておいたり予定投稿を使い自動で投稿されるようにしておくと良いでしょう。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/6bf88dee-195e-3a26-b4d8-89111ecbc237.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/f626aa0c-f8d8-2e83-fdfe-bdf447666632.png)

上記の投稿を行うと以下のような投稿になります。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/136230ea-139e-759f-cd75-37bd26ddf071.png)


## 簡易的なおしらせを作成（生徒）
簡易的なお知らせは生徒でも作成することが可能です。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/060adea5-09e1-7aec-cbb0-7d038bf30714.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/3e3b6660-408b-fcf5-89fe-2e0a5beafb6a.png)


## 課題を作成（教師）
画面右下の`＋`から課題を作成します。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/2b1f1ad3-01d6-bf81-1cf0-ae3dd2455929.png)

### 課題には期限を設定可能
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/afa218a3-5161-0dbc-63bc-0db147d2d440.png)

### 試しにこんな感じで投稿
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/75c515eb-b87c-c4a2-6e5c-449dd4b92009.png)

### 生徒の画面
明日までの課題が追加されています。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/9f1c6af1-0899-34d7-234b-8fb332e3e0af.png)

### 教師の画面
教師の画面では課題の提出状態がわかるようになっています。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/4dc54788-5449-0648-7f7a-7f7d83b31178.png)


## 質問を作成（教師）
画面右下の`＋`から質問（問題）を作成します。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/fab9c492-e6b7-8e38-1d71-dc257cb6528b.png)

### 質問の回答方法は`記述式`か`選択式`を設定
記述式と選択式の２種類があります。
記述式は単純にテキストで回答させる方法で、選択式は４択問題等の作成に使えます。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/14be5f18-88e1-2ace-a21e-8df362c1a17a.png)

### 選択式を使った投稿例
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/05174134-8f77-63ab-c856-4e2347373fbd.png)

## 課題（質問）を表示する（教師・生徒）
課題（質問）は画面左上のハンバーガーメニューから一覧表示が可能です。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/190479ec-7299-8351-f8dd-ce159c914fcf.png)


### 生徒の画面
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/4ef48c17-e1e3-13af-33c5-29facbb9e122.png)

### 教師の画面
教師の画面では課題の提出状態がわかるようになっています。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/a3db1b02-c219-1da5-d151-7a66f8b219d7.png)

## 投稿を再利用する（教師）
画面右下の`＋`から別のクラスや過去の投稿を再利用して`お知らせ`・`課題`・`問題`を作成できます。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/8ae67c8a-ba38-c221-9aa5-5667eae30afb.png)


# 課題を提出する（生徒）
先程作った`jsfiddleでHello, world!`を作れという課題に回答してみます。

## 課題の画面
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/5ca0c2b2-f213-cc5d-3b1c-c653208c7693.png)

## jsfiddleで回答を作成
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/ddfaf9ac-7d18-6fba-a0e1-c02fff77bec1.png)

## 課題の提出
リンクを追加して提出します。
提出すると`未完了`から`完了`ステータスになります。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/1ad6cfc1-2d07-660a-cb12-df13c9c33c1f.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/bb133b09-23ef-d716-3478-43624a9da5d9.png)


# 質問に回答する（生徒）
先程作った`ブラウザでアラートを表示する関数`という質問に回答してみます。

## 質問の画面
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/99d4e38a-a946-7b96-7826-0dd302351499.png)

## 質問の回答
回答を入力し送信します。
回答すると`未完了`から`完了`ステータスになります。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/9363eac1-28e4-87a4-8176-52f4b3a633a0.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/a9e5dab2-a1af-a9c6-b4f4-5de36c8ad905.png)


# 生徒の提出物を管理する（教師）
課題を選択します。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/ae19e928-c247-0638-7eea-2150073f266f.png)

## 様々なアクション
課題の返却や成績の付与、成績の出力が可能です。
※課題を返却しても`完了`ステータスのままですが、メールで返却した旨の通知が飛びます。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/0f9d71d9-0662-8c97-740c-f8afe4d6263d.png)


# 補足
Classroomの基本的な使い方はこれまでに記述した内容でカバーしてあります。
補足として記事中では省略しましたが知っておくと良い点をいくつか記載しておきます。

## 通知メールが飛ぶ
課題を作った際などに教師や生徒に通知メールが飛びます。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/39c660c2-ddfc-31bf-73a5-45245dc9a5da.png)

## Googleカレンダーと連動している
クラスを作成すると教師のマイカレンダーにクラスのカレンダーが追加されます。
また課題や質問に期限をつけるとカレンダーに予定として表示されます。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/8651f1a9-a002-d7ec-509f-42ca0c345828.png)

生徒側も他のカレンダーの一つとして追加されます。
![image](https://qiita-image-store.s3.amazonaws.com/0/35595/7d5d1499-6985-e426-0206-a3a7062048c6.png)

## Googleドライブと連動している
対応するクラス、課題のフォルダが作成されます。
課題の提出なでアップしたファイルはここに格納されていきます。

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/2e8af78f-94f2-b8a4-212d-25f35efcd99d.png)

## APIを利用する
[Classroom API](https://developers.google.com/classroom/?hl=ja)が提供されています。
いくつか実行してみましたが[G Suite for Education](https://edu.google.com/intl/ja/)じゃなくても動きそうです。

## Chrome拡張機能
便利なChrome拡張機能が公式で用意されています。
指定したURLを生徒のブラウザで開かせる事ができます。
[Classroom で共有](https://chrome.google.com/webstore/detail/share-to-classroom/adokjfanaflbkibffcbhihgihpgijcei/)


## 公式のリファレンスを見る際の注意点
以下の表は公式の[Classroom の概要 - Classroom の機能](https://support.google.com/edu/classroom/answer/6020279)より抜粋したものですが、いくつか注意が必要です。
冒頭で書いたようにClassroomはもともと[G Suite for Education](https://edu.google.com/intl/ja/)で提供されていたものです。
そのため公式のリファレンスでは保護者やドメインと言った単語が出てきます。
一般のGmailのClassroomでは以下のようになるので惑わされないようにしましょう。

- `保護者`はいない
- `ドメイン`はない
- `管理者`は自分のアカウントであり、クラスを作成したアカウントは`教師（担任）`になる

![image](https://qiita-image-store.s3.amazonaws.com/0/35595/3b3e5166-8f8b-6aa3-a068-6e600f2d2297.png)


# あとがき
公式で[Classroom の新機能](https://support.google.com/edu/classroom/answer/6149237)というページがあるのですが毎月のように機能が追加されています。
現状で機能が足りなくてもそのうち増えているかもしれません、このページをチェックしておくとよいと思います。