#CS2 事例セッション #2                  meets           クラウドが加速させる    デジタルクリエイションの世界                    2012年9月13日(木)            ...
AGENDA• 本日の登壇者、バスキュールについて• バスキュールとクラウドコンピューティング• 事例紹介• クラウドコンピューティングのメリット• Google App Engine, Microsoft Azure ?!• バスキュールの未...
Who are we?•田中謙一郎(Ken-ichiro Tanaka)取締役/プロデューサー/テクニカルディレクター               2000年入社の純粋培養               バスキューラー。             ...
Who are we?•西村 真里子(Mariko Nishimura) プロデューサー              2011年入社の新参              バスキューラー。              IBM, Adobe, Groupo...
•インタラクティブクリエイティブの企画/制作•2000年7月28日設立•社員数41名          16%   11%                            プロデューサー                      16% ...
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アプリ     サンシャイン牧場          Mafia Wars                          ...
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 Engine2010/3    自社          お宝ほりっくOttiki   ...
Today’s Pick-upデジタルキャンペーン #1 AXE Hot Angle #2 新宿駅前風呂場 #3 Space Balloon Projectソーシャルキャンペーン #4 mixiXmasソーシャルTV/ダブルスクリーン #5 m...
#1 Latest WorkAXE HOT ANGLE
http://www.axeeffect.jp/dry/index.html
ライブ中継でも目線インタラクティブがしたかった♪
Of course..!当マイクロサイトはS3とCloudFrontを利用、    動画の配信時にもAWSを利用
Technical Challenge            360度カメラの映像を            できるだけ高ビットレートで            配信する必要がある配信している映像の一部をワイプで切り出しているから、        ...
Approach                                                                                                                  ...
Tips - What we learnedS3 や CloudFrontを利用して独自ドメインの静的サイトを構築できる(すごく簡単に)Cloud Formation や FMS on EC2 を利用することで大規模なライブ中継を実施するための...
#2 On- & Off-line Event-1
2年前に実施した初めてのリアルイベント連動の事例
2010年9月、新宿駅前に公開風呂場を設置しお風呂場をテーマ    にライブイベントを実施してネットで中継
Twitterからリアルタイムに質問を受け付けたり
ハッシュタグ付Tweetでリアルタイムにクイズに参加出来たり
回答者をリアルタイムに抽選して番組に反映
Ustreamやニコ生では実現できなかった視聴 者参加型のライブイベント(番組)を実施
Technical ChallengeTwitter                    Twitterからハッシュ付きTweetを          風呂場システム   ひろってきて、リアルタイムに集                    ...
Approach                US WEST                         US EAST                nginx(reverce proxy)            nginx      ...
ResultTwitterと連動するライブ中継イベントをAWSにて構築、        問題なく無事終了することができた。クラウド以前はリアルイベントを実施しても数千人しか参  加できなかったが、ネットからのリアルタイム参加  が可能になり、ソ...
#3 On- & Off-line Event -2SPACE BALLOON PROJECT
30,000メートルの上空でのTweet体験  http://s3-ap-northeast-1.amazonaws.com/bascule-archives/archive/2011/space_balloon_project/01/inde...
Technical Challenge   宇宙からのライブ中継Tweetを宇宙のGalaxyに届ける
Approach
Approach Japan nginx                       US EAST                      Apache/PHP   MySQLApache/PHPMySQL        MySQL    ...
Result誰もが共感できるモノやコトをインターネットでリアルタ イムに配信することにより、数十万規模のユーザーに    感動を届ける事が実現可能になった。
#4 Social Appmixi Xmas
Background     Ottiki                mixiXmas2009年冬、当時2つのソーシャルアプリの開発を進めていた。クラウドを利用することが初めてだったこともあって、IaaSの代表としてAWS、PaaSの代表と...
However, But, Unfortunately...      PaaS =リソース制限無し!           と勘違いが..... ”Datastore Entities Fetched”         Quota Over.....
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
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)  ...
Cloud Computingを  採用するメリット
イニシャルコストランニングコスト
Value for using Cloud-Computing    Cloud Computing Serviceの登場以前夢みていたけど、避けていた企画を実現できることこそ    バスキュールにとって最大のメリット・利用ユーザーが極端に増大...
Curiosity..Google App EngineやAzureを 利用しているバスキュールが AWSを選択する理由とは?
開発要件からの各サービス比較                      AWS   GAE   Azure    開発期間が短い           △     ⃝       △  同時アクセスが多い           ⃝     ⃝   ...
IaaS or PaaS?       要件に応じてIaaSとPaaSの特性をふまえ選択
国産IaaS or Amazon
選択の自由、フレキシブルな対応     Amazonのソリューション群がバスキュールの多様なクリエイティブ案件にマッチ
国産IaaS or Amazon       現状では   痒いところに手が届く多様なAmazonソリューション群が  クリエイティブ案件に最適
Cloud Computingを活用した次のチャレンジ
NEXT CHALLENGE!ダブルスクリーン、ソーシャルTV
Original Solutions 大量同時投票受付/集計BaaS      Harvest MoonSocial Activity プッシュ配信BaaS      Sonic Shooter
9/28 TBSにてソーシャルTV体験発動!大炎上生テレビ オレにも言わせろ! 9月28日(金) 24:45∼26:15
#CS2 事例セッション #2                  meets       ありがとうございました!
AWS SUMMIT TOKYO 2012 - BASCULE SESSION
AWS SUMMIT TOKYO 2012 - BASCULE SESSION
AWS SUMMIT TOKYO 2012 - BASCULE SESSION
Próxima SlideShare
Cargando en…5
×

