92
初心者女性向けPython体験ワークショップ 開催の裏側 Nobuko Katayanagi, Ai Makabi, Maaya Ishida, Yumi Hashizume PyConJP 2015 "Possibilities of Python" 10 Oct. 2015

PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Embed Size (px)

Citation preview

Page 1: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

初心者女性向けPython体験ワークショップ開催の裏側

Nobuko Katayanagi, Ai Makabi, Maaya Ishida, Yumi Hashizume

PyConJP 2015 "Possibilities of Python" 10 Oct. 2015

Page 2: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

この発表中にお願いしたいたったひとつのこと

Page 3: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

We need your support!

https://github.com/PyLadiesTokyo/girls-tech-fes

プルリクお待ちしています

Page 4: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Who am I?

Katayanagi, Nobuko片柳 薫子

農水省系研究機関

研究員

Python歴 1年半

PyLadies Tokyo staffnobolis/nobolispy

Page 5: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

What's PyLadies?

Page 6: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Pythonが好きな女性のための国際的組織

http://www.pyladies.com/about

What's PyLadies?

Page 7: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

❖ 積極的な女性参加者の増加

❖ 女性リーダーの育成

PyLadies Mission

Page 8: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

❖ 多様性のあるPythonコミュニティ作り

❖ 女性のためのサポートネットワークの提供

❖ より広いPythonワールドへの橋渡し

PyLadies Mission

Page 9: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

❖ アウトリーチ

❖ 教育

❖ ミートアップ

❖ イベント

etc.

PyLadies Activities

Page 10: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

for more information :)

Page 11: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 12: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

http://tokyo.pyladies.com

Page 13: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

2014年9月日本初の支部発足宣言@PyConJP2014

Page 14: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Who we are?

http://tokyo.pyladies.com/staff/

Page 15: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

 女性だけで集まる必要 あるのかな?

Page 16: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

❖ 気楽さ

❖ 多様なスキルレベル

❖ 多様な目的

❖ 質問・相談しやすい雰囲気

http://tokyo.pyladies.com

参加してみてわかったこと

Page 17: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

❖ 男性ばかりの集まりはハードルが高いと

思っている女性

❖ より広いPythonワールドへの入り口

http://tokyo.pyladies.com

参加してみてわかったこと

Page 18: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

http://tokyo.pyladies.com

この一年の活動

Page 19: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Meetup 1回/月

Page 20: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

2015年01月Tech Women - New Year’s Party 共催

Page 21: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

2015年3月Workshop @ Girls Tech Fes

Page 22: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

2015年7月Django Girls 1-Day Workshop 共催

Page 23: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Poster session

Conference room10:50-12:40

11th Oct 2015

Page 24: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

http://tokyo.pyladies.com

活動予定

Page 25: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

10月12日(月・祝)

PyConJP2015 SprintPyLadies支部立ち上げ支援

http://pyladies-tokyo.connpass.com/

Page 26: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

10月24日(土)

PyLadies Tokyo 一周年記念パーティ

ライトニングトーク大会 & ビアバッシュ

http://pyladies-tokyo.connpass.com/

男性参加OKだよ!

Page 27: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

11月27日(金)~29日(日)

PyLadies Tokyo秋合宿2015

http://pyladies-tokyo.connpass.com/

Page 29: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 30: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Girls Tech FesPyLadies Tokyo Workshop

チャットを作ってみよう!

〜Pythonでたのしくプログラミング〜

Page 31: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

開催の経緯

Page 32: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

PyLadies Tokyoとして女子学生向けワークショップやりませんか?

Girls Tech Fes関係者

はい、やります!

Page 33: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

女子学生が喜びそうなかんじのものをお願いします

きらきらしたかんじがほしいですね

Girls Tech Fes関係者

Page 34: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加者とみんなでチャットしたらたのしいかも?

LINEみたいなイメージ?

掲示板とかチャットツールとか?

Page 35: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Girls Tech Fes - PyLadies Tokyo Workshopチャットを作ってみよう!

〜Pythonでたのしくプログラミング〜

❖ チャットプログラム作成体験

❖ 講義+プログラミング+質疑

❖ 45分

Page 36: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Girls Tech Fes - PyLadies Tokyo Workshopチャットを作ってみよう!

〜Pythonでたのしくプログラミング〜

❖ タイピング・コピペできればOK

❖ 女性ならば誰でもOK

❖ PCはこちら(大学)で用意

❖ 25台

Page 37: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

利用した

パッケージ・ソースコード

Page 38: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 39: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 40: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 41: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Demonstration

Page 42: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 43: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Javascripthtml Websocket

PyLadies Tokyo チャットプログラム

