202 Views
January 29, 18
スライド概要
Yahoo! JAPAN Tech Conference 2018 B-6 セッションのスライドです。
2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp
テクノロジーとブランディング 〜⼈を惹きつける技術〜 内⽥伸哉 Copyright 2018 Yahoo Japan Corporation. All Rights Reserved.
ヤフー株式会社 コーポレートコミュニケーション本部 ブランドマネジメント室 室⻑ 内⽥伸哉
ブランド
本⽇のゴール 「ブランドの技術」 を知り興味を持ってもらう
WORK
ブランディング ヤフーを好きになってもらう
引用元 ねとらぼ:http://nlab.itmedia.co.jp/nl/articles/1707/26/news039.html
君の名は。 ペア動画 技術背景
企画設計
君の名は。DVD発売⽇に話題を作りたい ヤフー ユーザーに驚く体験を届けたい ↓ 両者協⼒して企画⽴案
「2⼈の出会い」が鍵 ↓ スマホ1台だと出会えず スマホ2台だと出会える ペア動画
君の名は。DVD発売⽇にペア動画
技術設計
シーケンス図 フロント バックエンド フロント 三葉 瀧 connect sendRoomNumber loadStart connect loadStart loadComplete loadComplete playStart n秒毎にSYNC (デフォルト1秒) 画⾯が傾いた時、 傾きから復帰した時 sync playStart sync changeStatus changeStatus disconnect disconnect
映像の同期
課題 ⼤量のユーザーの 映像同期を 如何に処理するか
シーケンス図 フロント バックエンド フロント 三葉 瀧 connect sendRoomNumber loadStart connect loadStart loadComplete loadComplete playStart n秒毎にSYNC (デフォルト1秒) 画⾯が傾いた時、 傾きから復帰した時 sync playStart sync changeStatus changeStatus disconnect disconnect
IDEA 1 ”動画“を”静⽌画連続“に
スマホA 100sec mp4 Sync スマホB 100sec mp4
100sec mp4 スマホA スマホB Player Player すぐに再⽣ 遅れて再⽣
動画はプレイヤー依存する
動画→静⽌画
Gif 2,586枚 スマホA 再⽣ スマホB Sync 再⽣
IDEA 2 同期を重要点のみに
通常︓常に動画を同期 今回︓重要点のみ同期
同期2586回→13回 同期タイミング const SYNC_TIMING = [3, 16, 23, 34, 40, 45, 52, 57, 70, 77, 80, 94, 102]; 秒間フレーム数 _fps = 24 maxフレーム数 _maxFrame = 2586
IDEA3 ペアリングと同期信号の サーバーを分け分散管理
前提 負荷分散のためLBの設置必要あり ⼤量のリクエストを捌く必要あり ミュージックステーションで放映
nodeサーバー 動画再⽣状態 redisサーバー ペアリング
↓ ペア動画で盛り上がる世の中
↓ ペア動画で盛り上がる世の中 ↓ ヤフーの好感
3TIPS
広い技術 良さ メッセージ
広い技術 良さ メッセージ
技術
狭い技術者は広い技術を⾒ない
狭い意味のでの技術 プログラムの技術 ハードウェアの技術 通信の技術 VR AR MRの技術
広い意味での技術 デザインの技術 世の中の⼼を掴む技術 炎上させたりバズらせたりする技術 モテる技術
PlayStation VR うんこドリル
サーバー処理 動画同期 PR 記事 デザイン タイトル SNS拡散 話題
サーバー処理 動画同期 PR 記事 デザイン タイトル SNS拡散 話題
サーバー処理 動画同期 PR 記事 デザイン タイトル SNS拡散 話題
広い技術 良さ メッセージ
⽇本のマーケットは 最新・先端を意識しすぎて 定性的な良さへの意識が希薄
⼈⼯知能 ビッグデータ IoT
新しいか古いか の前に 良いか悪いか
キングスマン
古き良きスパイ映画
良い 旧来 新しい 悪い
良い ここを やろうと して 旧来 新しい 悪い
良い ここを やろうと して 旧来 新しい ここに なりがち 悪い
良い ここを やろうと して ここも 忘れがち 旧来 新しい ここに なりがち 悪い
良い 旧来 新しい 悪い
広い技術 良さ メッセージ
いつ 何を⾔うか
20周年にネットの20年を振り返る
3.11から6年⽬に防災を呼びかける
君の名は。DVD発売⽇にペア動画
具体的に シンプルに 短く
What to say
世の中に響くメッセージを
広い技術 良さ メッセージ
ブランディング
ブランディング ↓ ⼈の⼼を動かす技術
本⽇のゴール 「ブランドの技術」 を知り興味を持ってもらう
ご静聴ありがとうございました
Copyright 2018 Yahoo Japan Corporation. All Rights Reserved.