Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

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

1.552 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

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

  1. 1. Copyright 2018 Yahoo Japan Corporation. All Rights Reserved. テクノロジーとブランディング 〜人を惹きつける技術〜 内田伸哉
  2. 2. ヤフー株式会社 コーポレートコミュニケーション本部 ブランドマネジメント室 室長 内田伸哉
  3. 3. ブランド
  4. 4. 本日のゴール 「ブランドの技術」 を知り興味を持ってもらう
  5. 5. WORK
  6. 6. ブランディング ヤフーを好きになってもらう
  7. 7. 引用元 ねとらぼ:http://nlab.itmedia.co.jp/nl/articles/1707/26/news039.html
  8. 8. 君の名は。 ペア動画 技術背景
  9. 9. 企画設計
  10. 10. 君の名は。DVD発売日に話題を作りたい ヤフー ユーザーに驚く体験を届けたい ↓ 両者協力して企画立案
  11. 11. 「2人の出会い」が鍵 ↓ スマホ1台だと出会えず スマホ2台だと出会える ペア動画
  12. 12. 君の名は。DVD発売日にペア動画
  13. 13. 技術設計
  14. 14. 瀧 シーケンス図 sendRoomNumber フロント 三葉 フロントバックエンド connect changeStatuschangeStatus disconnect sync n秒毎にSYNC (デフォルト1秒) connect playStart playStart sync 画面が傾いた時、 傾きから復帰した時 disconnect loadComplete loadComplete loadStart loadStart
  15. 15. 映像の同期
  16. 16. 課題 大量のユーザーの 映像同期を 如何に処理するか
  17. 17. 瀧 シーケンス図 sendRoomNumber フロント 三葉 フロントバックエンド connect changeStatuschangeStatus disconnect sync n秒毎にSYNC (デフォルト1秒) connect playStart playStart sync 画面が傾いた時、 傾きから復帰した時 disconnect loadComplete loadComplete loadStart loadStart
  18. 18. IDEA 1 ”動画“を”静止画連続“に
  19. 19. 100sec mp4 スマホBスマホA 100sec mp4 Sync
  20. 20. 100sec mp4 スマホBスマホA Player Player すぐに再生 遅れて再生
  21. 21. 動画はプレイヤー依存する
  22. 22. 動画→静止画
  23. 23. Gif 2,586枚 スマホBスマホA 再生 再生Sync
  24. 24. IDEA 2 同期を重要点のみに
  25. 25. 通常:常に動画を同期 今回:重要点のみ同期
  26. 26. 同期タイミング const SYNC_TIMING = [3, 16, 23, 34, 40, 45, 52, 57, 70, 77, 80, 94, 102]; 秒間フレーム数 _fps = 24 maxフレーム数 _maxFrame = 2586 同期2586回→13回
  27. 27. IDEA3 ペアリングと同期信号の サーバーを分け分散管理
  28. 28. 前提 負荷分散のためLBの設置必要あり 大量のリクエストを捌く必要あり ミュージックステーションで放映
  29. 29. redisサーバー ペアリング nodeサーバー 動画再生状態
  30. 30. ↓ ペア動画で盛り上がる世の中
  31. 31. ↓ ペア動画で盛り上がる世の中 ↓ ヤフーの好感
  32. 32. 3TIPS
  33. 33. 広い技術 良さ メッセージ
  34. 34. 広い技術 良さ メッセージ
  35. 35. 技術
  36. 36. 狭い技術者は広い技術を見ない
  37. 37. 狭い意味のでの技術 プログラムの技術 ハードウェアの技術 通信の技術 VR AR MRの技術
  38. 38. 広い意味での技術 デザインの技術 世の中の心を掴む技術 炎上させたりバズらせたりする技術 モテる技術
  39. 39. PlayStation VR うんこドリル
  40. 40. 話題 サーバー処理 動画同期 PR 記事 デザイン タイトル SNS拡散
  41. 41. 話題 サーバー処理 動画同期 PR 記事 デザイン タイトル SNS拡散
  42. 42. 話題 サーバー処理 動画同期 PR 記事 デザイン タイトル SNS拡散
  43. 43. 広い技術 良さ メッセージ
  44. 44. 日本のマーケットは 最新・先端を意識しすぎて 定性的な良さへの意識が希薄
  45. 45. 人工知能 ビッグデータ IoT
  46. 46. 新しいか古いか の前に 良いか悪いか
  47. 47. キングスマン
  48. 48. 古き良きスパイ映画
  49. 49. 新しい旧来 良い 悪い
  50. 50. 新しい旧来 良い 悪い ここを やろうと して
  51. 51. 新しい旧来 良い 悪い ここを やろうと して ここに なりがち
  52. 52. 新しい旧来 良い 悪い ここを やろうと して ここに なりがち ここも 忘れがち
  53. 53. 新しい旧来 良い 悪い
  54. 54. 広い技術 良さ メッセージ
  55. 55. いつ 何を言うか
  56. 56. 20周年にネットの20年を振り返る
  57. 57. 3.11から6年目に防災を呼びかける
  58. 58. 君の名は。DVD発売日にペア動画
  59. 59. 具体的に シンプルに 短く
  60. 60. What to say
  61. 61. 世の中に響くメッセージを
  62. 62. 広い技術 良さ メッセージ
  63. 63. ブランディング
  64. 64. ブランディング ↓ 人の心を動かす技術
  65. 65. 本日のゴール 「ブランドの技術」 を知り興味を持ってもらう
  66. 66. ご静聴ありがとうございました
  67. 67. Copyright 2018 Yahoo Japan Corporation. All Rights Reserved.

×