事例セッション #2 Bascule Meets AWS! クラウドが加速させる　デジタルクリエイションの世界 登壇者名・社名　田中 謙一郎 （株式会社バスキュール 取締役/プロデューサー）, 西村 真里子 （株式会社バスキュール プロデューサー）

1. #CS2 事例セッション #2
meets
クラウドが加速させる
デジタルクリエイションの世界
2012年9月13日(木)
株式会社 バスキュール
取締役/プロデューサー 田中 謙一郎
プロデューサー 西村 真里子

2. AGENDA
• 本日の登壇者、バスキュールについて
• バスキュールとクラウドコンピューティング
• 事例紹介
• クラウドコンピューティングのメリット
• Google App Engine, Microsoft Azure ?!
• バスキュールの未来はAWSとともに

3. Who are we?
•田中謙一郎(Ken-ichiro Tanaka)
取締役/プロデューサー/テクニカルディレクター
2000年入社の純粋培養
バスキューラー。
こなした案件数百↑
キーワード：
「三方良し！」

4. Who are we?
•西村 真里子(Mariko Nishimura)
プロデューサー
2011年入社の新参
バスキューラー。
IBM, Adobe, Grouponを
経て現職に至る。
キーワード：
「機動力で勝負！」

5. •インタラクティブクリエイティブの企画/制作
•2000年7月28日設立
•社員数41名
16% 11%
プロデューサー
16% ディレクター
PM
デザイナー
29% 11%
フロントエンドエンジニア
サーバーサイドエンジニア
18%

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

7. DOMAIN
インタラクティブ広告
ソーシャルキャンペーン
デジタルサービス

8. Bascule × Cloud Computing?

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

10. MAKE MOVEMENT!
具体的にどんな現象を起こさせたいのか？
デジタルの力を利用して、
沢山の人々の心を動かし、行動させたい

11. MAKE MOVEMENT!
バスキュールのチャレンジを成功させるには
Cloud Computingが欠かせません

12. The story has started...
3 years ago
0 9
2 0

13. Social Games use Cloud-Computing
mixiアプリ Facebookアプリ
サンシャイン牧場 Mafia Wars
0 9
2 0

14. Cloud-Computing!
We started using;
• Amazon Web Service
• Google App Engine
• Microsoft Azure

15. Case Studies
30 over

16. Azure × 3

17. GAE × 12

18. × 15

19. 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

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

21. #1 Latest Work
AXE HOT ANGLE

22. http://www.axeeffect.jp/dry/index.html

23. ライブ中継でも目線インタラクティブがしたかった♪

24. Of course..!
当マイクロサイトはS3とCloudFrontを利用、
動画の配信時にもAWSを利用

25. Technical Challenge
360度カメラの映像を
できるだけ高ビットレートで
配信する必要がある
配信している映像の一部をワイプで切り出しているから、
元の配信映像は巨大

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. Tips - What we learned
S3 や CloudFrontを利用して独自ドメインの静的サイト
を構築できる（すごく簡単に）
Cloud Formation や FMS on EC2 を利用することで大
規模なライブ中継を実施するための配信プラットフォーム
を構築することができる

28. #2 On- & Off-line Event-1

29. ２年前に実施した
初めてのリアルイベント連動の事例

30. 2010年9月、新宿駅前に公開風呂場を設置しお風呂場をテーマ
にライブイベントを実施してネットで中継

31. Twitterからリアルタイムに質問を受け付けたり

32. ハッシュタグ付Tweetでリアルタイムにクイズに参加出来たり

33. 回答者をリアルタイムに抽選して番組に反映

34. Ustreamやニコ生では実現できなかった視聴
者参加型のライブイベント（番組）を実施

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

