LIGのクリスマスを支えた技術(html5minutes:5分)

SHIFTBRAINとLIGで行ったクリスマス企画 ( http://sblig.christmas/ ) の裏側技術や実装の話です。html5minutes新年会( http://peatix.com/event/64888/ )で発表しました。

技術的な部分を話そうとしたのですが、時間が足りなそうだったので後半は企画のコンセプトや想い、感じたことを話しています。

ぜひ報告記事も見てみてください :)

※思った以上に #おねがいサンタ を知っている人が多くて嬉しかったです。

参考: 報告記事「SHIFTBRAIN×LIGのサンタたちが、働くオトナにワクワクをお届けしました！」
http://liginc.co.jp/news/notice/report/138764

Transcript

1. LIGのクリスマスを ⽀支えた技術 株式会社LIG  菅原  のびすけ     (@n0bisuke) ΤϞ͍࿩ͷྲྀΕʹมߋ
2. ⾃自⼰己紹介 菅原のびすけ  (LIG  inc) 出⾝身:  宮城⽣生まれ岩⼿手育ち   特技:  わんこそば  (130杯  /  5分) ギークハウス  -‐‑‒>  0円シェアハウス 最近milkcocoa公認   エバンジェリストに！ LIGの新⼊入社員です。   4⽉月に上京しました。 クリエイターズシェアハウストラブル|⼊入居者1名募集中   http://www.tolabl-‐‑‒newmember.com/
3. 皆さん、クリスマスは   いかがお過ごしでしたか？
4. おそらく、   仕事してましたよね？
5. そんな、働く社会⼈人のための   クリスマス企画を⾏行行いました。
6. 働くオトナにわくわくを   届けたクリスマス企画 「SANTA  CLOSE  TO  YOU」 4)*'5#3"*/º-*(Ͱ࣮ࢪ
8. 「SANTA  CLOSE  TO  YOU」 #おねがいサンタ #おねがいサンタ  でツイートした⼈人に     実際にサンタがプレゼントを届けに⾏行行きました。
9. それぞれのサンタにはGPS発信と   動画配信(ツイキャス)をやってもらいました。
10. 働くオトナに   わくわくを届けられた   企画でした。
11. この企画の裏裏側の話をします。
12. この企画の裏裏側の話をします。 (技術⾯面)
13. 全体的に初めてのことばかり ⼤大変だったこと ・当⽇日に発⽣生しうる問題の予測   ・王道の実装法が分からない   ・動作テストが充分ではない   (そもそも充分かどうかすら分からない) 4,*1
    4-*%&
14. 全体的に初めてのことばかり ⼤大変だったこと ・当⽇日に発⽣生しうる問題の予測   ・王道の実装法が分からない   ・動作テストが充分ではない   (そもそも充分かどうかすら分からない) 社外の経験者に聞きまくった。 ※社内で聞ける⼈人がいない場合は外部とのコネクションがかなり⽣生きる 4,*1
    4-*%&
15. 当⽇日の予測が出来ない ⼤大変だったこと ・同時接続数   ・PV数   ・サーバー負荷   …etc 4,*1
    4-*%&
16. 当⽇日の予測が出来ない ⼤大変だったこと ・同時接続数   ・PV数   ・サーバー負荷   …etc ・平⽇日⽇日中のLIGBLOGの同時接続 数から接続数やPVを予想   ・EC2と分離離して、S3に静的サイト を載せることでwebサーバー負荷に 備える 4,*1
    4-*%&
17. 実装範囲に対して時間が   ⾜足りない ⼤大変だったこと ・着⼿手から2,3週間くらいで実装   ・実装範囲が広い   (インフラ構築,  サーバープログラム実装,   スケール対応,DB,  リアルタイム通信,   GPS,  iOSアプリ…etc) ※フロント側はSHIFTBRAINのエンジニアが担当
18. 実装範囲に対して時間が   ⾜足りない ⼤大変だったこと ・着⼿手から2,3週間くらいで実装   ・実装範囲が広い   (インフラ構築,  サーバープログラム実装,   スケール対応,DB,  リアルタイム通信,   GPS,  iOSアプリ…etc) →milkcocoaを導⼊入   かなり⼯工数が削減できた。
19. milkcocoaとは…? これ     (前の発表のタジマさん^q^)
20. →milkcocoaを導⼊入   かなり⼯工数が削減できた。 ユーザー http   通信 socket   通信 EC2とS3の分離離 webサイトアクセス数   =Socketのコネクション数 導⼊入前の構成 コスト   (⼈人,⾦金金)   問題
21. →milkcocoaを導⼊入   かなり⼯工数が削減できた。 ユーザー http   通信 socket   通信 EC2とS3の分離離+milkcocoa= コネクション数増加時の負荷は   milkcocoaに吸収してもらう socket   通信 導⼊入後の構成 かなり   コスト   削減 負荷   分散
22. ⼤大変だったこと と 対処した⽅方法 ⾊色々あったんですけど   時間が無いので懇親会   などでお話しましょう。
24. こんな裏裏話があって、笑顔と   わくわくを届けられました。
25. 今回感じたこと (内容ブレるけど) プレゼントだけではなく、“サンタ がウチのオフィスに来るかな？”、 “近くを通ってるけど寄ってくれな いかな？”といった、ワクワク・ド キドキする気持ちそのものを届けら れたと思っています。
26. メタフェイズさんの ツイッターがまさに 狙い通り
27. ⼤大事なことってなんだろ すんごい表現のビジュアライズがは やってるけど…   コンセプトやメッセージが⼤大事   なんじゃないかと改めて実感。
29. まとめ ・盛り上がったクリスマス企画 ・その裏裏側では意外と    　⾊色々作ってました  -‐‑‒  milkcocoaに助けられたと⾔言っても過⾔言ではない ・わくわくを届けるってすばらしい。
30. 報告記事「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