Let's Try!
子ども向け Hands-On!
~Java女子部とPyLadies Tokyoのばあい~
@maaya8585
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
Who am I ?
石田真彩 @maaya8585
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4127302/me.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3538194/rogo5-2-3.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3538187/white_big_____.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
-
クラウドアークテクト(Azure/AWS)
-
Java/Python/(Node.js)
今日のGoal
-
過去の事例を知る
-
反省点を知る
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
Agenda
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
-
Java女子部の場合
-
小学生向けハンズオン
-
-
PyLadies Tokyo
-
中高生向けハンズオン
-
Agenda
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
-
Java女子部の場合
-
小学生向けハンズオン
-
-
PyLadies Tokyo
-
中高生向けハンズオン
-
Event概要
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4280919/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4280921/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
15名参加 →
(満員御礼)
← 11名参加
hands-on概要
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
-
小学校3年生くらいを想定
-
資料の漢字も3年生相当
-
-
プログラミングの基礎概念だけを勉強
-
コーディングはしない
-
ゲーム仕立て
hands-on環境
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
-
親は居てもいなくてもOK
-
参加者の準備はChromeだけでOK
-
休憩挟んで90-120分のハンズオン
使った技術
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/1282125/unnamed.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281106/5719e43c-5b71-8820-1b12-f6460f6734f5.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281099/20110404.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281098/javascript.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281096/enchant.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281097/springboot.png)
hands-on資料と実際のゲーム画面
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4280909/pasted-from-clipboard.png)
hands-on進行
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
-
アイスブレイク
-
名札作り&自己紹介
-
プログラムとは?(チャットデモ)
-
-
変数
-
座標
-
繰り返し
-
条件
-
配列
実践したこと
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
①アイスブレイクを長めに
-
子ども同士はすぐ仲良くなれる
-
チャットは常設
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
②課題はクリアできないところから
- 成功体験をわかりやすく
- クリアしたくなるので興味がわく
実践したこと
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
③ゲームに対する食いつきを想定
- みんな大好きテレビゲーム
実践したこと
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
④例え話は生活のなかにあるものを
-
席替えから学ぶ変数
-
すべり台から学ぶ繰り返し
-
お菓子の箱から学ぶ配列
実践したこと
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
⑤時間のメリハリ
-
座学と遊ぶ時間の切り分け
- 5分ずつの短いスパン
実践したこと
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
⑥難易度の調整
-
ローマ字入力とかな文字入力
- マウスとタッチパネル
- 同じゲームで別課題
![](https://pbs.twimg.com/media/DNMO2MaUEAIt09q.jpg)
実践したこと
Eventの様子
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
![](https://pbs.twimg.com/media/CoG5C9fUkAAG1FR.jpg)
![](https://pbs.twimg.com/media/CoG2ianVUAARs-G.jpg)
Eventの様子
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
![](https://pbs.twimg.com/media/DNRwk3oV4AADrPM.jpg)
![](https://pbs.twimg.com/media/DNSFP2CVwAA5m02.jpg)
![](https://pbs.twimg.com/media/Cni56G0VIAAPPzs.jpg)
![](https://pbs.twimg.com/media/Cnoe8elUAAENZnn.jpg)
![](https://pbs.twimg.com/media/DNSGWAbV4AArQWg.jpg)
Eventの様子
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2526104/javalogo_square.png)
Agenda
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
-
Java女子部の場合
-
小学生向けハンズオン
-
-
PyLadies Tokyo
-
中高生向けハンズオン
-
Event概要
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281003/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281005/pasted-from-clipboard.png)
約25名の参加
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
hands-on概要
-
中学~高校生くらいを想定
-
プログラミング初めての人を想定
-
-
タイプorコピペでコーディング
-
コードの詳しい説明はなし
-
-
チャットシステムを作る
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
hands-on環境
-
1人で作業
-
事前に運営でセットアップ済み
- Python2 / Tornado / WebSocet / html5+css+js /
-
45分のハンズオン
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
使った技術
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281106/5719e43c-5b71-8820-1b12-f6460f6734f5.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281099/20110404.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/4281098/javascript.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maaya/images/1010057/20100410114455.png)
![](http://www.tornadoweb.org/en/stable/_images/tornado.png)
![](https://github.com/PyLadiesTokyo/girls-tech-fes/blob/master/workshop/summary.png?raw=true)
hands-on資料
http://bit.ly/plt-gtf
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
http://bit.ly/plt-gfs-after1
http://bit.ly/plt-gfs-after2
hands-on進行
-
概要説明
- Webシステムの仕組みをざっくり
- 今日やることのせつめい
-
画面遷移
- サインアップボタンの作成
-
チャット機能の作成
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
実践したこと
①使い慣れているものを作る
-
知っている機能を作ることで興味を持ってもらう
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
実践したこと
②とにかく書いてみよう
-
細かいことはともかく"書いたら動いた"を体験しよう
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
実践したこと
③コードに触れてもらう
-
とりあえずPythonって単語を持ち帰ってもらおう
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
実践したこと
④作成するチャットで質問を受付
-
挙手が恥ずかしい人もわいわいできる
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
Eventの様子
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2488483/pyladies-tokyo.png)
Eventの様子
改善点
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
改善点
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
①時間に余裕を
-
45分は無謀感
-
2時間以上は集中力が持たない
改善点
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
②想定外の参加者の対応を考える
-
想定レベルより幼い参加者の場合は?
-
想定レベルよりできる参加者は?
改善点
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577514/__.png)
③Q&Aリストを事前作成
-
事前に一度受けてもらってレベル感を確認
-
プログラミング初心者な大人
-
知り合いの子ども
-
Ma To Me
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577775/__.png)
Ma To Me
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577775/__.png)
-
想定レベルとゴールをきちんと明示しよう
-
アイスブレイク大事
-
対象年齢層に興味を持ってもらえる題材で
Ma To Me
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3577775/__.png)
"楽しい"
が
伝えられるようにしよう
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/3149461/maya.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/233280/images/2440004/nX5Au.png)