YJTC18 B-6 テクノロジーとブランディング ~人を惹きつける技術~

177 Views

January 29, 18

スライド概要

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

profile-image

2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
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.

「2⼈の出会い」が鍵 ↓ スマホ1台だと出会えず スマホ2台だと出会える ペア動画

19.

君の名は。DVD発売⽇にペア動画

23.

技術設計

24.

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

25.

映像の同期

26.

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

27.

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

28.

IDEA 1 ”動画“を”静⽌画連続“に

29.

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

30.

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

31.

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

32.

動画→静⽌画

33.

Gif 2,586枚 スマホA 再⽣ スマホB Sync 再⽣

34.

IDEA 2 同期を重要点のみに

35.

通常︓常に動画を同期 今回︓重要点のみ同期

36.

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

37.

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

38.

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

39.

nodeサーバー 動画再⽣状態 redisサーバー ペアリング

40.

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

41.

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

42.

3TIPS

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.