64
2014/08/23() 17:05-17:25 DevLOVE現場甲子園2014 四回表「守」

【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

Embed Size (px)

DESCRIPTION

DevLOVE現場甲子園2014の守トラック四回表でお話しした 「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」のスライドです。

Citation preview

Page 1: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

2014/08/23(土) 17:05-17:25

DevLOVE現場甲子園2014 四回表「守」

Page 2: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

吉田 紳一郎

(株)スタジオ・アルカナ

エンジニア

フリーランス時代に、大規模開発

の現場で、設計・ベンダー調整、

フレームワーク開発等の経験を積

み、2010年よりスタジオ・アルカ

ナにジョイン。

PM/ITアーキテクト/フルスタック

エンジニアとして活動。

本業はマネジメントです!

@yossy222

あたし 後ほど紹介

Page 3: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

今日お伝えしたいこと

という

WOWOWさんの視聴者参加型テレビ番組の

セカンドスクリーンシステムの事例を通じて、

その運用を支えてくれている

“AWS Opsworks”の素晴らしさを

お届けします。

Page 4: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 5: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

金曜カーソルとは?

WOWOWさんが贈る全く新しい

完全ユーザー参加型

エンターテインメント番組

Page 6: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

金曜カーソルとは?

視聴者のあなたが

「カーソル」となって番組に生出演

ブックメーカーやじゃんけんの企画があり

番組参加でポイントをためて

プレゼント応募ができる

Page 7: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

放映時間

毎週金曜日

よる8:00~よる10:00

2時間生放送

【放送開始前】サーバーを スケールアウト/アップ

【放送終了後】サーバーを スケールイン/ダウン

という運用を行っています

Page 8: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

放映時間

2013/11/15(金) に始まり、

過去36回の生放送を視聴者へお届けしている

2014/9/12(金)に最終回の放送があります!!

詳しくは 金曜カーソル で検索してみてね!

Page 9: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

番組コンテンツ

番組の主要企画は

3つ

Page 10: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

番組コンテンツ

「エンタメ マトメックス」

「エンタメ ブックメーカー」

「ハリウッドじゃんけん」

Page 11: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「エンタメ マトメックス」

視聴者が「カーソル」となって番組に生出演。

スマートフォンでカーソル位置を動かすと、

テレビ番組内のカーソルが連動して動きます。

Page 12: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「エンタメ ブックメーカー」

ブックメーカー=賭け。

エンタメにまつわる3択クイズが出題され、

選択肢から保持ポイントを賭けて1つを選択。

それぞれの選択肢にはオッズが割り当てられ、

クイズに正解するとオッズに応じて配当

ポイントをゲットすることができます。

Page 13: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「ハリウッドじゃんけん」

ハリウッド映画などの名画のワンシーンで

あこがれの映画のスターとじゃんけんで勝負!

勝てばポイントをゲットできます。

Page 14: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

これらの企画は

視聴者がスマートフォンから

番組サイトへアクセスすることで、

番組へリアルタイムに参加

することができます。

Page 15: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

どうやって実現しているの?

M.I.E.S. という BaaS を使っています。

ミース

Page 16: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 17: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

M.I.E.S

マッシブ・インタラクティブ・

エンターテインメント・システム

Page 18: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

M.I.E.S

さんが開発/運用している

同時に大量のアクセスが想定される

セカンドスクリーンコンテンツ向けの

BaaS (Backend as a Service)

バスキュール

Page 19: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

M.I.E.S

複数のコンポーネントが統合されている

ユーザーからの大量投票受付をする「HarvestMoon」

テレビとスマホをシンクロさせる「SonicShooter」

ソーシャル連動をおこなう「Persona」

リアルタイムにテレビへ映像を送る「Tower of Power」

ログ情報を集約する「ELF」

Page 20: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 21: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

M.I.E.S

で検索!!

https://www.bascule-go.com/product/

BASCULE GO

詳しい情報は

Page 22: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

M.I.E.S.が果たす役割

金曜カーソルの番組企画で

M.I.E.S.の各コンポーネントが

どのように利用されているか

ご紹介します。

Page 23: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「エンタメマトメックス」

Page 24: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「エンタメマトメックス」

Page 25: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「エンタメ ブックメーカー」

Page 26: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「エンタメ ブックメーカー」

Page 27: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

ここからお話しするスコープ

アプリケーション

Page 28: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

アプリケーションのインフラ構成

