【devlove現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」...
DESCRIPTION
DevLOVE現場甲子園2014の守トラック四回表でお話しした 「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」のスライドです。TRANSCRIPT
![Page 1: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/1.jpg)
2014/08/23(土) 17:05-17:25
DevLOVE現場甲子園2014 四回表「守」
![Page 2: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/2.jpg)
吉田 紳一郎
(株)スタジオ・アルカナ
エンジニア
フリーランス時代に、大規模開発
の現場で、設計・ベンダー調整、
フレームワーク開発等の経験を積
み、2010年よりスタジオ・アルカ
ナにジョイン。
PM/ITアーキテクト/フルスタック
エンジニアとして活動。
本業はマネジメントです!
@yossy222
あたし 後ほど紹介
![Page 3: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/3.jpg)
今日お伝えしたいこと
という
WOWOWさんの視聴者参加型テレビ番組の
セカンドスクリーンシステムの事例を通じて、
その運用を支えてくれている
“AWS Opsworks”の素晴らしさを
お届けします。
![Page 4: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/4.jpg)
![Page 5: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/5.jpg)
金曜カーソルとは?
WOWOWさんが贈る全く新しい
完全ユーザー参加型
エンターテインメント番組
![Page 6: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/6.jpg)
金曜カーソルとは?
視聴者のあなたが
「カーソル」となって番組に生出演
ブックメーカーやじゃんけんの企画があり
番組参加でポイントをためて
プレゼント応募ができる
![Page 7: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/7.jpg)
放映時間
毎週金曜日
よる8:00~よる10:00
2時間生放送
【放送開始前】サーバーを スケールアウト/アップ
【放送終了後】サーバーを スケールイン/ダウン
という運用を行っています
![Page 8: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/8.jpg)
放映時間
2013/11/15(金) に始まり、
過去36回の生放送を視聴者へお届けしている
2014/9/12(金)に最終回の放送があります!!
詳しくは 金曜カーソル で検索してみてね!
![Page 9: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/9.jpg)
番組コンテンツ
番組の主要企画は
3つ
![Page 10: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/10.jpg)
番組コンテンツ
「エンタメ マトメックス」
「エンタメ ブックメーカー」
「ハリウッドじゃんけん」
![Page 11: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/11.jpg)
「エンタメ マトメックス」
視聴者が「カーソル」となって番組に生出演。
スマートフォンでカーソル位置を動かすと、
テレビ番組内のカーソルが連動して動きます。
![Page 12: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/12.jpg)
「エンタメ ブックメーカー」
ブックメーカー=賭け。
エンタメにまつわる3択クイズが出題され、
選択肢から保持ポイントを賭けて1つを選択。
それぞれの選択肢にはオッズが割り当てられ、
クイズに正解するとオッズに応じて配当
ポイントをゲットすることができます。
![Page 13: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/13.jpg)
「ハリウッドじゃんけん」
ハリウッド映画などの名画のワンシーンで
あこがれの映画のスターとじゃんけんで勝負!
勝てばポイントをゲットできます。
![Page 14: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/14.jpg)
これらの企画は
視聴者がスマートフォンから
番組サイトへアクセスすることで、
番組へリアルタイムに参加
することができます。
![Page 15: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/15.jpg)
どうやって実現しているの?
M.I.E.S. という BaaS を使っています。
ミース
![Page 16: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/16.jpg)
![Page 17: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/17.jpg)
M.I.E.S
マッシブ・インタラクティブ・
エンターテインメント・システム
![Page 18: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/18.jpg)
M.I.E.S
さんが開発/運用している
同時に大量のアクセスが想定される
セカンドスクリーンコンテンツ向けの
BaaS (Backend as a Service)
バスキュール
![Page 19: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/19.jpg)
M.I.E.S
複数のコンポーネントが統合されている
ユーザーからの大量投票受付をする「HarvestMoon」
テレビとスマホをシンクロさせる「SonicShooter」
ソーシャル連動をおこなう「Persona」
リアルタイムにテレビへ映像を送る「Tower of Power」
ログ情報を集約する「ELF」
![Page 20: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/20.jpg)
![Page 21: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/21.jpg)
M.I.E.S
で検索!!
https://www.bascule-go.com/product/
BASCULE GO
詳しい情報は
![Page 22: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/22.jpg)
M.I.E.S.が果たす役割
金曜カーソルの番組企画で
M.I.E.S.の各コンポーネントが
どのように利用されているか
ご紹介します。
![Page 23: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/23.jpg)
「エンタメマトメックス」
![Page 24: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/24.jpg)
「エンタメマトメックス」
![Page 25: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/25.jpg)
「エンタメ ブックメーカー」
![Page 26: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/26.jpg)
「エンタメ ブックメーカー」
![Page 27: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/27.jpg)
ここからお話しするスコープ
アプリケーション
![Page 28: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/28.jpg)
アプリケーションのインフラ構成
Amazon S3 Amazon EC2
インスタンス ELB
スタンバイ
bucket with objects
マスター
インスタンス ELB
nginx
nginx
Apache
PHP
MySQL
インスタンス インスタンス MySQL
![Page 29: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/29.jpg)
インフラ構築は Opsworks で
Amazon S3
インスタンス ELB
インスタンス ELB
バケット
AWS OpsWorks
stack
layers
layers
layers
nginx
Apache
PHP
nginx
MySQL インスタンス インスタンス
![Page 30: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/30.jpg)
![Page 31: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/31.jpg)
DevOps を支援してくれる AWSのサービスの一つ
Chef を利用したインフラ構築を
さらに抽象化したような感じ
Gitなどのリポジトリから
ソースコードのデプロイもできる
![Page 32: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/32.jpg)
AWS Summit 2014
AWS Opsworksファウンダー兼技術責任者 Thomas Metschke さんとイェーィ!
![Page 33: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/33.jpg)
Opsworks
Amazon S3
インスタンス ELB
インスタンス ELB
バケット
AWS OpsWorks
stack
layers
layers
layers
instances
![Page 34: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/34.jpg)
「スタック」
インフラ環境を管理する単位
ELB + Webサーバ×3台 +
PHPサーバ×3台 + DBサーバ×2台
のような感じ
![Page 35: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/35.jpg)
「レイヤー」
Webサーバ/PHPサーバ/DBサーバ と
いったサーバの役割を定義する単位。
レイヤーごとにChefのレシピを指定す
ることができる。
![Page 36: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/36.jpg)
「インスタンス」
EC2インスタンスのサーバを
表す単位
![Page 37: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/37.jpg)
インフラ構築の比較
従来のAWS構築の仕方と
比較してみます。
![Page 38: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/38.jpg)
これまで…
EC2の管理コンソールやCLIからコマンド打ってインスタンス
を作成
同じ構成のサーバを作成する場合はAMIを作成して複製
Chefを導入してインフラ構築作業を自動化するものの、
Chefの導入に手間がかかって面倒
![Page 39: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/39.jpg)
を使うと…
![Page 40: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/40.jpg)
![Page 41: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/41.jpg)
AppServerのインフラ構成
環境は
×
あります
![Page 42: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/42.jpg)
アプリケーション開発環境
スマホ開発環境1
スマホ開発環境2
スマホ開発環境3
×
![Page 43: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/43.jpg)
オペレーション開発環境
ステージング環境
ストレステスト環境
プロダクション環境
×
![Page 44: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/44.jpg)
AppServerのインフラ構成
環境はほとんど同じなのに
複数台用意する必要があるので
結構大変なの。。。
×
![Page 45: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/45.jpg)
でも!
スタック単位で作成!
コピーするだけで
他の環境が構築できる!
×
![Page 46: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/46.jpg)
コピー!
AWS OpsWorks
stack
コピー!
コピー!
コピー!
コピー!
コピー!
コピー!
コピー!
らくちん!!
![Page 47: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/47.jpg)
スケールアウトとスケールイン
毎回の放送毎に、
スケールアウト / スケールインを
繰り返す必要がある
×
![Page 48: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/48.jpg)
時間指定で
インスタンスを起動/停止
できる機能
この機能を利用して自動化!!
×
![Page 49: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/49.jpg)
サーバー起動時には、
Chefレシピでミドルウェアが
自動で構築され、
PHPアプリケーションも自動的に
デプロイされる
×
![Page 50: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/50.jpg)
インスタンス同士の接続
×
Opsworks がインスタンスを管理してくれる
スタック内のインスタンス一覧が記述されて
いるファイルを参照するだけで、他ホストの
IPアドレスを知ることができる。
![Page 51: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/51.jpg)
オンエア中のサーバー状況監視
AWS CloudWatch
Opsworks の Ganglia
×
![Page 52: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/52.jpg)
Gangliaって?
Cacti や Munin のような
リソースモニタリングツール.
Opsworksには「Gangliaレイヤー」
というものが用意されている
×
![Page 53: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/53.jpg)
Opsworks で起動した
EC2インスタンスには自動的に
Gangliaエージェントがインストール
リソース状況をすぐにモニタリング!
×
![Page 54: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/54.jpg)
インスタンスの数が増えた場合も
自動的にモニタリング対象に
追加されるため手間がかからない
×
![Page 55: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/55.jpg)
金曜カーソルではリソース監視に
このGangliaレイヤーを使っている
×
![Page 56: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/56.jpg)
監視中の様子
![Page 57: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/57.jpg)
テレビを2画面にして監視
WOWOW Chromecastで
Gangliaのグラフ表示
![Page 58: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/58.jpg)
![Page 59: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/59.jpg)
![Page 60: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/60.jpg)
めっちゃ いいですよ!!
![Page 61: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/61.jpg)
![Page 62: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/62.jpg)
2014年9月12日(金) よる8:00〜よる10:00
参加してみてね!!!
WOWOW無料放送(BS9ch)
最終回
![Page 63: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/63.jpg)
ご清聴ありがとう
ございました!!
![Page 64: 【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加!そのメディア体験を支えるインフラと運用の舞台裏」](https://reader036.vdocuments.mx/reader036/viewer/2022081401/5565f998d8b42a20158b531e/html5/thumbnails/64.jpg)