Yahoo! JAPAN Tech Conference 2018 B-6 セッションのスライドです。

1. Copyright 2018 Yahoo Japan Corporation.
All Rights Reserved.
テクノロジーとブランディング
〜人を惹きつける技術〜
内田伸哉

2. ヤフー株式会社
コーポレートコミュニケーション本部
ブランドマネジメント室 室長
内田伸哉

3. ブランド

4. 本日のゴール
「ブランドの技術」
を知り興味を持ってもらう

5. WORK

11. ブランディング
ヤフーを好きになってもらう

13. 引用元 ねとらぼ：http://nlab.itmedia.co.jp/nl/articles/1707/26/news039.html

15. 君の名は。
ペア動画
技術背景

16. 企画設計

17. 君の名は。DVD発売日に話題を作りたい
ヤフー ユーザーに驚く体験を届けたい
↓
両者協力して企画立案

18. 「２人の出会い」が鍵
↓
スマホ１台だと出会えず
スマホ２台だと出会える
ペア動画

19. 君の名は。DVD発売日にペア動画

23. 技術設計

24. 瀧
シーケンス図
sendRoomNumber
フロント
三葉
フロントバックエンド
connect
changeStatuschangeStatus
disconnect
sync
n秒毎にSYNC
(デフォルト1秒)
connect
playStart playStart
sync
画面が傾いた時、
傾きから復帰した時
disconnect
loadComplete loadComplete
loadStart loadStart

25. 映像の同期

26. 課題
大量のユーザーの
映像同期を
如何に処理するか

27. 瀧
シーケンス図
sendRoomNumber
フロント
三葉
フロントバックエンド
connect
changeStatuschangeStatus
disconnect
sync
n秒毎にSYNC
(デフォルト1秒)
connect
playStart playStart
sync
画面が傾いた時、
傾きから復帰した時
disconnect
loadComplete loadComplete
loadStart loadStart

28. IDEA 1
”動画“を”静止画連続“に

29. 100sec
mp4
スマホBスマホA
100sec
mp4
Sync

30. 100sec
mp4
スマホBスマホA
Player Player
すぐに再生
遅れて再生

31. 動画はプレイヤー依存する

32. 動画→静止画

33. Gif
2,586枚
スマホBスマホA
再生 再生Sync

34. IDEA 2
同期を重要点のみに

35. 通常：常に動画を同期
今回：重要点のみ同期

36. 同期タイミング
const SYNC_TIMING = [3, 16, 23, 34, 40, 45, 52, 57, 70, 77, 80, 94, 102];
秒間フレーム数
_fps = 24
maxフレーム数
_maxFrame = 2586
同期2586回→13回

37. IDEA3
ペアリングと同期信号の
サーバーを分け分散管理

38. 前提
負荷分散のためLBの設置必要あり
大量のリクエストを捌く必要あり
ミュージックステーションで放映

39. redisサーバー
ペアリング
nodeサーバー
動画再生状態

40. ↓
ペア動画で盛り上がる世の中

41. ↓
ペア動画で盛り上がる世の中
↓
ヤフーの好感

42. ３TIPS

43. 広い技術
良さ
メッセージ

44. 広い技術
良さ
メッセージ

45. 技術

46. 狭い技術者は広い技術を見ない

47. 狭い意味のでの技術
プログラムの技術
ハードウェアの技術
通信の技術
VR AR MRの技術

48. 広い意味での技術
デザインの技術
世の中の心を掴む技術
炎上させたりバズらせたりする技術
モテる技術

49. PlayStation VR うんこドリル

50. 話題
サーバー処理
動画同期
PR
記事
デザイン
タイトル
SNS拡散

51. 話題
サーバー処理
動画同期
PR
記事
デザイン
タイトル
SNS拡散

52. 話題
サーバー処理
動画同期
PR
記事
デザイン
タイトル
SNS拡散

53. 広い技術
良さ
メッセージ

54. 日本のマーケットは
最新・先端を意識しすぎて
定性的な良さへの意識が希薄

55. 人工知能
ビッグデータ
IoT

57. 新しいか古いか
の前に
良いか悪いか

58. キングスマン

59. 古き良きスパイ映画

60. 新しい旧来
良い
悪い

61. 新しい旧来
良い
悪い
ここを
やろうと
して

62. 新しい旧来
良い
悪い
ここを
やろうと
して
ここに
なりがち

63. 新しい旧来
良い
悪い
ここを
やろうと
して
ここに
なりがち
ここも
忘れがち

65. 新しい旧来
良い
悪い

66. 広い技術
良さ
メッセージ

67. いつ 何を言うか

68. 20周年にネットの20年を振り返る

69. 3.11から6年目に防災を呼びかける

70. 君の名は。DVD発売日にペア動画

71. 具体的に
シンプルに
短く

72. What to say

73. 世の中に響くメッセージを

74. 広い技術
良さ
メッセージ

75. ブランディング

76. ブランディング
↓
人の心を動かす技術

77. 本日のゴール
「ブランドの技術」
を知り興味を持ってもらう

78. ご静聴ありがとうございました

79. Copyright 2018 Yahoo Japan Corporation. All Rights Reserved.