![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1280,h_720/https://taiyolab.net/wp-content/uploads/2020/05/4B583284-43F3-47B7-9AA3-613453305A83-1280x720.jpeg)
先日、こんなツイートをしました。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_267,h_300/https://taiyolab.net/wp-content/uploads/2020/09/DD6843CC-4D62-40BD-9A5B-EC4A4F4509C1-267x300.jpeg)
Google Siteが学習セット作成に威力を発揮するというツイート。
今回の記事では、Google Siteの基本的な機能を解説しながら、学習セット(英語)の作成を、くわしくお伝えします。
【本記事の信頼性】
Google Siteとは
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_766/https://taiyolab.net/wp-content/uploads/2020/09/BB28B291-07A1-4488-A6F5-EE26A3D54F8A-1024x766.jpeg)
Google Siteとは無料で本格的なwebサイトを構築できるGoogle アプリスイートの一部です。
Googleアカウントの場合は、ブラウザかDriveからアクセスを。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_825/https://taiyolab.net/wp-content/uploads/2020/09/1BC6F034-FCFB-410D-9BFC-5AB76E4E6AAF-1024x825.jpg)
G Suiteの場合は、アプリランチャー(右上の9つのドット)からアクセスできます。(Driveからでも大丈夫です)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_295,h_300/https://taiyolab.net/wp-content/uploads/2020/09/9F1F7696-AFEC-47EE-BBF1-6649E82E34C0-295x300.jpg)
サイドバーにページ作成に必要なツールが揃っているので、これを使ってめっちゃ簡単に本格的なWebサイトが作れます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_498/https://taiyolab.net/wp-content/uploads/2020/09/6219EF82-FA43-4EDF-8DCC-C8D07ECB21E4-1024x498.jpg)
Google Siteのナイスな点は、他にも
- 作成されたサイトは自動的にGoogle Driveに保存される
- 他のユーザーとリアルタイムで共同編集できる
- Google アプリとの連携がスムーズ
などが挙げられます。
簡単な操作で情報を効果的にまとめることができるGoogle Siteは、とても有効な学習プラットフォームになります。
トップページを作成する
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_770/https://taiyolab.net/wp-content/uploads/2020/09/A941E074-C8AE-4004-8834-E000F8E6DC78-1024x770.jpeg)
トップページは、サイトの玄関のようなもの。内部に入るために通る場所です。
ヘッダーのタイプやデザインのカスタマイズも簡単にできます。ちなみに私はこんな感じのヘッダーを作ってみました。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_487/https://taiyolab.net/wp-content/uploads/2020/09/D6648FCA-D16D-4E38-8104-F5B6AE38EF25-1024x487.jpg)
もちろん、独自の画像を設置することも可能です。サイトのイメージにあった素敵なヘッダーを作ってみましょう!
カレンダーで予定の管理
トップページには、生徒たちがいつでも予定の確認ができるように、カレンダーを配置すると良いです。
Google SiteはGoogleアプリなので、Google Calendarとの連携になります。
すでにクラスでカレンダーを共有している場合は、そのカレンダーを連携させると良いでしょう。
サイドバーにある「Calendar」をクリックし配置したいカレンダーを選択しましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_143,h_300/https://taiyolab.net/wp-content/uploads/2020/09/24A55759-4A0B-43D6-BFC2-91C65018C5E5-143x300.jpg)
こんな感じで、トップページに埋め込まれます。(個人情報に関わる箇所はモザイクをかけています💦)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_647/https://taiyolab.net/wp-content/uploads/2020/09/897973AF-274C-493D-B47C-3C1D9C8A4388-1024x647.jpg)
Classroomとの連携
Classroomではクラス全体への連絡や宿題の管理を行いますので(詳しくはこちらの記事をご覧ください。)生徒たちがいつでもアクセスできるようにトップページに配置しておくと便利です。
挿入するレイアウトを決めて
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_539/https://taiyolab.net/wp-content/uploads/2020/09/53E20037-E0A0-4CB6-8A8D-E3F10E5BE8C8-1024x539.jpg)
➕アイコンをクリックして選択方法を選んでから、画像を挿入します。Classroomアイコン画像を探してみましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_426/https://taiyolab.net/wp-content/uploads/2020/09/56F8CB3E-FEAC-4CF0-BAE8-F69671AC042A-1024x426.jpg)
画像か文字にClassroomのURLをリンクさせて完成です。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_347/https://taiyolab.net/wp-content/uploads/2020/09/13ADDBC0-790E-4068-9A93-C8B963BF75DF-1024x347.jpg)
連絡フォームはChatが便利
生徒からの質問を受け付ける場として、Chatをリンクさせます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_492/https://taiyolab.net/wp-content/uploads/2020/09/E12D75E9-857A-431E-9A11-EEB769590DF0-1024x492.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_941,h_1024/https://taiyolab.net/wp-content/uploads/2020/09/21A58B67-63B3-4098-9BD1-084DF83B55FD-941x1024.jpg)
Chatの良いところは、用途に応じて個人ChatやグループChatを使えるということ。
もちろん、Mailをリンクさせるという方法でも良いと思います。
単元ごとのページを作成する
次に単元ごとのページを作っていきます。サイドバーの「Pages」をクリックして、新しいページを作成しましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_360/https://taiyolab.net/wp-content/uploads/2020/09/0C0579EF-4AAA-4C9A-A37F-82A2CEF326BA-640x360.jpg)
新しいページが立ち上がったら、必要な情報を配置していきます。Driveからファイルを貼り付けたりYouTube動画を挿入することも可能です。
授業で使ったスライド(Keynoteで作ったスライドをPDF化したもの)や
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_658/https://taiyolab.net/wp-content/uploads/2020/09/609E3D4E-FB23-4CF0-B98D-7FC66F87FD84-1024x658.jpg)
トピックの内容理解を深めるためのYouTube動画(ここはFair Tradeがトピックでした)とGoogle Formsで作成したMiniクイズを配置してみました。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_662/https://taiyolab.net/wp-content/uploads/2020/09/54AC84F8-20E7-4D8C-9393-4C3036600599-1024x662.jpg)
必要に応じて授業WorkSheetや問題集プリントをPDF化して配置するのも良いでしょう。
掲載する資料は事前に共有設定をかけてください。かけていないと下の画像のようになってしまいます。(追記:2021年3月14日)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_640/https://taiyolab.net/wp-content/uploads/2020/09/スクリーンショット-2021-03-14-9.58.11-1024x640.jpg)
生徒はどうやってアクセスするの?
サイトを生徒と共有するには、画面右上のShareボタンをクリックして、クラスの生徒のメールアドレスを入力するか
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_716/https://taiyolab.net/wp-content/uploads/2020/09/0C00A914-2CA1-4896-91E7-A9B7B4C49E87-1024x716.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_584/https://taiyolab.net/wp-content/uploads/2020/09/94E57FCC-40D1-43E8-A6DB-A43FD8CFB223-1024x584.jpg)
Siteのリンクを生成して、Classroomのスレッドに貼り付けて、アクセスさせます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_640/https://taiyolab.net/wp-content/uploads/2020/09/CFCA8402-E2D7-4B65-96B2-F26BCF37929E-1024x640.jpg)
生徒のデバイスがChromebookだったり恒常的にブラウザが使える場合は、一度アクセスすればDriveに保存されます(追記:2021年3月14日)。
生徒がスマートフォンからアクセスする場合、Siteをブックマークさせましょう。
残念ながら2020年9月現在、Google Siteはブラウザベースであり、iOS、Androido アプリはありません。
なので、リンクからサイトにアクセスさせたあと、ブックマークを「ホーム画面に追加」させると、スマートフォンからアクセスしやすくなります。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_576,h_1024/https://taiyolab.net/wp-content/uploads/2020/09/47AF9DB3-E777-43BA-A2C1-04F6A656982C-576x1024.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_750,h_720/https://taiyolab.net/wp-content/uploads/2020/09/D7FAE1C3-6774-43EF-8DAC-07EF8D8CD1DC-750x720.jpg)
そうすると、このようにスマートフォンのホーム画面にショートカットが作成されて、スマートフォンから、いつでも簡単にアクセスできるようになります。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_640,h_360/https://taiyolab.net/wp-content/uploads/2020/09/65C2E94D-0BA5-4984-8C76-CEB54FE15561-640x360.jpg)
(追記:2021年3月14日)公開範囲は?
G Suite (Google Workspace)を使用してSiteを使う場合、アクセスできるのは同一ドメインのみ。つまり無料版のSiteとは異なり、外部の人はアクセスできません。
セキュリティの面でも安心ですよね!
まとめ
いかがでしたか。
今回はGoogle Siteで学習セットを作る方法の記事でした。
Google Siteをうまく活用できれば、個別学習や反転学習も十分に可能になります。
アナログでは物理的に不可能だった、「個人のペースに合わせた学習」のプラットフォームを作ることができるようになる。
それがGoogle Siteの一番の魅力です。
一度試してみませんか?
今回も最後までお付き合いいただき、ありがとうございました。