AWS SUMMIT TOKYO 2012 - BASCULE SESSION

3.851 visualizaciones

Publicado el

AWS SUMMIT 2012 バスキュールのセッションで紹介した資料の一部抜粋。バスキュールのCloud Computingの取り組み、歴史を事例とともに紹介してます。

Publicado en: Tecnología
  • Sé el primero en comentar

AWS SUMMIT TOKYO 2012 - BASCULE SESSION

  1. 1. #CS2 事例セッション #2 meets クラウドが加速させる  デジタルクリエイションの世界 2012年9月13日(木) 株式会社 バスキュール 取締役/プロデューサー 田中 謙一郎 プロデューサー  西村 真里子
  2. 2. AGENDA• 本日の登壇者、バスキュールについて• バスキュールとクラウドコンピューティング• 事例紹介• クラウドコンピューティングのメリット• Google App Engine, Microsoft Azure ?!• バスキュールの未来はAWSとともに
  3. 3. Who are we?•田中謙一郎(Ken-ichiro Tanaka)取締役/プロデューサー/テクニカルディレクター 2000年入社の純粋培養 バスキューラー。 こなした案件数百↑ キーワード: 「三方良し!」
  4. 4. Who are we?•西村 真里子(Mariko Nishimura) プロデューサー 2011年入社の新参 バスキューラー。 IBM, Adobe, Grouponを 経て現職に至る。 キーワード: 「機動力で勝負!」
  5. 5. •インタラクティブクリエイティブの企画/制作•2000年7月28日設立•社員数41名 16% 11% プロデューサー 16% ディレクター PM デザイナー 29% 11% フロントエンドエンジニア サーバーサイドエンジニア 18%
  6. 6. MISSION 誰も体験したことが無い新しいデジタルコミュニケーションを 生み出していく
  7. 7. DOMAINインタラクティブ広告ソーシャルキャンペーン デジタルサービス
  8. 8. Bascule × Cloud Computing?
  9. 9. MISSION 誰も体験したことが無い新しいデジタルコミュニケーションを 生み出していく
  10. 10. MAKE MOVEMENT! 具体的にどんな現象を起こさせたいのか? デジタルの力を利用して、沢山の人々の心を動かし、行動させたい
  11. 11. MAKE MOVEMENT!バスキュールのチャレンジを成功させるには Cloud Computingが欠かせません
  12. 12. The story has started... 3 years ago 0 9 2 0
  13. 13. Social Games use Cloud-Computing mixiアプリ Facebookアプリ サンシャイン牧場 Mafia Wars 0 9 2 0
  14. 14. Cloud-Computing! We started using;• Amazon Web Service• Google App Engine• Microsoft Azure
  15. 15. Case Studies 30 over
  16. 16. Azure × 3
  17. 17. GAE × 12
  18. 18. × 15
  19. 19. 2009/12 mixi mixiXmas    ソーシャルキャンペーン Google App Engine2010/3 自社 お宝ほりっくOttiki    ソーシャルゲーム AWS2010/5 ユニリーバ・ジャパン AXE yobage ソーシャルゲーム Google App Engine2010/9 ユニリーバ・ジャパン AXE新宿駅前風呂場  ソーシャル イベント   AWS2010/10 ユニリーバ・ジャパン the Actress ソーシャルゲーム Google App Engine2010/12 mixi mixiXmas 2010 ソーシャルキャンペーン Google App Engine2011/6 サムスンテレコム SPACE BALOON PROJECT デジタル イベント     AWS2011/8 AXE Sochool of Lock! ラジオ ソーシャル     Google App Engine2011/9 NTTぷらら AKB48プレミアムチケット  ソーシャルキャンペーン AWS2011/10 NTTドコモ Bag Interview    WEBキャンペーン AWS2011/10 パナソニック Share The Passion Facebook App   Google App Engine2011/12 Bascule Go! mixiXmas 2011    ソーシャルキャンペーン  Azure2011/12 TOYOTA AQUA SOCIAL FES!  WEBキャンペーン AWS2012/1 パナソニック The World Face Games iPhone App Google App Engine2012/2 明治製菓 Gum! カムカム    ソーシャルキャンペーン AWS2012/2 ソニー DOT SWTICH        テレビ ソーシャル     AWS2012/2 TOYOTA AQUA SOCIAL DRIVE iPhone App AWS2012/2 Bascule Go! Pelo    iPhone App Google App Engine2012/2 JFA/adidus 日本代表スタジアム    iPhone / Android App AWS2012/3 Bascule Go! Cotto     Android App Google App Engine2012/3 KDDI au FUN GATE    イベント デジタル AWS2012/4 コカコーラジャパン Fantaソーシャルラジオ ラジオ ソーシャル Google App Engine2012/5 ユニリーバ・ジャパン AXE Hot Angle イベント デジタル AWS2012/5 Nike Nike iD Friend Studio ソーシャルバナー Azure2012/5 Adobe Font me    イベント デジタル AWS2012/6 TOYOTA ソーシャルヒッチハイク イベント デジタル AWS2012/6 KDDI PASS OR GUN    ソーシャルキャンペーン AWS2012/7 サントリー エスプレッソーダ WEBキャンペーン Google App Engine2012/8 mixi mixi Photoキャンペーン ソーシャルキャンペーン Google App Engine
  20. 20. Today’s Pick-upデジタルキャンペーン #1 AXE Hot Angle #2 新宿駅前風呂場 #3 Space Balloon Projectソーシャルキャンペーン #4 mixiXmasソーシャルTV/ダブルスクリーン #5 mixiXmas CM連動 #6 Social Stadium
  21. 21. #1 Latest WorkAXE HOT ANGLE
  22. 22. http://www.axeeffect.jp/dry/index.html
  23. 23. ライブ中継でも目線インタラクティブがしたかった♪
  24. 24. Of course..!当マイクロサイトはS3とCloudFrontを利用、 動画の配信時にもAWSを利用
  25. 25. Technical Challenge 360度カメラの映像を できるだけ高ビットレートで 配信する必要がある配信している映像の一部をワイプで切り出しているから、 元の配信映像は巨大
  26. 26. Approach Adobe Flash Media Server を用いたライブストリーミン グシステムを CloudFormationのテンプ レートを利用して、すごく簡 単にインフラを構築できた!http://aws.typepad.com/aws_japan/2011/04/live-streaming-with-amazon-cloudfront-and-adobe-flash-media-server.html
  27. 27. Tips - What we learnedS3 や CloudFrontを利用して独自ドメインの静的サイトを構築できる(すごく簡単に)Cloud Formation や FMS on EC2 を利用することで大規模なライブ中継を実施するための配信プラットフォームを構築することができる
  28. 28. #2 On- & Off-line Event-1
  29. 29. 2年前に実施した初めてのリアルイベント連動の事例
  30. 30. 2010年9月、新宿駅前に公開風呂場を設置しお風呂場をテーマ にライブイベントを実施してネットで中継
  31. 31. Twitterからリアルタイムに質問を受け付けたり
  32. 32. ハッシュタグ付Tweetでリアルタイムにクイズに参加出来たり
  33. 33. 回答者をリアルタイムに抽選して番組に反映
  34. 34. Ustreamやニコ生では実現できなかった視聴 者参加型のライブイベント(番組)を実施
  35. 35. Technical ChallengeTwitter Twitterからハッシュ付きTweetを 風呂場システム ひろってきて、リアルタイムに集 計し番組に反映しないといけない 新宿
  36. 36. Approach US WEST US EAST nginx(reverce proxy) nginx User PC Django Django Django DjangoOperation PC MySQL MySQL MySQL MySQL 風呂場PDP Django (クローラー) Django イベントへの参加
  37. 37. ResultTwitterと連動するライブ中継イベントをAWSにて構築、 問題なく無事終了することができた。クラウド以前はリアルイベントを実施しても数千人しか参 加できなかったが、ネットからのリアルタイム参加 が可能になり、ソーシャルネットワークを通じ、 多数ユーザーを巻込むイベントが実施可能になった。
  38. 38. #3 On- & Off-line Event -2SPACE BALLOON PROJECT
  39. 39. 30,000メートルの上空でのTweet体験 http://s3-ap-northeast-1.amazonaws.com/bascule-archives/archive/2011/space_balloon_project/01/index.html
  40. 40. Technical Challenge 宇宙からのライブ中継Tweetを宇宙のGalaxyに届ける
  41. 41. Approach
  42. 42. Approach Japan nginx US EAST Apache/PHP MySQLApache/PHPMySQL MySQL ネバタ砂漠Apache/PHP 上空3万メートル
  43. 43. Result誰もが共感できるモノやコトをインターネットでリアルタ イムに配信することにより、数十万規模のユーザーに 感動を届ける事が実現可能になった。
  44. 44. #4 Social Appmixi Xmas
  45. 45. Background Ottiki mixiXmas2009年冬、当時2つのソーシャルアプリの開発を進めていた。クラウドを利用することが初めてだったこともあって、IaaSの代表としてAWS、PaaSの代表として Google App Engineを同時並行で採用して、 メリット/デメリットを知りたかった。
  46. 46. However, But, Unfortunately... PaaS =リソース制限無し! と勘違いが..... ”Datastore Entities Fetched”  Quota Over... orz
  47. 47. Result 2009年: 参加者100万人 2010年: 3日間で100万人到達 25日間で250万人登録Daily Active User = 100万人達成
  48. 48. 2011 さらに... 2011年はマイクロソフト様がプラチナスポンサーにGoogle App EngineからAzureへの置き換えを実施。 2011年: 2日で100万人到達!
  49. 49. #5 TV CM & Social App mixi Xmas CM
  50. 50. Challenge 3回しか放送されない特別CMの時間にきてくれた全てのユーザーに参加機会を与える
  51. 51. Approach徹底的にアクセスを予測。0時台にActiveなモバイルユーザーの人数を5万人と予測。そのうち関東は3万人。3万人がCM後の3分間にどれくらい分散化し、どれくらい集中するのかを予測し、その数倍のキャパをもつインフラを、その時間だけ増強。
  52. 52. Result秒間数千APIリクエストに耐え 3日間で50万人が参加
  53. 53. #6 TV & App ©Social Stadium
  54. 54. Social Stadium実現の3つのチャレンジ 同時に大量のユーザー の熱量を受付ける ユーザーのアクションを リアルタイムに集計し抽出 ユーザーのアクションを リアルタイムにシェア
  55. 55. テレビ視聴を考慮 視聴率1%でも100万人 視聴率10%だと1000万人 いままでとは桁がちがう相手を 同時にアクセスを受付、リアルタイムに処理する必要がある
  56. 56. 1st Approach Japan nginx Redis (master) Redis (slave) (reverce proxy) Django (APP) RabbitMQ (SQS) MySQL Celery (job que) MySQL
  57. 57. Cloud Computingを 採用するメリット
  58. 58. イニシャルコストランニングコスト
  59. 59. Value for using Cloud-Computing Cloud Computing Serviceの登場以前夢みていたけど、避けていた企画を実現できることこそ バスキュールにとって最大のメリット・利用ユーザーが極端に増大していく企画 ソーシャルアプリ/ソーシャルゲーム・瞬間的にユーザーが集まるような企画 CM連動/リアルイベント連動
  60. 60. Curiosity..Google App EngineやAzureを 利用しているバスキュールが AWSを選択する理由とは?
  61. 61. 開発要件からの各サービス比較 AWS GAE Azure 開発期間が短い △ ⃝ △ 同時アクセスが多い ⃝ ⃝ ⃝ アクセスの変動が激しい ⃝ ⃝ ⃝ 構成の自由度を求める ⃝ × △ レスポンスがクリティカル ⃝ × ⃝開発言語の自由度を求める ⃝ × ⃝複数地域でのスタンバイが必要 ⃝ × △静的コンテンツが大量にある ⃝ × ⃝ C#やSilverlightが必要 △ × ⃝ ※バスキュールの調べ
  62. 62. IaaS or PaaS? 要件に応じてIaaSとPaaSの特性をふまえ選択
  63. 63. 国産IaaS or Amazon
  64. 64. 選択の自由、フレキシブルな対応 Amazonのソリューション群がバスキュールの多様なクリエイティブ案件にマッチ
  65. 65. 国産IaaS or Amazon 現状では 痒いところに手が届く多様なAmazonソリューション群が クリエイティブ案件に最適
  66. 66. Cloud Computingを活用した次のチャレンジ
  67. 67. NEXT CHALLENGE!ダブルスクリーン、ソーシャルTV
  68. 68. Original Solutions 大量同時投票受付/集計BaaS Harvest MoonSocial Activity プッシュ配信BaaS Sonic Shooter
  69. 69. 9/28 TBSにてソーシャルTV体験発動!大炎上生テレビ オレにも言わせろ! 9月28日(金) 24:45∼26:15
  70. 70. #CS2 事例セッション #2 meets ありがとうございました!

×