Successfully reported this slideshow.
Your SlideShare is downloading. ×

MIZUDERU presentation @ JAWS-UG Festa 2016 in Nagoya

Upcoming SlideShare
Tagajo20150602
Tagajo20150602
Loading in …3
×

Check these out next

1 of 35 Ad
1 of 35 Ad

MIZUDERU presentation @ JAWS-UG Festa 2016 in Nagoya

Download to read offline

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.

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.

Advertisement
Advertisement

More Related Content

Advertisement

MIZUDERU presentation @ JAWS-UG Festa 2016 in Nagoya

  1. 1. 地震で水とまった感やばかったから MIZUDERU.INFOみんなで作ってみた http://mizuderu.info/
  2. 2. 自己紹介 名前 年齢 住まい お仕事 和泉 信生 (いずみ しのぶ) 36(10) 熊本県 情報科学、ソフトウェア工学の知見に基づいた異分野共同による価値の創出 (スマート雨水タンクグリッド、車椅子ナビゲーション) 崇城大学 情報学部 情報学科 助教 SNS Facebook https://www.facebook.com/shinobu.izumi Github https://github.com/shinobushiva/
  3. 3. http://mizuderu.info https://github.com/shinobushiva/WaterGithub→ 熊本地震において即興で開発された、地図上で水が出る、出ない、提供できる、漏水状況を 投稿・確認できるWebサービス 鳥取県で発生した自身により倉吉市で断水発生のため、本日早朝再稼働しました
  4. 4. mizuderu.infoの由来 金額的な問題でrejectされた幻のmizude.ru
  5. 5. 主な使い方 地図上から地点をタップ(クリック)して状況 を投稿します。 スマホなどGPS機能搭載デバイスは現在位置 が初期で設定されます。水漏れの場合は画像 も投稿できます。 水が出ない時はこんな感じに赤色でマークさ れて内容を確認できます。
  6. 6. 主な使い方 水が出る時はこんな感じに青色でマークされ て内容を確認できます。 投稿状況種類や時系列で絞り込みできます。
  7. 7. 主な使い方 水漏れは赤×印でマークされて画像があれば 画像と一緒に内容を確認できます。
  8. 8. とりあえず本震の時の状況 • AM1:25 本震発生 本震発生→停電、断水 友人や学生とLine&FBで連絡、 iPhone&PCの電池残量確認、余震を堪能 • AM3:30 電気復旧→14階で火災の警報(自宅13階) → パソコンと楽器を持ってダッシュで避難(水を忘れる) • 4/16 AM1:00 自宅でバイオハザード6
  9. 9. とりあえず本震の時の状況 • AM5:30 14階を確認しにいく→スプリンクラーで水やばいけど火は出て なさそう→ アパートのつなぎ部分メキョメキョでリアルバイ オハザード → 部屋に戻る • AM6:00 ベッドイン、就寝(火災報知機の鳴り続けるなか)
  10. 10. 着想 自宅 出てる 道はさんで2分のとこの卒業生 (市役所 職員)のアパート 泥水 学生の家(車で10分) 断水 大学(車で15分) 断水らしい 近くの小学校(避難所)Twitter情報 断水らしい 上下水道局発表 俺の地域全面断水、、、?
  11. 11. ぶん投げ開発 誰か釣れないかなー(大学に移動中)(釣れなきゃ自分でやろう) 釣れた!!っていうか納品きた!!!! HTMLもベタ書きのPHP + MySQL!無問題! あなたの開発速度にFalling Love!
  12. 12. ぶん投げ開発 デプロイ先? Beanstalk っしょ!? とりあえずデプロイできる形にコード修正しつつ FBにグループ作って協力者確保 公開 4/17 13時頃
  13. 13. 問答無用の勧誘 ここの人選はワタシの独断と偏見。笑 いい感じにして
  14. 14. 開発チーム メインプログラマ 新垣圭祐@車中泊 フリーエンジニア 和泉研究室 修士 単位取得退学 村上卓@避難所 フリーエンジニア 和泉研究室 修士 修了 菊川稀玲@実家(福岡近く) 崇城大学学部2年生 プロトタイプ開発者 外部との連絡、連携 山ノ内 祥訓@自宅 現熊本大学医学部助教(元エンジニア:生ける伝説) 和泉 信生@学生の実家 崇城大学 助教 プロマネという名のぶん投げ
  15. 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. 16. 脳内タスク管理&フィーリング実装 いい加減に付けたテスト用の名前が そのまま本番に… タスク管理はFacebook グループで タスク管理:Facebookグループ→Googleスプレッドシート→Backlog→Github Issue コミュニケーション:Facebookグループ(内部)とSlack(コミュニティ連携)の併用
  17. 17. 劣悪な作業環境にもめげない
  18. 18. 災害時にサービスを開発する • 案外できるーAWSがあれば、ね♫ • メディアに広めてもらうこと大事→使ってもらう • 行政はてんやわんやで連携難しい (事前にフォーメーションを作っとかないと無理)
  19. 19. 感謝 • 星野 雅治 様 ー 水漏れ通知サービス開発者 • Amazon Japan 様 • JAWS-UG の皆様 • PHP-UG 関西の皆様 • FB Groupで開発に参加してくださった19名の皆様 • NHK様
  20. 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. 21. トラフィックレポート(全体)
  22. 22. トラフィックレポート(4/18~19) SNS拡散? 開発メンバー? NHK砲
  23. 23. コミュニティの支援(JAWS-UG) ↓ここはAWSJの支援
  24. 24. コミュニティの支援(関西PHP-UG)
  25. 25. (ただし)迫りくるプルリクの嵐 何も考えずにマージボタンおしたい(遠目)
  26. 26. HNK砲 強力
  27. 27. 初めての暖気申請 耐えました!
  28. 28. これを支えたAWSのアーキテクチャ 16日昼~16日夜 t1.micro (EC2 Classic) 1台 Amazon Linux Apache PHP MySQL 全部入り 非VPC EC2のIP mizuderu.info第一形態
  29. 29. デプロイ面倒だからちょっと変えよう 16日夜~17日夕 t1.micro (EC2 Classic) 1台 Elastic BeansTalk追加 BeansTalkのURL mizuderu.info第二形態
  30. 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. 31. 最終的にこうなった m3.medium 4~8台 m3.large 1台 18日昼~ Auto Scaling Group 負荷対策の Cloud Front 負荷対策の ElastiCache(20日追加 ) 投稿画像保存の S3(19日追加) インスタンスタイプを変更 インスタンスタイプを変 更しスケール数も増加mizuderu.info第四形態
  32. 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. 33. mizuderu.infoの今後 実のところいまだに断水している個所はあるのですが、一応熊本地震での 役目は終わり現在サービス休止にしています。ただ、次なにかあって必要 と判断したら再度デプロイの予定です・・・。 あと、このサービスの「地図上へ画像を含めたプロット」というコンセプ トは他の目的でもサービスとして使えるんじゃないかと考えています。 なので・・・ Forkして使ってね(^^♪ ※ライセンスはMITにしています。
  34. 34. MIZUDERUからNEKODERU へ
  35. 35. Love

×