狠狠撸

狠狠撸Share a Scribd company logo
#CS2 事例セッション #2




                  meets


           クラウドが加速させる?
   デジタルクリエイションの世界

                    2012年9月13日(木)

                    株式会社 バスキュール
                    取締役/プロデューサー 田中 謙一郎
                    プロデューサー    ?西村 真里子
AGENDA
? 本日の登壇者、バスキュールについて
? バスキュールとクラウドコンピューティング
? 事例紹介
? クラウドコンピューティングのメリット
? Google App Engine, Microsoft Azure ?!
? バスキュールの未来はAWSとともに
Who are we?
?田中謙一郎(Ken-ichiro Tanaka)
取締役/プロデューサー/テクニカルディレクター

               2000年入社の純粋培養
               バスキューラー。
               こなした案件数百↑
               キーワード:
               「三方良し!」
Who are we?
?西村 真里子(Mariko Nishimura)
 プロデューサー

              2011年入社の新参
              バスキューラー。
              IBM, Adobe, Grouponを
              経て現職に至る。
              キーワード:
              「機動力で勝負!」
?インタラクティブクリエイティブの企画/制作
?2000年7月28日設立
?社員数41名
          16%   11%
                            プロデューサー
                      16%   ディレクター
                            PM
                            デザイナー
    29%               11%
                            フロントエンドエンジニア
                            サーバーサイドエンジニア
                18%
MISSION



  誰も体験したことが無い
新しいデジタルコミュニケーションを
    生み出していく
DOMAIN



インタラクティブ広告
ソーシャルキャンペーン
 デジタルサービス
Bascule × Cloud Computing?
MISSION



  誰も体験したことが無い
新しいデジタルコミュニケーションを
    生み出していく
MAKE MOVEMENT!
 具体的にどんな現象を起こさせたいのか?



   デジタルの力を利用して、
沢山の人々の心を動かし、行動させたい
MAKE MOVEMENT!




バスキュールのチャレンジを成功させるには
   Cloud Computingが欠かせません
The story has started...




     3 years ago



                                 0 9
                           2 0
Social Games use Cloud-Computing




      mixiアプリ        Facebookアプリ
     サンシャイン牧場          Ma?a Wars

                                     0 9
                               2 0
Cloud-Computing!


   We started using;
? Amazon Web Service
? Google App Engine
? Microsoft Azure
Case Studies
  30 over
Azure × 3
GAE × 12
× 15
2009/12   mixi        mixiXmas              ???ソーシャルキャンペーン          Google App Engine
2010/3    自社          お宝ほりっくOttiki          ???ソーシャルゲーム             AWS
2010/5    ユニリーバ?ジャパン AXE yobage                ソーシャルゲーム             Google App Engine
2010/9    ユニリーバ?ジャパン AXE新宿駅前風呂場?               ソーシャル イベント ??AWS
2010/10   ユニリーバ?ジャパン the Actress               ソーシャルゲーム             Google App Engine
2010/12   mixi        mixiXmas 2010            ソーシャルキャンペーン          Google App Engine
2011/6    サムスンテレコム    SPACE BALOON PROJECT デジタル イベント ??? AWS
2011/8    AXE         Sochool of Lock!         ラジオ ソーシャル ??? Google App Engine
2011/9    NTTぷらら      AKB48プレミアムチケット ?ソーシャルキャンペーン                   AWS
2011/10   NTTドコモ      Bag Interview         ???WEBキャンペーン            AWS
2011/10   パナソニック      Share The Passion        Facebook App       ??Google App Engine
2011/12   Bascule Go! mixiXmas 2011         ?? ソーシャルキャンペーン??Azure
2011/12   TOYOTA      AQUA SOCIAL FES!        ?WEBキャンペーン            AWS
2012/1    パナソニック      The World Face Games     iPhone App           Google App Engine
2012/2    明治製菓        Gum! カムカム             ???ソーシャルキャンペーン          AWS
2012/2    ソニー         DOT SWTICH ???????テレビ ソーシャル ??? AWS
2012/2    TOYOTA      AQUA SOCIAL DRIVE        iPhone App           AWS
2012/2    Bascule Go! Pelo                  ???iPhone App           Google App Engine
2012/2    JFA/adidus  日本代表スタジアム             ???iPhone / Android App AWS
2012/3    Bascule Go! Cotto             ???    Android App          Google App Engine
2012/3    KDDI        au FUN GATE           ???イベント デジタル            AWS
2012/4    コカコーラジャパン Fantaソーシャルラジオ              ラジオ ソーシャル            Google App Engine
2012/5    ユニリーバ?ジャパン AXE Hot Angle             イベント デジタル            AWS
2012/5    Nike        Nike iD Friend Studio    ソーシャルバナー             Azure
2012/5    Adobe       Font me               ???イベント デジタル            AWS
2012/6    TOYOTA      ソーシャルヒッチハイク              イベント デジタル            AWS
2012/6    KDDI        PASS OR GUN           ?? ソーシャルキャンペーン          AWS
2012/7    サントリー       エスプレッソーダ                 WEBキャンペーン            Google App Engine
2012/8    mixi        mixi Photoキャンペーン         ソーシャルキャンペーン          Google App Engine
Today’s Pick-up


