Presentation about MIZUDERU which we created when a big earthquake hit Kumamoto. What was happening and how we worked on it to publish the service on the very site.

1. 地震で水とまった感やばかったから
MIZUDERU.INFOみんなで作ってみた http://mizuderu.info/

2. 自己紹介
名前
年齢
住まい
お仕事
和泉 信生 （いずみ しのぶ）
36(10)
熊本県
情報科学、ソフトウェア工学の知見に基づいた異分野共同による価値の創出
（スマート雨水タンクグリッド、車椅子ナビゲーション）
崇城大学 情報学部 情報学科 助教
SNS Facebook
https://www.facebook.com/shinobu.izumi
Github https://github.com/shinobushiva/

3. http://mizuderu.info
https://github.com/shinobushiva/WaterGithub→
熊本地震において即興で開発された、地図上で水が出る、出ない、提供できる、漏水状況を
投稿・確認できるWebサービス
鳥取県で発生した自身により倉吉市で断水発生のため、本日早朝再稼働しました

4. mizuderu.infoの由来
金額的な問題でrejectされた幻のmizude.ru

5. 主な使い方
地図上から地点をタップ(クリック)して状況
を投稿します。
スマホなどGPS機能搭載デバイスは現在位置
が初期で設定されます。水漏れの場合は画像
も投稿できます。
水が出ない時はこんな感じに赤色でマークさ
れて内容を確認できます。

6. 主な使い方
水が出る時はこんな感じに青色でマークされ
て内容を確認できます。
投稿状況種類や時系列で絞り込みできます。

7. 主な使い方
水漏れは赤×印でマークされて画像があれば
画像と一緒に内容を確認できます。

8. とりあえず本震の時の状況
• AM1:25 本震発生
本震発生→停電、断水
友人や学生とLine&FBで連絡、
iPhone＆PCの電池残量確認、余震を堪能
• AM3:30
電気復旧→14階で火災の警報（自宅13階）
→ パソコンと楽器を持ってダッシュで避難（水を忘れる）
• 4/16 AM1:00 自宅でバイオハザード６

9. とりあえず本震の時の状況
• AM5:30
14階を確認しにいく→スプリンクラーで水やばいけど火は出て
なさそう→ アパートのつなぎ部分メキョメキョでリアルバイ
オハザード → 部屋に戻る
• AM6:00 ベッドイン、就寝（火災報知機の鳴り続けるなか）

