クリスマス企画を技術面から振り返り ( #ヒカラボ : 15分)

2015/4/28 ヒカラボでのイベント

・インフラ問題
・GPS問題
・ツイッター問題
について

Transcript

1. クリスマス企画を技術⾯面から   振り返り 株式会社LIG  菅原  のびすけ     (@n0bisuke) ヒカ☆ラボ  2015/4/28
2. ࣗݾ঺հ ੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2೥໨) ग़਎
   ٶ৓ੜ·Εؠखҭͪ
   ಛٕ
   ΘΜͦ͜͹
   ഋ
   
   ෼
   झຯ
   ઇ߹ઓ #BB4
   *P5
   ϦΞϧλΠϜ௨৴ͳͲ͕޷͖
3. ιʔγϟϧΩϟϯϖʔϯʹ ॏཁͳͷ͸ϦΞϦςΟͩʂ by γϑτϒϨΠϯࢁຊࢯ
4. ιʔγϟϧΩϟϯϖʔϯʹॏཁͳͷ͸ ϦΞϦςΟͩʂ by ϦΞϦςΟΛ࣮ݱ͢ΔͨΊ ͷେมͩͬͨ͜ͱ΍ɺؾΛ ͚ͭͨ͜ͱΛ঺հ͠·͢ɻ ܦݧͱ͕࣌ؒ଍Γͳ͍தͰ
5. TOPICS Πϯϑϥ໰୊
   (14໰୊
   πΠολʔ໰୊
7. Πϯϑϥ (14 πΠολʔ
8. 1. Πϯϑϥ໰୊
9. 実装範囲に対して時間が   ⾜足りない ⼤大変だったこと ・着⼿手から2,3週間くらいで実装   ・実装範囲が広い   (インフラ構築,  サーバープログラム実装,   スケール対応,DB,  リアルタイム通信,   GPS,  iOSアプリ…etc) ※フロント側はSHIFTBRAINのエンジニアが担当
10. 実装範囲に対して時間が   ⾜足りない ⼤大変だったこと ・着⼿手から2,3週間くらいで実装   ・実装範囲が広い   (インフラ構築,  サーバープログラム実装,   スケール対応,DB,  リアルタイム通信,   GPS,  iOSアプリ…etc) →milkcocoaを導⼊入   かなり⼯工数が削減できた。
11. →milkcocoaを導⼊入   かなり⼯工数が削減できた。 ユーザー http   通信 socket   通信 EC2とS3の分離離 webサイトアクセス数   =Socketのコネクション数 導⼊入前の構成 コスト   (⼈人,⾦金金)   問題
12. →milkcocoaを導⼊入   かなり⼯工数が削減できた。 ユーザー http   通信 socket   通信 EC2とS3の分離離+milkcocoa= コネクション数増加時の負荷は   milkcocoaに吸収してもらう socket   通信 導⼊入後の構成 かなり   コスト   削減 負荷   分散
13. Πϯϑϥ໰୊ͷֶͼ ɾS3͸ίεύ͕ྑ͍ ɾΩϟϯϖʔϯͱBaaS͸૬ੑ ͕ྑ͍͔΋(Milkcocoaྑ͍Α)
14. 2. GPS໰୊
15. GPS問題 ⼤大きく分けると⼆二つ   ・地下鉄問題   ・端末問題
16. GPS-‐‑‒地下鉄問題 ・企画的に電⾞車車移動はマスト   ・休⽇日に検証
17. ⼤大江⼾戸線が深すぎる
18. 場所によって結果がﾏﾁﾏﾁ ←電⾞車車(地上) ←地下鉄 屋外  /  移動中  /地下  /  屋内(⾼高層ビル  or  それ以外)
19. GPS-‐‑‒端末問題 iPhone4  +  WiMAXでテストしたら   上⼿手く位置情報が反映されなかった。 前提知識識   ・GPS発信端末はで揃えたほうが良良い   ・iPhoneとAndroidで差があるみたい + ❌
20. GPS-‐‑‒端末問題 iPhone4  +  LTE(確かau)でテストしたら   上⼿手く位置情報が反映されなかった。 ネットワークを疑う  -‐‑‒>  WiMAXは悪くなかった + ❌
21. GPS-‐‑‒端末問題 iPhone5  +  WiMAXでテストしたら   上⼿手く位置情報が反映された。 + 端末を疑う  -‐‑‒>  iPhone4に原因が… ⭕
22. GPSରԠ ɾ৔ॴʹΑͬͯGPSޡࠩ ɾ୺຤ʹΑͬͯ͸্ख͘Ґஔ৘ใൃ৴ ͕ग़དྷͳ͍ Ͳ͜·ͰϦΞϧλΠϜੑ͕ඞཁ͔࠶ݕ౼ → 5ඵʹ1ճͷൃ৴Λ15ඵ~ 30ඵ͘Β͍ʹ → ޡ͕ࠩੜͨ͡৔߹͸ൃ৴͠ͳ͍
23. GPS໰୊ͷֶͼ ɾ஍Լమ΍Ҡಈத͸ཁݕ౼ ɾൃ৴༻୺຤ͷਫ਼౓͸༧Ί஌ͬͯ ͓͖͍ͨ ɾ”ͲΕ͘Β͍”ͷϦΞϧλΠϜੑ ͕ඞཁͳͷ͔ݕ౼͢Δͱྑ͍
24. 3. πΠολʔ໰୊
25. ツイッター問題 ⼤大きく分けると⼆二つ   ・NGワードフィルタ   ・SNS⽂文化を読めなかった
26. NGワードフィルタが逆に… Twitterからの投稿をリアルタイムに反映   ↓   NGワードフィルタ⼊入れないとまずいよね?   ↓   当⽇日、反映されるべき内容が   反映されてなかった汗
27. SNS⽂文化を読めなかった Twitterからの画像取得     “#ありがとサンタ  +  画像URL”
28. 実例例:  違うハッシュタグも同時にツイート
29. 実例例:  Instagramなどシェアが画像URL では無いサービス
30. 実例例:  ハッシュタグのみ  or  ハッシュタグ+URL 実例例:  多分イベント関係無いツイート 実例例:  #ありがとうサンタ  の間違い
31. 実例例:  サイトURL  +  画像URL
32. 実例例:  過去のツイートをリンクに含める
33. πΠολʔ໰୊ͷֶͼ ɾNGϫʔυ͸ҙ֎ͱେৎ෉? ɾࣄલʹSNSจԽʹ׳Ε͓͖͍ͯͨ →SNSͷ࢖͍ํΛࣄલʹ૝ఆͯ͠ɺ ॊೈͳઃܭΛ
34. ·ͱΊ  Πϯϑϥ໰୊
    ɾS3͸ίεύ͕ྑ͍ ɾΩϟϯϖʔϯͱBaaS͸૬ੑ͕ྑ͍͔΋(Milkcocoaྑ͍Α)  (14໰୊
    ɾ஍Լమ΍Ҡಈத͸ཁݕ౼ ɾൃ৴༻୺຤ͷਫ਼౓͸༧Ί஌͓͖͍ͬͯͨ ɾ”ͲΕ͘Β͍”ͷϦΞϧλΠϜੑ͕ඞཁͳͷ͔ݕ౼͢Δͱྑ͍  πΠολʔ໰୊
    ɾNGϫʔυ͸ҙ֎ͱେৎ෉? ɾࣄલʹSNSจԽʹ׳Ε͓͖͍ͯͨ →SNSͷ࢖͍ํΛࣄલʹ૝ఆͯ͠ɺॊೈͳઃܭΛ ܦݧͱ͕࣌ؒ଍Γͳ͍தͰେมͩͬͨ͜ͱɺؾΛ͚ͭͨ͜ͱ
35. こんな裏裏話があって、笑顔と   わくわくを届けられました。 最後に…
36. 今回感じたこと (内容ブレるけど) プレゼントだけではなく、“サンタ がウチのオフィスに来るかな？”、 “近くを通ってるけど寄ってくれな いかな？”といった、ワクワク・ド キドキする気持ちそのものを届けら れたと思っています。
37. メタフェイズさんの ツイッターがまさに 狙い通り
38. ⼤大事なことってなんだろ すんごい表現のビジュアライズがは やってるけど…   コンセプトやメッセージが⼤大事   なんじゃないかと改めて実感。
40. 報告記事「SHIFTBRAIN×LIGのサンタたちが、働くオト ナにワクワクをお届けしました！」   http://liginc.co.jp/news/notice/report/138764 本サイト「SANTA  CLOSE  TO  YOU」   http://sblig.christmas/ 参考リンク milkcocoa-‐‑‒JavaScript⼀一⾏行行に詰め込まれたバックエンド   https://mlkcca.com/ 告知記事「メリークリスマス。12⽉月25⽇日、岩上サンタ があなたのオフィスに⾏行行くかもしれません。」   http://liginc.co.jp/news/notice/house-‐‑‒event/ 135926