デジタルキャンペーン
 #1 AXE Hot Angle
 #2 新宿駅前風呂場
 #3 Space Balloon Project
ソーシャルキャンペーン
 #4 mixiXmas
ソーシャルTV/ダブルスクリーン
 #5 mixiXmas CM連動
 #6 Social Stadium
#1 Latest Work

AXE HOT ANGLE
http://www.axeeffect.jp/dry/index.html
ライブ中継でも目线インタラクティブがしたかった?
Of course..!




当マイクロサイトはS3とCloudFrontを利用、
    动画の配信时にも础奥厂を利用
Technical Challenge


            360度カメラの映像を
            できるだけ高ビットレートで
            配信する必要がある




配信している映像の一部をワイプで切り出しているから、
         元の配信映像は巨大
Approach


                                                                                                                  Adobe Flash Media Server
                                                                                                                  を用いたライブストリーミン
                                                                                                                  グシステムを
                                                                                                                  CloudFormationのテンプ
                                                                                                                  レートを利用して、すごく簡
                                                                                                                  単にインフラを構築できた!
http://aws.typepad.com/aws_japan/2011/04/live-streaming-with-amazon-cloudfront-and-adobe-?ash-media-server.html
Tips - What we learned



S3 や CloudFrontを利用して独自ドメインの静的サイト
を構築できる(すごく簡単に)


Cloud Formation や FMS on EC2 を利用することで大
規模なライブ中継を実施するための配信プラットフォーム
を構築することができる
#2 On- & Off-line Event-1
2年前に実施した
初めてのリアルイベント連動の事例
2010年9月、新宿駅前に公开风吕场を设置しお风吕场をテーマ
    にライブイベントを実施してネットで中継
罢飞颈迟迟别谤からリアルタイムに质问を受け付けたり
ハッシュタグ付罢飞别别迟でリアルタイムにクイズに参加出来たり
回答者をリアルタイムに抽选して番组に反映
Ustreamやニコ生では実現できなかった視聴
 者参加型のライブイベント(番組)を実施
Technical Challenge

Twitter




                    Twitterからハッシュ付きTweetを
          風呂場システム   ひろってきて、リアルタイムに集
                    計し番組に反映しないといけない



 新宿
Approach
                US WEST                         US EAST
                nginx(reverce proxy)            nginx

      User PC




                Django                 Django   Django    Django




Operation PC
                MySQL                  MySQL    MySQL     MySQL




 風呂場PDP
                Django (クローラー)                  Django




                         イベントへの参加
Result


Twitterと連動するライブ中継イベントをAWSにて構築、
        問題なく無事終了することができた。


クラウド以前はリアルイベントを実施しても数千人しか参
  加できなかったが、ネットからのリアルタイム参加
  が可能になり、ソーシャルネットワークを通じ、
 多数ユーザーを巻込むイベントが実施可能になった。
#3 On- & Off-line Event -2

SPACE BALLOON PROJECT
30,000メートルの上空でのTweet体験




  http://s3-ap-northeast-1.amazonaws.com/bascule-archives/archive/2011/space_balloon_project/01/index.html
Technical Challenge




   宇宙からのライブ中継
Tweetを宇宙のGalaxyに届ける
Approach
Approach
 Japan




 nginx
                       US EAST
                      Apache/PHP   MySQL




Apache/PHP




MySQL        MySQL

                     ネバタ砂漠




Apache/PHP


                        上空3万メートル
Result




誰もが共感できるモノやコトをインターネットでリアルタ
 イムに配信することにより、数十万規模のユーザーに
    感动を届ける事が実现可能になった。
#4 Social App