10. 着想
自宅 出てる
道はさんで２分のとこの卒業生 （市役所
職員）のアパート
泥水
学生の家（車で１０分） 断水
大学（車で１５分） 断水らしい
近くの小学校(避難所）Twitter情報 断水らしい
上下水道局発表 俺の地域全面断水、、、？

11. ぶん投げ開発
誰か釣れないかなー（大学に移動中）（釣れなきゃ自分でやろう）
釣れた！！っていうか納品きた！！！！
HTMLもベタ書きのPHP + MySQL！無問題！
あなたの開発速度にFalling Love！

12. ぶん投げ開発
デプロイ先？ Beanstalk っしょ！？
とりあえずデプロイできる形にコード修正しつつ
FBにグループ作って協力者確保
公開
4/17 13時頃

13. 問答無用の勧誘
ここの人選はワタシの独断と偏見。笑
いい感じにして

14. 開発チーム
メインプログラマ
新垣圭祐＠車中泊
フリーエンジニア
和泉研究室 修士 単位取得退学
村上卓＠避難所
フリーエンジニア
和泉研究室 修士 修了
菊川稀玲＠実家（福岡近く）
崇城大学学部２年生
プロトタイプ開発者
外部との連絡、連携
山ノ内 祥訓＠自宅
現熊本大学医学部助教（元エンジニア：生ける伝説）
和泉 信生＠学生の実家
崇城大学 助教
プロマネという名のぶん投げ

15. 前震 本震
14日 15日 16日
和泉先生の
ツイート
13:49
菊川くんの最初の
リリース！
15:37
17日 18日 19日 20日
夜
お昼前
和泉先生つながりのエ
ンジニア緊急招集
JAWS-UG、
関西PHP-UG参戦
15時ごろ
AWS環境変更
ドメイン取得
夕方～深夜
22時ごろ
Elastic Beanstalkで
動くように手直し
UGからの大量プル
リクww
夕～ずっと
AWS環境変更
暖機運転準備
NHK砲第1波開始!!
22時～22時半
15時～18時
mizuderu.info
SNS拡散開始!!
星野さんの漏水報告
サービスを発見
早朝
サービス統合開始
夕方
サービス統合版リリ
ース！
夜
画像投稿機能追加
朝
BeansTaik化して最
初のリリース！
13時ごろ
mizuderuタイムライン

16. 脳内タスク管理＆フィーリング実装
いい加減に付けたテスト用の名前が
そのまま本番に…
タスク管理はFacebook
グループで
タスク管理:Facebookグループ→Googleスプレッドシート→Backlog→Github Issue
コミュニケーション:Facebookグループ(内部)とSlack(コミュニティ連携)の併用

17. 劣悪な作業環境にもめげない

18. 災害時にサービスを開発する
• 案外できるーAWSがあれば、ね♫
• メディアに広めてもらうこと大事→使ってもらう
• 行政はてんやわんやで連携難しい
（事前にフォーメーションを作っとかないと無理）

19. 感謝
• 星野 雅治 様 ー 水漏れ通知サービス開発者
• Amazon Japan 様
• JAWS-UG の皆様
• PHP-UG 関西の皆様
• FB Groupで開発に参加してくださった19名の皆様
• NHK様

20. 数字的なお話
4/16～4/30の間の実績
水の状況：
漏水状況：
全6205件の報告(出ない4304件、出る1478件、提供可能87件)
全153件の報告(うち画像あり105件)
4/17 4/18 4/19 4/20 4/21 4/22 4/23 4/24 4/25 4/26
267 1008 1102 1108 955 610 456 301 193 85
267 1275 2377 3485 4440 5050 5506 5807 6000 6085
全投稿数推移

21. トラフィックレポート(全体)

22. トラフィックレポート(4/18～19)
SNS拡散？
開発メンバー？
NHK砲

23. コミュニティの支援(JAWS-UG)
↓ここはAWSJの支援

24. コミュニティの支援(関西PHP-UG)

25. （ただし）迫りくるプルリクの嵐
何も考えずにマージボタンおしたい(遠目)

26. HNK砲 強力

27. 初めての暖気申請
耐えました！

28. これを支えたAWSのアーキテクチャ
16日昼～16日夜
t1.micro
(EC2 Classic) 1台
Amazon Linux
Apache
PHP
MySQL
全部入り
非VPC
EC2のIP
mizuderu.info第一形態

29. デプロイ面倒だからちょっと変えよう
16日夜～17日夕
t1.micro
(EC2 Classic) 1台
Elastic BeansTalk追加
BeansTalkのURL
mizuderu.info第二形態

30. さすがにこのままは問題だよね～
t2.micro 1～2台 db.t2.small 1台
17日夕～18日昼
mizuderu.info
Route53でドメイ
ン取得＆DNS
EC2の前面にElastic Load
Balancing(CLB)追加
VPC内へ移動
MySQLを
RDSへ分離
負荷分散のため
Auto Scaling設定
最新インスタンス
タイプに変更
mizuderu.info第三形態

31. 最終的にこうなった
m3.medium 4～8台 m3.large 1台
18日昼～
Auto Scaling Group
負荷対策の
Cloud Front
負荷対策の
ElastiCache(20日追加
)
投稿画像保存の
S3(19日追加)
インスタンスタイプを変更
インスタンスタイプを変
更しスケール数も増加mizuderu.info第四形態

32. わずか2日で一気にスケールアップ
16日昼～16日夜
t1.micro
(EC2 Classic) 1台
t1.micro 1台
非VPC
16日夜～17日夕
t2.micro 1～2台
db.t2.small 1台
17日夕～18日昼
m3.medium 4～8台
m3.large 1台
18日昼～

33. mizuderu.infoの今後
実のところいまだに断水している個所はあるのですが、一応熊本地震での
役目は終わり現在サービス休止にしています。ただ、次なにかあって必要
と判断したら再度デプロイの予定です・・・。
あと、このサービスの「地図上へ画像を含めたプロット」というコンセプ
トは他の目的でもサービスとして使えるんじゃないかと考えています。
なので・・・
Forkして使ってね(^^♪
※ライセンスはMITにしています。

34. MIZUDERUからNEKODERU
へ

35. Love