36. Approach
US WEST US EAST
nginx(reverce proxy) nginx
User PC
Django Django Django Django
Operation PC
MySQL MySQL MySQL MySQL
風呂場PDP
Django (クローラー） Django
イベントへの参加

37. Result
Twitterと連動するライブ中継イベントをAWSにて構築、
問題なく無事終了することができた。
クラウド以前はリアルイベントを実施しても数千人しか参
加できなかったが、ネットからのリアルタイム参加
が可能になり、ソーシャルネットワークを通じ、
多数ユーザーを巻込むイベントが実施可能になった。

38. #3 On- & Off-line Event -2
SPACE BALLOON PROJECT

39. 30,000メートルの上空でのTweet体験
http://s3-ap-northeast-1.amazonaws.com/bascule-archives/archive/2011/space_balloon_project/01/index.html

40. Technical Challenge
宇宙からのライブ中継
Tweetを宇宙のGalaxyに届ける

41. Approach

42. Approach
Japan
nginx
US EAST
Apache/PHP MySQL
Apache/PHP
MySQL MySQL
ネバタ砂漠
Apache/PHP
上空３万メートル

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

44. #4 Social App
mixi Xmas

46. Background
Ottiki mixiXmas
2009年冬、当時２つのソーシャルアプリの開発を進めて
いた。クラウドを利用することが初めてだったことも
あって、IaaSの代表としてAWS、PaaSの代表として
Google App Engineを同時並行で採用して、
メリット／デメリットを知りたかった。

47. However, But, Unfortunately...
PaaS ＝リソース制限無し！
と勘違いが.....
”Datastore Entities Fetched”
Quota Over... orz

48. Result
2009年：
参加者100万人
2010年：
3日間で100万人到達
25日間で250万人登録
Daily Active User = 100万人達成

49. 2011
さらに...
2011年はマイクロソフト様がプラチナスポンサーに
Google App EngineからAzureへの置き換えを実施。
2011年：
2日で100万人到達！

50. #5 TV CM & Social App
mixi Xmas CM

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

53. Approach
徹底的にアクセスを予測。
0時台にActiveなモバイルユーザーの人数を5万人と予
測。そのうち関東は3万人。
3万人がCM後の3分間にどれくらい分散化し、どれく
らい集中するのかを予測し、その数倍のキャパをもつ
インフラを、その時間だけ増強。

54. Result
秒間数千APIリクエストに耐え
3日間で50万人が参加

55. #6 TV & App
©
Social Stadium

56. Social Stadium実現の3つのチャレンジ
同時に大量のユーザー
の熱量を受付ける
ユーザーのアクションを
リアルタイムに集計し抽出
ユーザーのアクションを
リアルタイムにシェア

57. テレビ視聴を考慮
視聴率1％でも100万人
視聴率10％だと1000万人
いままでとは桁がちがう相手を
同時にアクセスを受付、
リアルタイムに処理する必要がある

58. 1st Approach
Japan
nginx Redis (master) Redis (slave)
(reverce proxy)
Django (APP) RabbitMQ (SQS)
MySQL Celery (job que)
MySQL

59. Cloud Computingを
採用するメリット

60. イニシャルコスト
ランニングコスト

61. Value for using Cloud-Computing
Cloud Computing Serviceの登場以前
夢みていたけど、避けていた企画を実現できることこそ
バスキュールにとって最大のメリット
・利用ユーザーが極端に増大していく企画
ソーシャルアプリ／ソーシャルゲーム
・瞬間的にユーザーが集まるような企画
CM連動／リアルイベント連動

62. Curiosity..
Google App EngineやAzureを
利用しているバスキュールが
AWSを選択する理由とは？

63. 開発要件からの各サービス比較
AWS GAE Azure
開発期間が短い △ ⃝ △
同時アクセスが多い ⃝ ⃝ ⃝
アクセスの変動が激しい ⃝ ⃝ ⃝
構成の自由度を求める ⃝ × △
レスポンスがクリティカル ⃝ × ⃝
開発言語の自由度を求める ⃝ × ⃝
複数地域でのスタンバイが必要 ⃝ × △
静的コンテンツが大量にある ⃝ × ⃝
C#やSilverlightが必要 △ × ⃝
※バスキュールの調べ

64. IaaS or PaaS?
要件に応じて
IaaSとPaaSの特性をふまえ選択

65. 国産IaaS or Amazon

66. 選択の自由、フレキシブルな対応
Amazonのソリューション群が
バスキュールの多様なクリエイティブ案件にマッチ

67. 国産IaaS or Amazon
現状では
痒いところに手が届く
多様なAmazonソリューション群が
クリエイティブ案件に最適

68. Cloud Computingを活用した次のチャレンジ

69. NEXT CHALLENGE!
ダブルスクリーン、ソーシャルTV

70. Original Solutions
大量同時投票受付／集計BaaS
Harvest Moon
Social Activity プッシュ配信BaaS
Sonic Shooter

71. 9/28 TBSにてソーシャルTV体験発動！
大炎上生テレビ オレにも言わせろ！
9月28日(金) 24:45∼26:15

73. #CS2 事例セッション #2
meets
ありがとうございました！