Page 44: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

フロント側の変更点

❖ ログイン画面の追加

❖ チャット画面への名前表示

❖ 吹き出しの中に文字列を入れる

Page 45: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 46: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 47: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Javascripthtml Websocket

PyLadies Tokyo チャットプログラム

Page 48: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

実装されているハンドラ

Page 49: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加者に追加してもらった機能

サインアップ  チャット

実装されているハンドラ

Page 50: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 51: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

当日使うPCの準備

Page 52: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

PC

❖ 大学側で用意

❖ Windows

❖ 25台

Page 53: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Application

❖ Python2.7.9

❖ PyCharm 4.0.4

➢ virtualenvの作成

➢ Tornadoのインストール

❖ Google Chrome

Page 54: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

その他用意したもの

❖ コードセット

➢ masterブランチソース

➢ 午前・午後 各1セット

❖ Github URL

➢ 講義資料(コピペするコード)

❖ アンケートフォームURL

Page 55: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

当日の流れ

Page 56: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

当日朝

❖ すべてのPC起動

❖ PyCharm起動

❖ Githubページ(講義資料)オープン

Page 57: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 58: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 59: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

講義

❖ PyLadiesのこと

❖ プログラミングってなに?

❖ Pythonってなに?

❖ どういうところで使われているの?

❖ 今日作るプログラムのこと

Page 60: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

へび子

Page 61: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

サインアップしたのに名前が表示されない!

Page 62: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加者に追加してもらった機能

サインアップ  チャット

実装されているハンドラ

Page 63: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 64: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

paste

paste

Page 65: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Javascripthtml Websocket

1. 名前入力 2.入力内容送信

3. 名前をログアウト時まで

保存

4.保存した名前を使って

チャットするように指示

5.チャット開始

Page 66: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

へび子

Page 67: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Sing up できた!

Page 68: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

こんにちは

Page 69: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Postしてもなにもおこらないよ(涙)

Page 70: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加者に追加してもらった機能

サインアップ  チャット

実装されているハンドラ

Page 71: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Javascripthtml Websocket

1. 発言入力 2.入力内容送信

3. 入力内容整形・他の人の

発言内容取得

4.表示の指示5.会話内容

表示

Page 72: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

こんにちは

Page 73: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Postできた!

Page 74: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 75: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

最後はみんなでチャット

Page 76: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

1. 講義

2. チャットページ遷移コード追加

トップページからチャット画面に遷移!

3. チャット機能コード追加

チャットができた!

3. チャット体験・質疑

参加者・スタッフとわいわい

Page 77: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

工夫した点

❖ 変化が目に見えるようにした

❖ 直接入力ではなくコピペにした

❖ 早く終わっている人へ発展的内容の説明

Page 78: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

当日の様子と反応

Page 79: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 80: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側
Page 81: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

チャットで出た質問

❖ 楽しいですか?

❖ 難しいですか?

❖ いつから学ぼうと思ったんですか?

❖ 英語は必要ですか?

❖ どうやって勉強しましたか?❖ どうやったらプログラマになれますか?

進路相談的質問多数

Page 82: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加後の感想

❖ とても楽しかったです

❖ わかりやすかったです

❖ また参加したいです

❖ プログラミングに興味が持てました

❖ もっと詳しく勉強してみたいです

うれしい感想

Page 83: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加後の感想

❖ こういう場で質問するのはとても勇気が

いるので、チャットで質問できるのはあり

がたかったです

チャットプログラムにしてよかった!

Page 84: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加後の感想

❖ コピペだけで残念

➢ 自分で作った感じがあまりしなかった

➢ もっとしっかりプログラミングを

学べると思ってた

❖ プログラミングの難しさを知りました

❖ 参加者のレベルの幅がある

❖ フォローアップ企画の実施

Page 85: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

参加後の感想

❖ 小学生向けの企画もこれから

期待します!

❖ 女性向けだけでなく子供向け

企画のニーズもありそう

Page 86: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

感想・反省・改善

Page 87: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

❖ うまく動かないPCがあった

➢ インストールのチェックが不十分だった

➢ 3人で3~4時間でPCのセットアップ

➢ マニュアルも作ってあったがひとつひと

つ確認する余裕がなかった

Page 88: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

一人のチューターにつき3名の初心者対応までが限界

Page 89: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

作業順とコード順の不一致

コピペ2

コピペ1

Page 90: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

コピペの落とし穴

ここにペーストとか。

字下げがされていなかったり。

Page 91: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Possibilities of Python

Page 92: PyLadies Tokyo - 初心者向けPython体験ワークショップ開催の裏側

Thank you for your attention