Amazon S3 Amazon EC2

インスタンス ELB

スタンバイ

bucket with objects

マスター

インスタンス ELB

nginx

nginx

Apache

PHP

MySQL

インスタンス インスタンス MySQL

Page 29: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

インフラ構築は Opsworks で

Amazon S3

インスタンス ELB

インスタンス ELB

バケット

AWS OpsWorks

stack

layers

layers

layers

nginx

Apache

PHP

nginx

MySQL インスタンス インスタンス

Page 30: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 31: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

DevOps を支援してくれる AWSのサービスの一つ

Chef を利用したインフラ構築を

さらに抽象化したような感じ

Gitなどのリポジトリから

ソースコードのデプロイもできる

Page 32: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

AWS Summit 2014

AWS Opsworksファウンダー兼技術責任者 Thomas Metschke さんとイェーィ!

Page 33: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

Opsworks

Amazon S3

インスタンス ELB

インスタンス ELB

バケット

AWS OpsWorks

stack

layers

layers

layers

instances

Page 34: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「スタック」

インフラ環境を管理する単位

ELB + Webサーバ×3台 +

PHPサーバ×3台 + DBサーバ×2台

のような感じ

Page 35: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「レイヤー」

Webサーバ/PHPサーバ/DBサーバ と

いったサーバの役割を定義する単位。

レイヤーごとにChefのレシピを指定す

ることができる。

Page 36: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

「インスタンス」

EC2インスタンスのサーバを

表す単位

Page 37: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

インフラ構築の比較

従来のAWS構築の仕方と

比較してみます。

Page 38: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

これまで…

EC2の管理コンソールやCLIからコマンド打ってインスタンス

を作成

同じ構成のサーバを作成する場合はAMIを作成して複製

Chefを導入してインフラ構築作業を自動化するものの、

Chefの導入に手間がかかって面倒

Page 39: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

を使うと…

Page 40: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 41: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

AppServerのインフラ構成

環境は

×

あります

Page 42: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

アプリケーション開発環境

スマホ開発環境1

スマホ開発環境2

スマホ開発環境3

×

Page 43: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

オペレーション開発環境

ステージング環境

ストレステスト環境

プロダクション環境

×

Page 44: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

AppServerのインフラ構成

環境はほとんど同じなのに

複数台用意する必要があるので

結構大変なの。。。

×

Page 45: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

でも!

スタック単位で作成!

コピーするだけで

他の環境が構築できる!

×

Page 46: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

コピー!

AWS OpsWorks

stack

コピー!

コピー!

コピー!

コピー!

コピー!

コピー!

コピー!

らくちん!!

Page 47: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

スケールアウトとスケールイン

毎回の放送毎に、

スケールアウト / スケールインを

繰り返す必要がある

×

Page 48: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

時間指定で

インスタンスを起動/停止

できる機能

この機能を利用して自動化!!

×

Page 49: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

サーバー起動時には、

Chefレシピでミドルウェアが

自動で構築され、

PHPアプリケーションも自動的に

デプロイされる

×

Page 50: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

インスタンス同士の接続

×

Opsworks がインスタンスを管理してくれる

スタック内のインスタンス一覧が記述されて

いるファイルを参照するだけで、他ホストの

IPアドレスを知ることができる。

Page 51: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

オンエア中のサーバー状況監視

AWS CloudWatch

Opsworks の Ganglia

×

Page 52: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

Gangliaって?

Cacti や Munin のような

リソースモニタリングツール.

Opsworksには「Gangliaレイヤー」

というものが用意されている

×

Page 53: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

Opsworks で起動した

EC2インスタンスには自動的に

Gangliaエージェントがインストール

リソース状況をすぐにモニタリング!

×

Page 54: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

インスタンスの数が増えた場合も

自動的にモニタリング対象に

追加されるため手間がかからない

×

Page 55: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

金曜カーソルではリソース監視に

このGangliaレイヤーを使っている

×

Page 56: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

監視中の様子

Page 57: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

テレビを2画面にして監視

WOWOW Chromecastで

Gangliaのグラフ表示

Page 58: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 59: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 60: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

めっちゃ いいですよ!!

Page 61: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」
Page 62: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

2014年9月12日(金) よる8:00〜よる10:00

参加してみてね!!!

WOWOW無料放送(BS9ch)

最終回

Page 63: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」

ご清聴ありがとう

ございました!!

Page 64: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」