mixi Xmas
AWS SUMMIT TOKYO 2012 - BASCULE SESSION
Background




     Ottiki                mixiXmas

2009年冬、当時2つのソーシャルアプリの開発を進めて
いた。クラウドを利用することが初めてだったことも
あって、IaaSの代表としてAWS、PaaSの代表として
  Google App Engineを同時並行で採用して、
   メリット/デメリットを知りたかった。
However, But, Unfortunately...
      PaaS =リソース制限無し!
           と勘違いが.....




 ”Datastore Entities Fetched”?
        Quota Over... orz
Result

        2009年:
       参加者100万人

           2010年:
      3日間で100万人到達
      25日間で250万人登録
Daily Active User = 100万人達成
2011
              さらに...
 2011年はマイクロソフト様がプラチナスポンサーに
Google App EngineからAzureへの置き換えを実施。




       2011年:
    2日で100万人到達!
#5 TV CM & Social App

  mixi Xmas CM
AWS SUMMIT TOKYO 2012 - BASCULE SESSION
Challenge




  3回しか放送されない特別CMの時間に
きてくれた全てのユーザーに参加機会を与える
Approach

徹底的にアクセスを予測。


0時台にActiveなモバイルユーザーの人数を5万人と予
測。そのうち関東は3万人。


3万人がCM後の3分間にどれくらい分散化し、どれく
らい集中するのかを予測し、その数倍のキャパをもつ
インフラを、その時間だけ増強。
Result




秒間数千APIリクエストに耐え
  3日間で50万人が参加
#6 TV & App
                ?
Social Stadium
Social Stadium実現の3つのチャレンジ

      同時に大量のユーザー
       の熱量を受付ける

     ユーザーのアクションを
     リアルタイムに集計し抽出

     ユーザーのアクションを
      リアルタイムにシェア
テレビ視聴を考慮

  視聴率1%でも100万人
 視聴率10%だと1000万人


 いままでとは桁がちがう相手を
   同時にアクセスを受付、
リアルタイムに処理する必要がある
1st Approach
                   Japan
 nginx                Redis (master)     Redis (slave)
 (reverce proxy)




  Django (APP)         RabbitMQ (SQS)




 MySQL                Celery (job que)




 MySQL
Cloud Computingを
  採用するメリット
イニシャルコスト
ランニングコスト
Value for using Cloud-Computing

    Cloud Computing Serviceの登場以前
夢みていたけど、避けていた企画を実現できることこそ
    バスキュールにとって最大のメリット


?利用ユーザーが極端に増大していく企画
?ソーシャルアプリ/ソーシャルゲーム




?瞬間的にユーザーが集まるような企画
?CM連動/リアルイベント連動
Curiosity..



Google App EngineやAzureを
 利用しているバスキュールが
 AWSを選択する理由とは?
开発要件からの各サービス比较
                      AWS   GAE   Azure
    開発期間が短い           △     ?       △
  同時アクセスが多い           ?     ?       ?
 アクセスの変動が激しい          ?     ?       ?
 構成の自由度を求める           ?     ×       △
 レスポンスがクリティカル         ?     ×       ?
開発言語の自由度を求める          ?     ×       ?
複数地域でのスタンバイが必要        ?     ×       △
静的コンテンツが大量にある         ?     ×       ?
  C#やSilverlightが必要   △     ×       ?
                                  ※バスキュールの調べ
IaaS or PaaS?



       要件に応じて
IaaSとPaaSの特性をふまえ選択
国産IaaS or Amazon
选択の自由、フレキシブルな対応




     Amazonのソリューション群が
バスキュールの多様なクリエイティブ案件にマッチ
国産IaaS or Amazon


       現状では
   痒いところに手が届く
多様なAmazonソリューション群が
  クリエイティブ案件に最適
Cloud Computingを活用した次のチャレンジ
NEXT CHALLENGE!




ダブルスクリーン、ソーシャルTV
Original Solutions


 大量同時投票受付/集計BaaS
      Harvest Moon

Social Activity プッシュ配信BaaS
      Sonic Shooter
9/28 TBSにてソーシャルTV体験発動!




大炎上生テレビ オレにも言わせろ!
 9月28日(金) 24:45~26:15
AWS SUMMIT TOKYO 2012 - BASCULE SESSION
#CS2 事例セッション #2




                  meets



       ありがとうございました!

More Related Content

AWS SUMMIT TOKYO 2012 - BASCULE SESSION