プログル技術は、中学校・技術で使える
「双方向性のあるコンテンツのプログラミング」に特化した教材です。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_mainVisual-2326f6455e3b55784089161127b1119a19e1e1a4be3d902cf7eaef5aa156b6d1.jpg)
プログル技術をはじめる
先生
生徒
お試しレッスン
お知らせ
日頃よりプログル技術をご利用いただき、誠にありがとうございます。
この度、プログル技術にて、以下の機能をリリースしました。
- 先生の Google アカウントでの利用登録/ログイン機能
- Google Classroom のクラスからデータがインポートされた生徒の
Google アカウントでのログイン機能
詳しくは、コチラをご覧ください。
プログル技術とは
プログル技術は、中学校・技術で使える
「双方向性のあるコンテンツのプログラミング」に特化した無償のプログラミング教材です。
小学校向けプログルの開発・運用経験を活かし、全国の学校で実践できるよう
生徒の取り組みやすさと先生の指導しやすさを両立させた教材を開発しました。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_about_02-3b7bcb580bcaca6d71e9f127db2fbd814ada6f5811c470672c61f894f27b20a2.jpg)
プログル技術は、ドリル型の学習教材です。
教材は全部で5つのレッスンで構成されており、各レッスンがそれぞれ1コマの授業で扱いやすい分量にまとまっています。
1つ1つの学習課題や、最終的な学習のゴールも明確で生徒たちが自分たちの力で取り組むことができるため、不安がある先生方も安心して指導することができます。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_about_01-2005ee68888334f73f468c239cde46f8e09a1b90f489feb31de0c4d6b41af3bd.jpg)
生徒たちは、全レッスンを通して、今や子どもたちにも身近なツールになったチャットアプリを制作します。
各レッスンは、プログラミングだけではなく、デザイン・サーバ通信の概念・セキュリティ・マルチメディアの取り扱いなど、情報化社会で生活する上で必要になる考え方を、自然と身に付けることができるように設計されています。
レッスン紹介
チャットができるクラス伝言板システムを作ろう!
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_lesson_01-833ba7c361b09935acc27c6c7089b4f97d8bc1e577c723e492e3d5012d9a6799.png)
チャット画面をデザインしよう!
デザイナーが実際に使うツールを意識したインターフェースを用いて、チャットのデザインを学びます。ユニバーサルデザインを意識しながら画面作りが可能です。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_lesson_02-729d0ce40b8e3a3af9506b3aa0ac6696e09a7b1524eb0c91381e2608333f7359.png)
サーバと通信しよう!
チャットの裏側にある、サーバと自分の端末とのネットワーク接続の流れを、分かりやすいイラストと共に学習することができます。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_lesson_03-46e8c189877bf33949e577e79e92e584edfcdb0d6631f775693091ef1811b848.png)
文字を送受信しよう!
チャットで文字を送受信するために必要なプログラミングを、ステップ・バイ・ステップで学んでいきます。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_lesson_04-95ef4e1032385102eb9c3c498b0bc32ccfc3821e28916645f8220cf861ba5d15.png)
画像を送受信しよう!
画像の大きさ・画質などを考えながら、画像の送受信に必要なプログラミングを学びます。文字に加えて画像を扱えるようにすることで、よりコミュニケーションが円滑になることを体感できます。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_lesson_05-9614cee16e3c0aad254a5d4e197afdfa1344cb8d960235e7025bbd986e4ba376.png)
チャットを完成させよう!
全レッスンの内容をふまえて、自由にデザインやプログラミングを行い、自分だけのオリジナルチャットを作ることができます。
利用方法
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_howtouse_01-160c5c3b4632c8ac401181f89697fd8fffb5aff0b6b7726cdc641eabd38e45ba.png)
1. 先生のアカウントを登録する
先生のアカウント登録ページから、先生のお名前・メールアドレス・パスワード等必要事項を記入し、登録を完了させてください。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_howtouse_02-a7821eb685628752b99af04607912b3a5aeb2ec0a92e27cc69d26cf2b0c4726c.png)
2. 先生の管理画面にログインする
先生アカウントの登録が完了したら、先生の管理画面にログインしてください。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_howtouse_03-e04d7ca69c1b50d3df124dca1425ccf45326a550cb1916616677c8b42d07ea67.png)
3. クラスを登録する
先生の管理画面にログインしたら、プログル技術を利用するクラスの情報を登録してください。ここで入力した人数分、生徒用のアカウントが発行されます。
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_howtouse_04-01097e14dc91f10a14c14c8b68202c643a985b915db5a64ec9dc498824b50b8f.png)
4. 生徒ログイン情報を準備する
生徒が各々のアカウントを利用するために必要な情報を準備し、授業時に配布してください。必要情報をまとめて印刷する機能もありますので、ぜひご活用ください。
指導案・評価の観点
![](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/img_plan_01-7f07b4d299277cc2adacebeddb8dbbacc2a7b5f7d1e39682ebc7b5119070d3c5.jpg)
指導案
プログル技術を利用した授業の指導案をご用意しました。「双方向性のあるコンテンツとは何か?」といった導入部分や、課題解決のまとめに関する部分も含まれています。
また、プログラミング指導の経験が浅い先生にもわかりやすくご指導していただくための資料も用意しました。これで50分授業の流れが把握しやすくなります。
授業スライド
教室のスクリーンやTV画面などに投影して使っていただく授業スライドも必要に応じてご活用ください。
ワークシート
上記、指導案の内容に沿ったワークシートです。教材に出てくる操作の手順や、語句の整理、生徒の考えを記入する欄などを用意しました。
評価のサポート
プログル技術では、先生用管理画面をご用意しました。この画面では、生徒のアカウント管理だけではなく、課題の提出状況や、内容も確認できます。授業中だけでは見取ることのできない課題を授業後に確認・評価することができます。
先生の声
松原 清美
石川県加賀市立山中中学校 教頭
このプログル技術は、授業の流れを理解しておけば、免許外の先生にも指導しやすい教材だと思います。
生徒にとっても教材の流れが明確で、ステージを1つ行えば次々と自分で進めることができました。ステージごとに確認しながら先生に課題提出するので、満足感や達成感もありドリル形式は良いと思いました。
教師用の管理画面は非常に魅力で、授業後に点検を行えるのは良いと思います。
![千石 一朗 プロフィール写真](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/sengoku-0b14fd4b7bba57fc0a6f48bc1a7334864a5c61fd461a385e58cdf5b38e4975b0.png)
千石 一朗
みんなのコード 学校教育支援部 講師
新たに始まる「双方向性のあるコンテンツに関するプログラミング」の学習を環境に関わらず子どもたちに届けるためにこの教材を準備しました。
自分たちが普段スマートフォンなどで利用しているチャットツールがどのように動いているのか?作られているのか?利用者としての視点だけでなく開発者の視点で見ることができたら、子どもたちの可能性は大きく広がると思います。
研修資料
みんなのコードで実施しているプログラミング研修会の内容を
ダイジェスト版として自習形式にまとめました。
それぞれ10~45分程度の動画や課題があります。
ご自身のペースでご活用下さい。
1.新学習指導要領の理解(約43分)
2.小中高を通したプログラミング(約28分)
3.プログラミング導入の背景(約28分)
4.プログル技術_準備編(約26分)
5.プログル技術_授業での活用編(約11分)
6.プログル技術_SSO対応について(約39分)
お問い合わせ
よくあるお問い合わせ
- Q. 画面スクリーンショットやサイトURLを使用する際の注意点はありますか?
- A. 研修会や学校内での使用など、営利目的でない活動における利用に関しては許諾の必要はございません。
- Q. どこまで無償で利用できるのですか?
- A. 授業で使用するWeb教材及び指導案・授業スライド・ワークシート等、全て無償でご利用できます。利用される学校及び生徒より、利用料金はいただいておりません。
- Q. 動作環境を教えてください。
- A. 以下のブラウザで動作確認を行っております。うまく動作しない場合は、使用機器・ブラウザの情報をお知らせください。
※ プログル技術は、2022年3月31日をもってInternet Explorerの対応を終了します。(詳しくはコチラ)
最新版のMicrosoft Edge・Google Chrome・Safari(iPad含む)
- Q. レッスン4のステージで、プログラム実行時に画像が表示されない事象が発生した場合の解決方法はありますか?
- A. ブラウザのキャッシュが原因かもしれません。ブラウザのキャッシュをクリアしてみてください。
- Q. ISGC(InterSafe GatewayConnection)を用いたWebフィルタリングをかけています。
新規登録・ログインすることができない場合の解決方法はありますか? - A. 下記のページを参考に、Webフィルタリングの設定を行ってください。
https://alsifaq.dga.jp/faq_detail.html?id=5628
プログルを使ってみてのご感想・ご要望や利用する上でのご質問などございましたら
以下のフォームよりご記入ください。
サポーター
![Google.orgのロゴ](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/supporter/google-8407555499b2ef19210a98a9076dad01804fc4a1b36fbe0755fd087cbc441510.png)
![I-O DATAのロゴ](https://proguru-secondary-production.storage.googleapis.com/assets/img/top/supporter/iodata-a58c156e99a9e1bb36dfa0af2d3e8e37e12dfe6b57f23c007d63bbc77b9dd9b5.png)