【試し読み】AbemaTV TECH BOOK / AbemaTV TECH BOOK

2016ba6b977a2e6691811fa66d5f4336?s=47 CyberAgent
September 22, 2019

【試し読み】AbemaTV TECH BOOK / AbemaTV TECH BOOK

技術書典7で販売した、AbemaTVのエンジニア・デザイナーによる技術同人誌「AbemaTV TECH BOOK」の試し読みです。

本編は以下よりお買い求めいただけます。
https://abematv.booth.pm/items/1589553

2016ba6b977a2e6691811fa66d5f4336?s=128

CyberAgent

September 22, 2019
Tweet

Transcript

  1. 00 01 02 03 04 05 06 07 08 00

    01 02 03 04 05 06 07 08 TECH BOOK
  2. AbemaTV Tech Book AbemaTV մ蜷 2019-09-22 撶 AbemaTV 氦车 1

  3. 泘域 瑬 1 珕 JavaScript AST ־׼泘釶״׾ׯׂ׼סٛنؒؠذٛ٤ء 11 1.1 ♀㎇סٛنؒؠذٛ٤ء◜❛

    . . . . . . . . . . . . . . . . . . . . . . . 11 1.2 AST Explorer ך AST ؅✄䠊׌׾ . . . . . . . . . . . . . . . . . . . . 13 1.3 jscodeshift ך蔦ⳛٛنؒؠذٛ٤ء . . . . . . . . . . . . . . . . . . . . 15 1.3.1 import 倀ס alias ؅㜽׌ . . . . . . . . . . . . . . . . . . . . . 15 1.3.2 ❈؂׿יַ׾㜟俙⻏؅翝׀䳕ֻ׾ . . . . . . . . . . . . . . . . . 20 1.3.3 تؤ٭و؅脝䢩׊י㜟俙⻏؅翝׀䳕ֻ׾ . . . . . . . . . . . . . 23 1.4 ESLint סٜ٭ٜ؅✑זיؤ٭غ؅⟛㴕׌׾ . . . . . . . . . . . . . . . . 27 1.4.1 AST ؅عٚف٭ت׌׾ . . . . . . . . . . . . . . . . . . . . . . 28 1.4.2 ׌׬יס alias import ؅ؙٚ٭מ׌׾ . . . . . . . . . . . . . . 30 1.4.3 翝׀䳕ֻ⺪茣ם㖪⻉סײؙٚ٭מ׌׾ . . . . . . . . . . . . . . . 31 1.4.4 autofix ؅㵅鍮׌׾ . . . . . . . . . . . . . . . . . . . . . . . . . 34 1.4.5 㵅갾מ❈זיײ׾ . . . . . . . . . . . . . . . . . . . . . . . . . 36 1.5 Babel plugin ך import 倀؅ minify ׌׾ . . . . . . . . . . . . . . . . 38 1.5.1 alias import ע minify מ䔢皑ח . . . . . . . . . . . . . . . . . 38 1.5.2 Babel وٚءؕ٤؅✑׾ . . . . . . . . . . . . . . . . . . . . . . 40 1.5.3 تػشوب٘شعطتع؅剹ׂ . . . . . . . . . . . . . . . . . . 42 1.6 ֽ؂׽מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 瑬 2 珕 AbemaTV ך㰢ש RxJS 45 2.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 2.2 ⳛ氺ֿ⫙气ך׀׾־⮿㴻׌׾ (곓儅䍲: A) . . . . . . . . . . . . . . . . . 46 2.2.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 2.2.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 2.2.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 2.3 ؗؔ٤غؗئؕثמ䗎׋יذه؅䫐׽גג׳ (곓儅䍲: A) . . . . . . . . 48 2
  4. 2.3.1 ゼ꾴 . . . . . . . .

    . . . . . . . . . . . . . . . . . . . . . . . . 48 2.3.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 2.3.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 2.4 䌮⼴僻ׄסؓؕ؞ٔشز (곓儅䍲: A) . . . . . . . . . . . . . . . . . . . 49 2.4.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49 2.4.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 2.4.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 2.5 ⳛ氺ס⫙气免ꪨ؅⟛㲽׌׾ (곓儅䍲: B) . . . . . . . . . . . . . . . . . . 50 2.5.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 2.5.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 2.5.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 2.6 沁篁ס⫙ꪛ؅⮿㴻׌׾ (곓儅䍲: B) . . . . . . . . . . . . . . . . . . . . 53 2.6.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 2.6.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 2.6.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 2.7 ً٭ةꈴ瓌免סٞء (곓儅䍲: B) . . . . . . . . . . . . . . . . . . . . . 55 2.7.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 2.7.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 2.7.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 2.8 䌮⼴ֿ㢼ױ׾⯼סؓؕ؞ٔشز (곓儅䍲: C) . . . . . . . . . . . . . . . 56 2.8.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 2.8.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 2.8.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 2.9 ُؗتֿⳛ־ם־זג׼ؤ٤عٞ٭ٚ٭؅걇׌ (곓儅䍲: C) . . . . . . . 59 2.9.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 2.9.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 2.9.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 2.10 ب٭ؠف٭ئّؾٜؕסوٛنؘشز (곓儅䍲: C) . . . . . . . . . . . . 60 2.10.1 ゼ꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 2.10.2 闋瞩 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 2.10.3 闋鞃 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 2.11 ׵זכ㳔צגַ偙׫ . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 2.11.1 learn-rxjs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 2.11.2 Angular - RxJS ٚؕهٚٛ . . . . . . . . . . . . . . . . . . . . 63 2.11.3 RxJS - API List . . . . . . . . . . . . . . . . . . . . . . . . . . 63 3
  5. 泘域 2.12 ֽ؂׽מ . . . . . . .

    . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 瑬 3 珕 Electron ך癨ⶡם Mac ؓوٛ؅بٖشכ⛼׾ 64 3.1 Electron כע . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 3.2 Electron ךؓوٛ؅✑׾ . . . . . . . . . . . . . . . . . . . . . . . . . . 65 3.2.1 ꪛ溪欎㘶ס圸碎 . . . . . . . . . . . . . . . . . . . . . . . . . . 66 3.2.2 Hello World ؅銨獏׈׎יײ׻ֹ . . . . . . . . . . . . . . . . . 70 3.2.3 ط؞تعؙظؔذ؅✑׾ . . . . . . . . . . . . . . . . . . . . . . 73 3.2.4 قشآ٭ة٤ء׌׾ . . . . . . . . . . . . . . . . . . . . . . . . 78 3.3 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 瑬 4 珕 HTML5 Canvas ؅✳זי何⥼ס┕מ؛٭ف٭ٝؕ׌׾بتطّ؅⛼ז יײג 82 4.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 4.2 طٞشوס؛٭ف٭ٝؕ . . . . . . . . . . . . . . . . . . . . . . . . . . 82 4.3 ـ٭غؘؗؓꈷ㴻 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85 4.4 خنعؘؗؓ陭阛 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 4.5 㵅鍮ס嵣׿ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 4.6 ؤ٭غ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 4.7 篙卸 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 瑬 5 珕 AbemaTV 琂魸زٔ٤ؾٜמֽׄ׾ٝ٭ت◀䘶鉮鐄 AR ؓوٛ؅ iPhone1 ⺏ך㲔杯׌׾ 94 5.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 5.2 盨齡زٔ٤ؾٜꪛ㹾ס篑紼 . . . . . . . . . . . . . . . . . . . . . . . . . 95 5.3 ٝ٭ت◙䞯闋鞃氠 AR ؓوٛמחַי . . . . . . . . . . . . . . . . . . . 95 5.4 鏿俙ُ٭؜٭⻎免عٚش؞٤ء؅㵅槁׌׾ . . . . . . . . . . . . . . . . 96 5.5 ARKit ךס嗱隍 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 5.6 Wikitude SDK for iOS ךס嗱隍 . . . . . . . . . . . . . . . . . . . . . 98 5.7 Wikitude SDK for iOS מ׻׾㵅鍮偙岺 . . . . . . . . . . . . . . . . . 99 5.7.1 Wikitude SDK סٚؕج٤ت؞٭ס⺅䕑 . . . . . . . . . . . . . 99 5.7.2 Wikitude Studio ┪ךסُ٭؜٭氺⦐ס溫ꜗ . . . . . . . . . . . 100 5.7.3 Wikitude Studio ┪ךסُ٭؜٭┪מ銨獏׈׎׾ 3D ٓظٜס溫ꜗ 101 5.7.4 ⻎免عٚش؞٤ء؅⺪茣מ׌׾ג״ס剹׀䳕ֻ . . . . . . . . . . 103 5.7.5 3D ٓظٜסؓؼْ٭ب٘٤؅摾ꮹٜ٭و⫙气׌׾ג״ס㵅鍮 . . 104 5.8 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 4
  6. 5.9 ⹧脝魕倣 . . . . . . . .

    . . . . . . . . . . . . . . . . . . . . . . . . . . 109 瑬 6 珕 AVPlayer ך iOS סⳂ槆وٕٝؕ٭؅舅⛼׌׾ 110 6.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 6.2 ⳛ氺؅⫙气׌׾ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 6.2.1 AVPlayerViewController ؅❈זיⳛ氺؅⫙气׌׾偙岺 . . . . . 111 6.2.2 AVFoundation . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 6.3 ⫙气ؤ٤عٞ٭ٜס UI ؅蔦✑׌׾ . . . . . . . . . . . . . . . . . . . . 114 6.3.1 AVPlayerLayer ؅❈זגⳛ氺銨獏 . . . . . . . . . . . . . . . . 115 6.3.2 ؛٭ف٭ٝؕ؅銨獏׌׾ . . . . . . . . . . . . . . . . . . . . . . 116 6.3.3 ⫙气٬⢶婝ٍذ٤؅✑׾ . . . . . . . . . . . . . . . . . . . . . . 116 6.3.4 ب٭ؠف٭כت؞شوٍذ٤؅✑׾ . . . . . . . . . . . . . . . . 117 6.4 虝չם⫙气偙䑑מ㸐䗎׌׾ . . . . . . . . . . . . . . . . . . . . . . . . . 120 6.4.1 فشؠءٚؗ٤غ⫙气 . . . . . . . . . . . . . . . . . . . . . . . 120 6.4.2 ٛٓ٭عؤ٤عٞ٭ٜמ㸐䗎׌׾ . . . . . . . . . . . . . . . . . 122 6.4.3 AirPlay . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 6.4.4 Picture in Picture . . . . . . . . . . . . . . . . . . . . . . . . . 125 6.5 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127 6.6 ׻׽幾ׂ㳔צגַ偙׫ . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 6.6.1 HTTP Live Streaming . . . . . . . . . . . . . . . . . . . . . . 128 6.6.2 FairPlay Streaming . . . . . . . . . . . . . . . . . . . . . . . . 128 6.7 ⹧脝倀桬 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 瑬 7 珕 SwiftSyntaxBuilder = SwiftSyntax • Function Builders 129 7.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 7.2 SwiftSyntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131 7.2.1 Swift ؤ٤قؕٚכ lib/Syntax . . . . . . . . . . . . . . . . . . 131 7.2.2 SwiftSyntax כ SourceKit . . . . . . . . . . . . . . . . . . . . 132 7.2.3 Swift ؤ٭غס䬂骭圸倀勎؅⺅䕑׌׾ . . . . . . . . . . . . . . . 133 7.2.4 With API מ׻׾䬂骭圸倀勎ס㜟剳 . . . . . . . . . . . . . . . . 134 7.2.5 Make API כ Builder API . . . . . . . . . . . . . . . . . . . . 135 7.3 Function Builders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136 7.3.1 SwiftUI מ锶׾偆גם阋靣塌茣 . . . . . . . . . . . . . . . . . . 136 7.3.2 Function Builders כע . . . . . . . . . . . . . . . . . . . . . . 137 7.3.3 Function Builders ךך׀׾׆כ . . . . . . . . . . . . . . . . . 138 5
  7. 泘域 7.3.4 SwiftUI מֽׄ׾ Function Builders . . . .

    . . . . . . . . . . . 141 7.4 SwiftSyntaxBuilder . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 7.5 ֽ؂׽מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145 瑬 8 珕 Groupie כقنؚ٭ُ٤ت 146 8.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 8.2 Groupie ס嚣锡 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 8.2.1 Groupie ס╭םؠٚت . . . . . . . . . . . . . . . . . . . . . . . 147 8.2.2 Group כصٛ٭圸ꅎ . . . . . . . . . . . . . . . . . . . . . . . . 147 8.3 ٛتعס亣✑כقنؚ٭ُ٤ت . . . . . . . . . . . . . . . . . . . . . . 148 8.3.1 ٛتعס亣✑ꫀ俙כゼ꾴掾 . . . . . . . . . . . . . . . . . . . . . 148 8.3.2 Section#update ס♐篁ײכٜؓإٛثّ . . . . . . . . . . . . 148 8.3.3 Section#update ס阛砯ꓪ . . . . . . . . . . . . . . . . . . . . . 149 8.4 ٛتعס剳偆؅둚ꅋⵊ׌׾ . . . . . . . . . . . . . . . . . . . . . . . . . 150 8.4.1 㵅갾סٗ٭تآ٭ت . . . . . . . . . . . . . . . . . . . . . . . . 150 8.4.2 ⯜笴؅Ⲏֻי둚ꅋⵊ . . . . . . . . . . . . . . . . . . . . . . . . 151 8.5 update ס⭦槏免ꪨ嬟鼛 . . . . . . . . . . . . . . . . . . . . . . . . . . 152 8.5.1 嬟鼛偙岺 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 8.5.2 嬟鼛篙卸 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 8.6 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153 瑬 9 珕 Android ؓوٛآ٭ب٘٤מֽׄ׾ Zeroconf מ׻׾ Network Ser- vice Discovery 154 9.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 9.2 Zeroconf מחַי . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155 9.3 Netowork Service Discovery API מחַי . . . . . . . . . . . . . . . . 156 9.3.1 NsdManager מחַי . . . . . . . . . . . . . . . . . . . . . . . 156 9.3.2 NsdServiceInfo מחַי . . . . . . . . . . . . . . . . . . . . 157 9.4 ئ٭لتס⪪ꪛ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 9.5 ئ٭لتס嗱筺 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 9.6 ئ٭لتס⻏⯼闋尴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162 9.7 Android ؓوٛآ٭ب٘٤⻎㛶סؾشع٠٭ؠꄼ⟤ . . . . . . . . . . . 163 9.8 ֽ؂׽מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163 瑬 10 珕 HashiCorp Vault ⪌ꝛ 164 10.1 塌㶔䝠㖥硄槏ס鞏꾴 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164 6
  8. 10.1.1 坎չם鞏꾴 . . . . . . . .

    . . . . . . . . . . . . . . . . . . . . . 164 10.1.2 بتطّסتآ٭ٜ . . . . . . . . . . . . . . . . . . . . . . . . 165 10.1.3 ☭סتآ٭ٜ . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 10.1.4 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166 10.2 HashiCorp Vault כע . . . . . . . . . . . . . . . . . . . . . . . . . . . 166 10.2.1 Vault ע鞏꾴؅לֹ闋尴׌׾־ . . . . . . . . . . . . . . . . . . 166 10.3 㕈勓紬 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168 10.3.1 Install . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168 10.3.2 KV Secrets Engine . . . . . . . . . . . . . . . . . . . . . . . . 170 10.3.3 Policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 10.3.4 Token כ Lease . . . . . . . . . . . . . . . . . . . . . . . . . . 183 10.4 㵅鴫紬 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187 10.4.1 Audit Devices . . . . . . . . . . . . . . . . . . . . . . . . . . . 187 10.4.2 AppRole . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189 10.4.3 Dynamic Secrets . . . . . . . . . . . . . . . . . . . . . . . . . 192 10.4.4 Cubbyhole Response Wrapping . . . . . . . . . . . . . . . . . 195 10.5 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199 瑬 11 珕 Design doc זי ם׏傴ׂס םמ؅傴ׂס לֹ傴ׂס 200 11.1 Design doc מ✇؅剹ׂ . . . . . . . . . . . . . . . . . . . . . . . . . 200 11.2 Design doc ؅剹ׂ槏氮ע . . . . . . . . . . . . . . . . . . . . . . . 202 11.3 Design doc עלֹ剹ׂ . . . . . . . . . . . . . . . . . . . . . . . . . 203 11.4 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206 瑬 12 珕 A/B طتعמ㵚׌׾ظاؕ٤ס⺸׀⺬ַ亠 208 12.1 ע׋״מ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208 12.2 AbemaTV מֽׄ׾ A/B طتعעל؆ם׵ס־ . . . . . . . . . . . 209 12.2.1 ❛iOS ؓوٛמיյ杅㴻ٓةٖ٭ٜס CTR 侉ㄌ؅潨溷מ UI ס锶ג潨؅ 2 قذ٭٤䨏؂׎׾㖪⻉ . . . . . . . . . . . . . . . . 209 12.2.2 鎢鳉 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 12.3 A/B طتعמ׻׾䚽䛒յא׊י鞏꾴 . . . . . . . . . . . . . . . . . . . 210 12.3.1 鞏꾴Ώظاؕ٤ס♳鞃מ㸐׌׾䘼脝ס氈׈ . . . . . . . . . . . . 210 12.3.2 鞏꾴ΐؤ٤َ٭ؾ٤عֿ؂םׂם׾=ظاؕ٤ס鬘⥡ . . . . . 211 12.3.3 鞏꾴Α㸯׈ם偡瞬ֿ㙟ֻי׊ױֹ . . . . . . . . . . . . . . . . . 211 12.3.4 鞏꾴Β⿣鮐؅ֵׅ׾ذِؕ٤ءֿ㝤؂׿׾ . . . . . . . . . . . . 212 7
  9. 泘域 12.4 לֹ⻔׀⻉זיַׂ־ . . . . . . .

    . . . . . . . . . . . . . . . . . . 213 12.4.1 ظاؕ٤لة٘٤٬ظاؕ٤⸮⯵؅✑׽ױ׊׺ֹ . . . . . . . . . 213 12.4.2 ظاؕ٤ס圸ꅎⵊ . . . . . . . . . . . . . . . . . . . . . . . . . 214 12.4.3 ⿣鮐؅犵׀┪ׅ׾ 2 ꅸꪨ . . . . . . . . . . . . . . . . . . . . . . 215 12.5 ױכ״ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216 瑬 13 珕 Ⳃ槆⿁韬⯆䐒ס냕䈱⴫ס㲔杯وٞجت 217 13.1 䍇韢ⳛ氺㜟䳕מꫀ؂׾┾汔ס嚣镸 . . . . . . . . . . . . . . . . . . . . 217 13.1.1 蔦䉁箩♃ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217 13.1.2 AbemaTV זי✇ . . . . . . . . . . . . . . . . . . . . . . . 218 13.1.3 ⿣鮐غْؕ٤ס⮔ⰺ . . . . . . . . . . . . . . . . . . . . . . . . 219 13.1.4 ْؕ٤ِشب٘٤ . . . . . . . . . . . . . . . . . . . . . . . . . 221 13.1.5 לַֹֹ茣ⲇֿ寛״׼׿׾ס־ . . . . . . . . . . . . . . . . . . 222 13.1.6 عٚ٤تؤ٭غכע✇־ . . . . . . . . . . . . . . . . . . . . . . 222 13.1.7 AbemaTV ס㕈勓٠٭ؠنٞ٭ . . . . . . . . . . . . . . . . . . 224 13.1.8 ⪜畇ⳛ氺ס甦꿔 . . . . . . . . . . . . . . . . . . . . . . . . . . 224 13.1.9 TV 㹾ס㕈勓٠٭ؠنٞ٭ . . . . . . . . . . . . . . . . . . . . . 226 13.1.10 ⺅׽㎇׌ⳛ氺ס䈼沌 . . . . . . . . . . . . . . . . . . . . . . . . 227 13.1.11 ُتذٛ٤ءכע . . . . . . . . . . . . . . . . . . . . . . . . . 229 13.1.12 AbemaTV ע㝂嫘ُتذٛ٤ء✄⯜ . . . . . . . . . . . . . . . 229 13.1.13 CM 䯏⪜偙岺סꇙַ . . . . . . . . . . . . . . . . . . . . . . . . 230 13.1.14 ⳛ氺紬겏䩘岺ס㜟ꈴٛؼؓכؿ٤ٛؼؓס潸⩴ . . . . . . . . . 233 13.1.15 AbemaTV עؿ٤ٛؼؓ溷䩘岺מ杅ⵊ׌׾׆כ؅ꈷ؆ד . . . . . 235 13.1.16 TV 噺汔ס㕈䌙⹺ꜗْظؔؓס剳偆 . . . . . . . . . . . . . . . . 236 13.1.17 ⻄㹾סط٭و魕氙סظةذٜؓ٭؜ؕه◜䝠 . . . . . . . . . . . 237 13.2 勓韢⿣鮐⯜䕣׫סؓوٞ٭ز . . . . . . . . . . . . . . . . . . . . . . 238 13.2.1 ⿣鮐ⲑⵊَؕ٤عס阛廠כ⺪镄ⵊ . . . . . . . . . . . . . . . . . 238 13.2.2 ؛٤ظُ٤غס⿣鮐؅ٛؼؓ紬䧯מ䈼׌ . . . . . . . . . . . . . 241 13.2.3 ⳛ氺⪜畇锺㴻ס瞬㴻劄ꈌⵊ . . . . . . . . . . . . . . . . . . 247 13.2.4 ⪜畇ⳛ氺ס嗱吉ص٭ٜס✑䧯մPreHumanQC ص٭ٜ . . . . 249 13.2.5 AbemaTV ס QC 㴻聋 . . . . . . . . . . . . . . . . . . . . . . 252 13.2.6 ⳛ氺ꆻ氠ס SLO(Service Level Objective) ס锺㴻כ㺿鉿 . . . . 254 13.2.7 槏䞯溷םⳛ氺ꆻ氠ت؞٭ّס圸䞯 . . . . . . . . . . . . . . . . . 259 13.2.8 Media Asset Management بتطّס圸碎 . . . . . . . . . . . . 261 13.2.9 ؛٤وٝ蔷┪╭聋脢ֿؠٚؗغמ⺪茣䙎؅锶⮂׌ױך . . . . . . 263 8
  10. 13.3 ױכ״ : 蔷둚ס⿣鮐ס㵅槁מ⻔ׄי . . . . . .

    . . . . . . . . . . . . . . 264 蜷縖磆☭ 265 9
  11. None
  12. 瑬 1 珕 JavaScript AST ־׼泘釶״׾ׯ ׂ׼סٛنؒؠذٛ٤ء 儨♀ס JavaScript סꪛ溪欎㘶עյBabel

    ؅㢼״כ׌׾عٚ٤تقؕٚ٭׷ Prettier ם לסنؚ٭ُشذ٭յESLint מ♣銨׈׿׾ٛ٤ذ٭םלյؤ٭غ؅وٞءُٚهٜמ 侉㜟׌׾ص٭ֿٜ㝂ֵׂ׽ױ׌ն׆׿׼סص٭ٜךעյؤ٭غס圸ꅎ؅䪻䳢׌׾ג״מ AST*1 ؅气䧯׊יַױ׌ն ׆ס皹ךעյ"alias import" ؅ط٭ُמـ٤ث؛٤䓺䑑ך AST מ闑׿יַ׀ױ׌ն jscodeshift ؅❈זגٛنؒؠذٛ٤ء־׼㢼ױ׽յESLint סٜ٭ٜכ׊י㵅鍮յ劄䔿ע Babel عٚ٤تنؚ٭ُ٭؅✑׾כ׆؀ױך闋鞃׊ױ׌ն׆ס皹؅ꄼ׊י AST מ闑׿׾ ׆כךյץַיע JavaScript ؅⺅׽䉌ׂꪛ溪欎㘶ס幾ַ槏闋מ縕ֿ׿ף䌗ַך׌ն 1.1 ☪㍑סٛنؒؠذٛ٤ء◄❆ ♀㎇סٛنؒؠذٛ٤ء◜❛עյES Modules ס import 倀ס㜟剳ך׌նAbemaTV ס Web نٞ٤عؙ٤غךע RxJS ؅䱰氠׊יַױ׌ն׆ס RxJS ס import ךעյ׊ף׊ ף ؤ٭غ 1.1 ס׻ֹמ Rx suffix ؅חׄי alias import ׊יַױ׊גն ӧؤ٭غ 1.1 RxJS ס꞊丗ע Rx suffix ך伺炐׊יַג import { filter as filterRx } from 'rxjs/operators'; *1Abstract Syntax Tree / 䬂骭圸倀勎 11
  13. 瑬 1 珕 JavaScript AST ־׼泘釶״׾ׯׂ׼סٛنؒؠذٛ٤ء ׆ס׮־מ׵յؤ٭غ 1.2 ס׻ֹמյֽא׼ׂ⺪鞅䙎؅潨溷כ׊גסךֵ؀ֹ alias

    import ַֿׂח׵ֵ׽ױ׊גն ӧؤ٭غ 1.2 ┉芗氳ם alias import import { store as containerStore } from './ContainerStore'; import { appConfig as config } from '../config'; ׊־׊յalias import ס劔摾׷⾀⻏锺⯵ע僻倀ⵊ׈׿יֽ׼׍յؤ٭غמ׻זיעאס ױױ import ׊יַ׾ꌃ⮔ֿ㝂չֵ׽ױ׊גնױגյؤ٭غ 1.2 ס store ס׻ֹמյؙ ؠتَ٭ع׌׾כ׀ס㜟俙⻏ֿ䜬ַ׎ַך alias import ׊יַג❛׵ֵ׽ױ׊גն׆ֹ ׊גם־ךյalias import ؅陵㵼׌׾־饗韢ֿ鱍׀յ篙卸כ׊יր㜟俙⻏סؤ٤نٛؠع ֿםַꮹ׽ alias import ע׊םַց偙ꓹֿ尴ױ׽ױ׊גն ׈יյֵםגע♀ alias import ؅蒈㝕םؤ٭غ־׼䱱׊⮂׊י翝׀䳕ֻ׾ذتؠֿ┰ ֻ׼׿ױ׊גնלס׻ֹמ闋尴׌׾ך׊׺ֹ־ն ❛ֻףյ婞锺銨槁ך闋尴׊׻ֹכ׌׾כյؤ٭غ 1.3 ס׻ֹם圸倀ס㝂坎䙎מחױטׂ ע׍ך׌ն׈׼מעյ債מ⻎⻏ס㜟俙ֿ㴻聋׈׿יַ׾כ׀ע翝׀䳕ֻך׀ױ׎؆նؤ٭ غ 1.4 ס׻ֹםآ٭تךעյ㜟俙⻏؅┞䭇ך翝䳕ך׀םַ׆כֿ؂־׽ױ׌ն ӧؤ٭غ 1.3 邾丗车מ峚׾ alias import import { filter as filterRx, map as mapRx, } from 'rxjs/operators'; ӧؤ٭غ 1.4 㯸تؤ٭وך⺱⺲ס㚺丗ֿ㲊紶׈׿יַ׾❆ import { routingPath as path } from '../constants'; const HOME_PATH = path.HOME; const Component = ({ path }) => { return <button disabled={path === HOME_PATH}>Home</button>; }; JavaScript AST ؅❈ֹכյ㴻聋׈׿יַ׾㜟俙⻏ס┞镣׷تؤ٭و䝠㖥םלֿ؂־׾ ג״յ׆׆ױךמ䮕ׅגゼ꾴؅脝䢩׊גٛنؒؠذٛ٤ء؅ؤ٭غכ׊י㵅鍮ך׀ױ׌ն ׈זאׂ JavaScript AST ؅❈זי alias import ؅ named import מٛنؒؠذٛ٤ ء׌׾ؤ٭غ؅✑׽ױ׊׺ֹն姌ס硼ך AST ؅㵅갾מ闑זיײיյלַֹזג׵סםס ־✄䠊׊ױ׊׺ֹն 12
  14. 瑬 2 珕 AbemaTV ך㰢ש RxJS 2.1 ע׋״מ AbemaTV ךע

    Web/iOS/Android ס⻄وٚشعنؚ٭ّמיظ٭ذنٞ٭؅銨槁׌ ׾ג״מ ReactiveX (Rx) *1 ֿ❈؂׿יַױ׌Web ך׵ React כ RxJS *2 ؅篁ײ⻉ ؂׎יؓوٛآ٭ب٘٤ֿ圸碎׈׿יַױ׌ RxJS ע event, timer, promise, pub/sub ؅簡┞׈׿גؕ٤ذ٭نؘ٭تך䪒ֹ׆כ ֿך׀׾긊䊬מ➬⯈םنٝ٭ّ٠٭ؠך׌ֿؘؗهنٞ٤عؙ٤غ汔갛ךע Angular ך㕈潒כ׊י❈؂׿יַ׾׵ססא׿♧㜽ס꽝㔔ךעם־ם־嶰ꄞ׊יַױ׎؆ אס┞㎋כ׊י脝ֻ׼׿׾סֿ㳔肪ؤتعס둚׈ך׌RxJS עظ٭ذ⮬ךֵ׾ت عٛ٭ّ؅气䧯٬㜟䳕׌׾ג״ס operator כ⽿ף׿׾ْخشغ聁؅俙㝂ׂ䳀❵׊יַױ ׌א׿׼מ䢍׿׾ג״מע蔦⮔ס䩘ך operator ؅篁ײ⻉؂׎יٞةشؠ؅圸碎׌׾篑 닫؅畤׳סֿ┞沁ס僃ꇓך׌ֿאסג״ס㳔肪꾴包עֵױ׽骅㶠כע阋ֻםַסֿ槁枱 ך׌ א׆ך♀㎇AbemaTV ך㵅갾מ溪气׊גبزؙٖ٭ب٘٤؅㕈מ׊י絊肪ゼ꾴؅✑ 䧯׊ױ׊גؤ٭غע⪢י TypeScript ך剹־׿יַױ׌ױג곓儅䍲ס潨㴗כ׊י祔 ⷃם偙־׼ A, B, C ؅♕ׄיַױ׌筤긖סꌬ⻉┪ゼ꾴ס潲䔿מ闋瞩ֿⷦ⯝׈׿י׊ױ ַױ׌ֿך׀׾דׄ闋瞩؅걇׊י闋ַיײױ׊׺ֹ *1http://reactivex.io/ *2https://rxjs-dev.firebaseapp.com/ 45
  15. 瑬 2 珕 AbemaTV ך㰢ש RxJS 2.2 Ⳃ槆ֿ⫋榟ך׀׾־⮭㲊׌׾ (ꦘ佄䈱: A)

    2.2.1 ゖ갭 ⳛ氺ֿ⫙气ך׀׾־לֹ־ע㝂ׂס API ס篙卸؅篁ײ⻉؂׎י⮿偂׊םׄ׿ףַׄױ ׎؆ַױ⠥չס API ؅⺡ַג篙卸ֿ嵣׿יׂ׾♧┫סتعٛ٭ّ٬ꫀ俙ֵֿ׾כ׊ ױ׌ • regionStore.isRegionAllowed(): Promise<boolean> • videoStore.metadata$: Observable<{ isFree: boolean }> • userStore.subscriptionStatus$: Observable<’free’ | ’premium’> א׿ב׿סتعٛ٭ّעⳛ氺؅⫙气׊׻ֹכ׊גכ׀מ API ֿ⺡־׿י剳偆׈׿׾׵ סכ׊ױ׌ױגⳛ氺ֿ⫙气ך׀׾סע姌ס匛⚂؅⪢י彸ג׌כ׀ך׌ • 镄舌ֿ陵⺪׈׿יַ׾㐌㔔־׼ؓؠجت׈׿יַ׾ (isRegionAllowed ס篙卸 ֿ true) • 摾倣ⳛ氺 (metadata$ ס篙卸ֿ isFree: true) ךֵ׾ֵ׾ַע劔倣ⳛ氺 (isFree: false) ־ח劔倣⚶〉 (subscriptionStatus$ ס篙卸ֿ premium) ך ֵ׾ ⳛ氺ס⫙气؅ play(): () => void מ׻זי鉿ֹכ׀匛⚂ֿ彸ג׈׿יַ׾㖪⻉ סײ⫙气׌׾ؤ٭غ؅剹ַיׂד׈ַ 2.2.2 鉮璻 combineLatest([ from(regionStore.isRegionAllowed()), videoStore.metadata$, userStore.subscriptionStatus$, ]) .pipe( filter(([isAllowed, { isFree }, subscriptionStatus]) => { if (!isAllowed) { return false; } return isFree || (!isFree && subscriptionStatus === 'premium'); }), ) .subscribe(() => { 46
  16. 瑬 3 珕 Electron ך癨ⶡם Mac ؓوٛ؅ بٖشכ⛼׾ 勓皹ךעյElectron ؅氠ַיյmacOS

    ┪ךⳛ✑׌׾ؓوٛآ٭ب٘٤؅✑׾䩘꽄מח ַי闋鞃׊ױ׌ն 册嫘յ瞉脢ע Android ؓوٛآ٭ب٘٤סꪛ溪؅╭מ׊יֽ׽ Web ס䪫銉מֵױ׽뉔 叉ײֵֿ׽ױ׎؆ך׊גն׊־׊յא؆ם瑭ך׵祔ⷃםؓوٛآ٭ب٘٤؅✑׾׆כֿך ׀ױ׊גն ⫐㵼מ岚זי䩘؅ⳛ־׎ףלםגך׵ؓوٛ؅ⳛ־׎׾כ׆؀ױךגל׽濪ׄ׾׻ֹ㕂 瞉׊ױ׊גסךյ鞅脢ס溺׈؆׵׏ץ┞䍲زٔٝ٤ة׊יײיׂד׈ַն 3.1 Electron כע Electron*1 עյظتؠعشو⻔ׄסؠٞتوٚشعنؚ٭ّؓوٛآ٭ب٘٤ֿ✑׿׾ ؛٭و٤خ٭تٚؕهٚٛך׌նElectron ע Github ֿꪛ溪׊גٚؕهٚٛךյꪛ溪䓜⮴ ע Atom כַֹط؞تعؙظؔذסג״מ✑׼׿յאס䔿؛٭و٤خ٭تⵊ׈׿♀מ蔷׽ ױ׌նElectron ؅氠ַי✑׼׿גؓوٛآ٭ب٘٤עյ⩰ꃍסꄼ׽ؠٞتوٚشعنؚ٭ ّךⳛ✑׈׎׾׆כֿך׀ױ׌ն Electron ֿ䱰氠׈׿יַ׾ؓوٛآ٭ب٘٤כ׊יעյAtom ׷ SlackյVisual Studio Code םלֵֿ׽ױ׌ն *1https://electronjs.org/ 64
  17. 3.2 Electron ךؓوٛ؅⛼׾ 㓴璛梪㗞כ Electron הםײמ勓皹ס㕂瞉ךע Visual Studio Code ؅氠ַױ׊גն

    րElectron ך✑׼ ׿גؓوٛآ٭ب٘٤ס┪ך Electron ס⪜ꪎ阾◜؅㕂瞉׊יַ׾ցכַֹסעյ ם؆ד־┮䘼饗ם宜䭥הך׌ն ⻎׋خ٭تؤ٭غ־׼յ⻄وٚشعنؚ٭ّךⳛ✑׌׾ؓوٛآ٭ب٘٤؅剹׀⮂׎׾ סע㝕׀ם⯈掾ך׌ն ♀㎇յ瞉脢ע Electron ؅氠ַי獗⫐ص٭ٜ؅ꪛ溪׊גסך׌ֿյ׆סؓوٛآ٭ب٘ ٤؅⯈氠׌׾獗〉ֿ册嫘לס OS סؿ٭ع PC ؅❈זיַ׾־כַֹ掾؅䟨餟׌׾׆כע ֵ׽ױ׎؆ך׊גնאסג״յؓوٛآ٭ب٘٤ֿ䳀❵׊גַ塌茣סꪛ溪דׄמ겏╚׌׾ ׆כֿ⮂匡גסך׌ն ؓوٛآ٭ب٘٤ס㵅鍮מע Web ס䪫銉HTML,CSS,JavaScript؅❈ַױ׌նא ׿ב׿ס霄箖ע♑脢מ饛׽ױ׌ֿյChromium*2 כַֹ؛٭و٤خ٭تهٚؗاכյ Node.js*3 כַֹ JavaScript 㵅鉿欎㘶؅篁ײ⻉؂׎յ⻄وٚشعنؚ٭ّמꈌ׊ג䓺ך قشآ٭ة٤ء׈׿ױ׌ն׆ס׻ֹמ׊יյElectron עؠٞتوٚشعنؚ٭ّؓوٛ آ٭ب٘٤؅㵅槁׊יַױ׌ն 3.2 Electron ךؓوٛ؅⛼׾ ׆׆־׼עյ⪽✄溷םꪛ溪䩘꽄؅獏׊חחյ㵅갾מ Electron ؅氠ַגؓوٛꪛ溪ס偙 岺؅闋鞃׊ױ׌ն׏ץ✑噺氠 PC ؅徙⤫׊יյ鞅ײםֿ׼䩘؅ⳛ־׊י㵅갾מؓوٛ؅ ✑זיײױ׊׺ֹ ♀㎇סئ٤وٜؓوٛآ٭ب٘٤סֽ꾴עյ祔ⷃםط؞تعؙظؔذמ׊ױ׊גն㴞䧯 ْؕ٭ة؅㎫ 3.1 מ獏׊ױ׌ն *2https://www.chromium.org/Home *3https://nodejs.org/ja/about/ 65
  18. 瑬 4 珕 HTML5 Canvas ؅✳זי何⥼ס┕ מ؛٭ف٭ٝؕ׌׾بتطّ؅⛼ז יײג 4.1 ע׋״מ

    AbemaTV ؤ٤ط٤صꏕ⟤ز٭ّס㻗╚ך׌ն ؤ٤ط٤صꏕ⟤ز٭ّךעյ╭מꏕ⟤槁㖪כם׾تذة؛־׼յٗ٭ا٭ס镄舌盚勒ױ ךס儙⦐؅ꏕ⟤׌׾硄龑؅䬎䓜׊יַױ׌նفشؠؙ٤غס焒餟♧㜽מ׵յⳛ氺ס焒餟յ 潸◦槏闋סג״ס槁㖪䪫銉ס焒餟յꏕ⟤ꫀꅙסص٭ٜ؅ꪛ溪׌׾ג״סنٞ٤عؙ٤غס 焒餟םלյ坎չם焒餟ֿ䖩锡םز٭ّך׌ն瑭עյAbemaTV ךעؙ٤ةؼؓכ׊י♐◜ ؅׊יַ׾⤒׼յ㏸傽מעյ蔦⯼ס؜ْٚ؅䬎ַך乪䔔׷تؕشزٔ٭؅䭥הꁎ؆ךꏕ⟤ םל؅׊יַױ׌ն ♀㎇עյא؆ם芻再׵鵕ױֻםֿ׼յ׀זכל׆־ך❈ֻ׾כ㯹׊ַךֵ؀ֹյطٞش وبتطّ؅蔦✑׊יײג需ך׌ն 4.2 طٞشوס؛٭ف٭ٝؕ ׈יյWeb סٚؕهꏕ⟤ךעյ؜ْٚס儙⦐♧㜽מ׵յطٞشوםלך☭ס⻏⯼؅⮂׊ ג׽յ✇־׊׼䝠㖥؅؛٭ف٭ٝؕ׌׾׆כֿ׊ף׊ףֵ׽ױ׌ն㎫ 4.1 82
  19. 4.2 طٞشوס؛٭ف٭ٝؕ ӣ㍲ 4.1 طٞشوס؛٭ف٭ٝؕס❆ ׆ס免յלס׻ֹם偙岺ך؛٭ف٭ٝؕ׌׾־כַֹכյ氺⦐ך؛٭ف٭ٝؕյPower- Point ׷ Keynote ך銨獏׊גطٞشو؅⪜ⲇ׊יյ؛٭ف٭ٝؕ׌׾׆כםלֿ脝ֻ׼

    ׿ױ׌ն峜䟨׊גַ׆ככ׊יյ؛٭ف٭ٝؕ׌׾갾מעյ⩧כם׾筶包סꄞꇃ䝠㖥؅ל ס׻ֹמ䪒ֹ־؅脝ֻםׄ׿ףם׽ױ׎؆նPowerPoint ׷ Keynote ךطٞشو؅؛٭ ف٭ٝؕ׌׾갾מעյطٞشو♧㜽סꌃ⮔؅귱׷糽מ׊יյؠُٞ؞٭⻉䧯ס锡꽝ךط ٞشوꌃ⮔דׄ؅⮗׽䫕׀ױ׌ն ׆ס׻ֹמյ㕈勓溷מـ٭غؘؗؓتؕشزٔ٭מעյꄞꇃ䝠㖥כַֹ嚣䗻ֵֿ׽ױ׎ ؆ն✍鞻ך׌ֿյOBS ׷ Wirecast םלסخنعؘؗؓتؕشزٔ٭עյظنؚٜعךꄞ ꇃ䝠㖥؅䪒ֻ׾סך׆ַֹֹ掾ךע➬⯈ך׌նגד׊յؠُٞ؞٭מ糽虝؅❈氠׊ג㖪 ⻉յאס砈䨾׵ꄞꇃכ׊י䪒؂׿י׊ױֹג״յطٞشو蔦✄ס芻再׷倀㲻כ׊י❈ֹ׆ כֿך׀ױ׎؆նؠُٞ؞٭ךעյطٞشوמ❈氠ך׀םַ虝ֿך׀י׊ױַױ׌ն ؠُٞ؞٭♧㜽סꈷ䫘艩כ׊יյ儙⦐ס䝠㖥Fill㎫ 4.2 כꄞꇃס䝠㖥Key㎫ 4.3 ؅א׿ב׿⯁ס儙⦐כ׊יꃻ׾׆כךյ杅㴻ס虝؅❈ֻםׂ׌׾׆כםׂյطٞشو؅▗ ׎׾׆כֵֿ׽ױ׌նKey עءٝ٭تآ٭ٜךꄞꇃ䝠㖥؅銨槁׊ג׵סך׌ն❛ֻףյֵ ׾مؠجٜסٜؓنֿؒ 50% ךֵ׿ףյKey ס⮂ⲇע RGB ֿ 50% מם׽ױ׌ն 83
  20. 瑬 5 珕 AbemaTV 琂魸زٔ٤ؾٜמֽׄ ׾ٝ٭ت◀䘶鉮鐄 AR ؓوٛ؅ iPhone1 ⺏ך㲔杯׌׾

    ӣ㍲ 5.1 AbemaTV 琂魸زٔ٤ؾٜסٝ٭ت◀䘶鉮鐄 AR ؓوٛס㲔꤀ס䷑鴜何⥼׻׽ 5.1 ע׋״מ 册嫘ע iOS ؙ٤ةؼؓכ׊י AbemaTV סؠٚؕؓ٤عؓوٛסꪛ溪؅鉿םזיַ׾ סך׌ֿյ⻎免מ獗⫐ס XR ؟ٜغכַֹ篁縨מ䨾㺲׊יַױ׌ն XR ؟ٜغכע✇־כַֹ鞃僻؅׌׾⯼מյ؟ٜغ⯜䍲מחַי鞃僻׊ױ׌ն؟ٜغ⯜ 䍲כעյ2018 䌑⯼⶯־׼ئؕف٭ؙ٭ةؘ٤ع獗⫐ס䪫銉鞪吉٬❿⡑ⱁ⮂وٞةؘؠعכ ׊יꪛ㢼׈׿յ獗〉ֿ册嫘ס噺ⳡכעꫀ➳םׂյ蕟⽱סֵ׾䪫銉ط٭ُמ岚זי埭偂׊ג 94
  21. 5.2 琂魸زٔ٤ؾٜꝧ㷀ס磬穅 ز٭ّ؅篁ײյ⚶獗־׼◙砯؅׵׼ַםֿ׼ꪛ溪؅ꅼ״׾׆כֿך׀׾⯜䍲ס׆כך׌ն XR ؟ٜغעאס؟ٜغ⯜䍲־׼气ױ׿גز٭ّס 1 חךյXR*1 ך◜噺מ偆׊ַ❿⡑ ؅氙ײ⮂׌ ئ٭لتמ偆׊ַ❿⡑؅┰ֻ׾

    XR 塌茣䱱寛؟ٜغ؅ٓشع٭מ嵛ⳛ׊י ַױ׌նXR ؟ٜغך嵛ⳛ׊יַ׾╚ך AbemaTV •䷑鴜 AR כַֹ AbemaTV ס儙 ⦐מ AR*2 ؅鄋⻉׈׎ג銨槁؅㵅槁׌׾偙岺؅׍זכ埛筺׊יַױ׊גնאסג״յ؟ٜ غ⫐ךע Apple ס ARKit ؅氠ַגوٞعذؕوؓوٛ؅✑䧯׌׾כַֹ嵛ⳛ؅ْؕ٤ך 鉿םזיַױ׊גնאַֹזג嵛ⳛ؅籽ׄי⶯䌑׮ל篑זג 2018 䌑 12 劓⮴僆꼿յחַ מ AbemaTV •侑ꃻ AR ؅㵅槁ך׀׾زٔ٤تֿ⯑匡׊ױ׊גնא׿ֿ㎫ 5.1 ס׻ֹם AbemaTV 盨齡زٔ٤ؾٜס沁篁⫐ך❈氠׌׾ٝ٭ت◙䞯闋鞃 AR ؓوٛס✑䧯❸꾙ך ׊גն 勓皹ךע AbemaTV 盨齡زٔ٤ؾٜסٝ٭ت◙䞯闋鞃 AR ؓوٛ؅ iPhone 1 ⺫ך㵅 槁׌׾偙岺؅闋鞃׊ױ׌ն 5.2 琂魸زٔ٤ؾٜꝧ㷀ס磬穅 2019 䌑 4 劓מꪛ㹾׊ג AbemaTV ס盨齡زٔ٤ؾٜך׌ֿյם׏盨齡زٔ٤ؾֿٜ㢼 ױ׾׆כמםזגס־כַֹכյ沁篁؅镸יַ׾☭ֿ盨齡ס䫋玭⯞؅ 24 免ꪨל׆ך׵䩘 俙倣摾倣ך鮫⪜ך׀׾偆锺ئ٭لتךֵ׾ WinTicket*3 ֿ⻎免מٛٛ٭ت׈׿յאס갾 ס盨齡סٝ٭ت╚类؅镄舌ך׀׾׻ֹמ׌׾ג״ך׊גն 5.3 ٝ٭ت◀䘶鉮鐄榫 AR ؓوٛמחַי 1 濪؅棨׾ג״מ盨ַ⻉ַյ⳧侵؅尴״׾盨齡ע蔦⮔♧㜽ֿٚؕفٜכם׾⠥☭盨䪫ס ע׍ך׌ֿյ㕈勓溷מٚؕ٤כ⽿ף׿׾ز٭ّ؅篁؆ך䨏ֹ杅䖇ֵֿ׽ױ׌նם׏ٚؕ٤ ؅篁׳ס־כַֹכյ免ꅋ 60km ♧┪סꅋ䍲ך鱁׾ꈷ䩘ꇖעכיח׵םַ疾宜䫷䫎؅⺇ׄ ׾׆כמם׾סךյ갟⮬؅✑זי鱁׽׷׌ׂ׊יַ׾־׼ך׌ն םסךյٝ٭ت◙䞯闋鞃ךעאסٚؕ٤ֿלס׻ֹמ篁ױ׿յלס׻ֹםٝ٭ت㺤ꪛמ ם׾־؅闋鞃脢ֿُ٭؜٭؅ⳛ־׊י闋鞃׊ױ׌նאס갾מⳛ־׈׿׾ُ٭؜٭؅ַױױ ךעٌ٠ؕعٍ٭غ┪ס虝♕׀ُءؾشع׷☭䓺ך鉿ֹסֿ┞薭溷ך׊גն♀㎇עאס ُ٭؜٭؅ AR ُ٭؜٭מ㜟剳׊յAR 銨槁ךُ٭؜٭┪מꈷ䩘ס 3D ٓظٜ؅銨獏׌׾ ׆כךյ3D ٓظٜ؅闋鞃脢ֿⳛ־׊םֿ׼闋鞃ך׀׾侑ꃻ AR ؅㵅槁׌׾׆כמם׽ױ *1 րVRց րARց րMRցםלס糹璻ն *2AR ע Augmented Reality ס汻璻ך䬺䒟槁㵅כַֹ䟨⽱ն㵅┾汔ס疾ꪨמف٭زٜٔם镄镊䝠㖥؅銨獏 ׌׾׆כמ׻זי☭չס潨ס⯼מֵ׾┾汔؅♳䞯溷מ䬺䒟׌׾䪫銉ס׆כն *3https://www.winticket.jp/ 95
  22. 瑬 6 珕 AVPlayer ך iOS סⳂ槆وٝؕ ٕ٭؅舅⛼׌׾ 6.1 ע׋״מ

    ⳛ氺⪴劔ئ٭لت׷لظ؛؛٤ظُ٤غئ٭لتס册⹳מ׻׽յتُ٭عنؚ٤ؓوٛ ךⳛ氺؅锶׾׆כע册ꄼס׆כמם׽ױ׊גնױגյ귿婝氺׷꼞㛽׻׽ٛشزםٗ٭ا٭ ✄닫؅䳀❵׌׾ג״מյUI מⳛ氺؅❈ֹ׆כֿ㙟ֻיַױ׌ն㝂甦㝂坎ם䉖㖪סؼ٭ث מ䗎ֻ׾ג״מעյⳛ氺⫙气ס焒餟עؓوٛ⯜✑脢מכזי䖩꽆מם׽חחֵ׽ױ׌ն Apple ע AVFoundation framework*1 ך iOS/macOS/tvOS ךסⳛ氺⫙气؅䳀❵׊י ַױ׌նAVFoundation ס AVPlayer ؅❈ֹ׆כךյؓوٛמⳛ氺؅友黡םٝؕؓؗعך 篁ײꁎ׳׆כֿך׀ױ׌ն勓皹ךע㵅갾מյⳛ氺⫙气מ䖩꽆ם塌茣؅䭥זגوٕٝؕ٭ ؅ AVPlayer ך✑זיַ׀ױ׌ն׈׼מյفشؠءٚؗ٤غ⫙气٬AirPlay٬Picutre in Picture םלⳛ氺⫙气؅׻׽➬⯈מ׌׾塌茣ס㵅鍮؅׊יַ׀ױ׌ն 6.2 Ⳃ槆؅⫋榟׌׾ iOS/tvOS ךⳛ氺؅⫙气׌׾מע╭מ♧┫ס 2 חס偙岺ֵֿ׽ױ׌ն 1. AVPlayerLayer ؅栃蔦ס UIView מ魂׽♕ׄ׾ 2. AVKit מ⻻ױ׿׾ AVPlayerViewController ؅❈ֹ 2. ס AVKit ֿ䳀❵׊יַ׾ AVPlayerViewController ע⫐ꌃמ AVPlayerLayer ؅䭥 ח ViewController ך׌նⳛ氺ס View ס♑מյ⫙气ؤ٤عٞ٭ٜ׷♧┫ךע AVPlay- *1https://developer.apple.com/documentation/avfoundation 110
  23. 6.2 Ⳃ槆؅⫋榟׌׾ erViewController ؅❈זיյⳛ氺؅⫙气׌׾偙岺؅箩♃׊יַ׀ױ׌ն 6.2.1 AVPlayerViewController ؅✳זיⳂ槆؅⫋榟׌׾亠嫎 ؓوٛמꃯⲎ׊גⳛ氺نٜؒؕ؅⫙气׊יײױ׊׺ֹնױ׍յوٞةؘؠعמⳛ 氺نٜؒؕ׆׆ךע sample.mp4؅ꃯⲎ׊יׂד׈ַնؤ٭غ

    6.1 ס׻ֹמյ AVPlayer(url:) ך气䧯׊ג AVPlayer ؅ AVPlayerViewController מ廌׌׆כךⳛ 氺؅銨獏ך׀ױ׌ն ӧؤ٭غ 6.1 AVPlayer(url:) ؅✳זגⳂ槆⫋榟 let avc = AVPlayerViewController() let url = Bundle.main.url(forResource: "sample", withExtension: "mp4")! let player = AVPlayer(url: url) avc.player = player self.present(avc, animated: true) 6.2.2 AVFoundation AVPlayer(url:) ؅❈זגⳛ氺ס⫙气ע祔ⷃך׌ֿյⳛ氺نٜؒؕס鞅ײꁎײמע免ꪨ ֿ־־׽յ⛼ַتًشؠס盚勒ךⳛ氺ס⮴״מה׼חׂ⺪茣䙎ֵֿ׽ױ׌նAVFounda- tion מעⳛ氺⫙气מ AVPlayer(url:) ؅❈ֹ♣؂׽מյⳛ氺نٜؒؕס鞅ײꁎײ枱䡢؅ 箖־ׂ⯜䕣ך׀׾ؠٚتֵֿ׽ױ׌ն AVFoundation סؠٚت AVPlayer ךⳛ氺؅⫙气׌׾כ׀յ㎫ 6.1 מ獏׌׻ֹמյ⫐ꌃךעⳛ氺نٜؒؕםלס ⳛ氺׷꼞㛽؅ٓظٜⵊ׊גؠٚت (AVAsset)յ⫙气免ꪨ׷銨獏ס枱䡢؅硄槏׌׾ؠٚت (AVPlayerItem) ؅气䧯׊יַױ׌ն 111
  24. 瑬 8 珕 Groupie כقنؚ٭ُ٤ت 8.1 ע׋״מ Android ؓوٛך RecyclerView

    ؅氠ַי鏿겧םٛتع؅篁׳갾מ❈؂׿׾ٚؕه ٚٛכ׊י Groupie ׷ Epoxy םלֵֿ׽ױ׌ֿյAbemaTV ס Android ؓوٛךע Groupie ؅䱰氠׊יַױ׌նGroupie ؅❈氠׌׾׆כך锡筶ס✑䧯׷╒צ꽄ס⯜䕣؅祔 ⷃמ鉿ֹ׆כֿ⺪茣מם׽ױ׊גն׊־׊յْٛشعֵֿ׾┞偙ך䓜撬ظْٛشع׵ֵ׽ ױ׌ն 勓皹ךע Groupie ؅❈זיַׂ╚ך溪气׊גؓوٛסقنؚ٭ُ٤تֿ䜬ⵊ׌׾ゼ꾴 ס⸮㎋כյゼ꾴؅闋尴׌׾ג״מ✑䧯׊ג ItemGroup מחַי闋鞃؅鉿ַױ׌ն 勓皹ע♧┫סٚؕهٚٛف٭ة٘٤ס䝠㖥؅⩧מ阾׊יַױ׌ն • Groupie*1 v2.5.1 • ItemGroup*2 v1.0.0 8.2 Groupie ס哭釐 Groupie עյ鏿俙قذ٭٤ס UI ؅⻻׳ٛتع؅ RecyclerView ך圸碎׊׷׌ׂ׌׾ג ״סٚؕهٚٛך׌նױגյRecyclerView.Adapter ׫锡筶סꃯⲎ׷⯸ꯙ؅鉿םזג׽յ 剳偆؅鉿זג׽׌׾ꫀ俙ֿ氠䟨׈׿יַ׾ג״յⷃ┞ס锡筶ך圸䧯׈׿׾ب٤وٜםٛت ع؅圸碎׌׾갾מ׵䔢מ皑הױ׌ն *1https://github.com/lisawray/groupie *2https://github.com/sckm/ItemGroup 146
  25. 8.2 Groupie ס哭釐 8.2.1 Groupie ס╚םؠٚت Groupie מע㝕׀ׂ⮔ׄ׾כ♧┫ס 3 甦꿔סؠٚت׷ؕ٤ذ٭نؘ٭تֵֿ׽ױ׌ն

    Group • Item ׷♑ס Group ؅硄槏׌׾ג״סؕ٤ذ٭نؘ٭ت • Group ע鏿俙ס㲳 Group ؅䭥ח׆כֿך׀׾ • ⪽骭ؠٚتמע Section ׷ ExpandableGroupյUpdatingGroup(Deprecated) ֿ ֵ׾ Item • ٛتع⫐ס⻄锡筶מ㸐䗎׌׾ؠٚت • ViewHolder מظ٭ذ؅فؕ٤غ׌׾䔢ⰺ؅䭥הյUI ס⯜䕣؅鉿ֹ • ئؕثֿ 1 ס Group ךֵ׽յ♑ס Group ؅䭥ח׆כֿך׀םַ GroupAdapter • RecyclerView.Adapter ؅ 类 䪩 ׊ ג ؠ ٚ ت ך յGroupie ؅ ❈ ֹ 㖪 ⻉ מ ע GroupAdapter ؅ RecyclerView מجشع׌׾䖩锡ֵֿ׾ • GroupAdapter מꃯⲎ׊ג Group ⫐ס Item ֿ㵅갾מ銨獏׈׿׾ 8.2.2 Group כصٛ٭啶鵰 Groupie עյSecion ׷ Item םלס Group ؅篁ײ⻉؂׎׾׆כךٛتع؅銨槁׊ױ ׌ն׆ס篁ײ⻉؂׎׼׿ג Group עصٛ٭圸ꅎכם׽ױ׌ (㎫ 8.1)ն 147
  26. 瑬 9 珕 Android ؓوٛآ٭ب٘٤מֽׄ ׾ Zeroconf מ׻׾ Network Service

    Discovery 9.1 ע׋״מ Google Home ׷ Amazon Echo כַזגتُ٭عتم٭؜٭ظفؕتס溫㖪מ׻׽յ VUI(Voice User Interface) כַֹ꼞㛽؅氠ַי亣✑؅鉿ֹظفؕتֿ㙟ֻי׀ױ׊גն ׆׿׼סظفؕتס╚מעյظؔتوֿٝؕ♕㺲׊יַםַ׵ס׵ֵ׽ױ׌ն 篑닫ֵֿ׾偙׵ַ׾־כ䘼ַױ׌ֿյאס׻ֹםظؔتوٝؕ؅䭥גםַظفؕت؅ جشعؓشو׌׾갾מעتُ٭عنؚ٤׷ PC ؅氠ַ׾㖪⻉ֿ㝂ַך׌ն ךעյא׿׼סظفؕتכتُ٭عنؚ٤׷ PC עלס׻ֹמ׊יꄼ⟤؅鉿םזיַ ׾סך׊׺ֹ־նئ٭ف؅♃׊י䝠㖥ס׷׽כ׽؅鉿םזיַ׾㖪⻉׵ֵ׾ך׊׺ֹ׊յ ٞ٭؜ٜؾشع٠٭ؠ⫐ך Socket ꄼ⟤׷ P2P ꄼ⟤؅鉿םזיַ׾㖪⻉׵ֵ׾ך׊׺ֹն ׆ס皹ךעյٞ٭؜ٜؾشع٠٭ؠ⫐ךꄼ⟤؅鉿ֹ갾מ䖩锡םؾشع٠٭ؠס圸碎؅祔 汻ⵊյ蔦ⳛⵊ׌׾䪫銉ס 1 חךֵ׾ Zeroconf ؅闋鞃׊յAndroid ؓوٛآ٭ب٘٤מֽ ׄ׾ Network Service Discovery ס㵅鍮כ Android ؓوٛآ٭ب٘٤⻎㛶סؾشع٠٭ ؠꄼ⟤䪫銉ס箩♃؅鉿ַױ׌ն 154
  27. 9.2 Zeroconf מחַי 9.2 Zeroconf מחַי Zeroconf(Zero Configuration Networking)*1 כעյؤ٤مٖ٭ذ׷ؾشع٠٭ؠ盚勒

    ס潸◦䱸籽؅鉿ֹ갾מ杅⯁םؤ٤نؔءٝ٭ب٘٤ئ٭فס圸碎׷䩘ⳛ亣✑ם׊מյ蔦ⳛ 溷מؾشع٠٭ؠ؅圸碎׌׾䪫銉ס 1 חך׌նZeroconf ס锡⚂עյؕ٤ذ٭ؾشعغٚ نعכ׊י⪪ꪛ׈׿יַױ׌*2 ն Zeroconf עלס׻ֹמ׊יؾشع٠٭ؠ圸碎ס蔦ⳛⵊ؅㵅槁׊יַ׾סך׊׺ֹ־ն Zeroconf עյ姌ס 4 חסتطشو؅篑יյؾشع٠٭ؠ圸碎ס蔦ⳛⵊ؅㵅槁׊יַױ׌ն 1. ؾشعُتؠס陭㴻כؾشع٠٭ؠ䱸籽סג״ס IP ؓغٝتⰺ׽䓜י 2. ٌتع⻏כ IP ؓغٝتס㸐䗎טׄ 3. ؾشع٠٭ؠتؤ٭و؅㴻聋׊ئ٭لتס嗱筺؅鉿ֹג״סյُٜز؞ٔتع IP ؓغٝتⰺ׽䓜י 4. ئ٭لتס嗱筺 ׆ס 4 חסتطشوמ׻׽յؤ٤نؔءٝ٭ب٘٤ئ٭ف؅蔦⯼ך圸碎׌׾䖩锡םׂյ ؾشع٠٭ؠ┪סٌتعס⻏⯼؅闋尴׊յئ٭لت؅䳀❵׊יַ׾ٌتع؅蔦ⳛ溷מ溪锶 ׌׾׆כֿך׀ױ׌ն Zeroconf 蔦✄ע锡⚂㴻聋ךֵ׽յ篁縨׷⠥☭מ׻זי坎չם㵅鍮ֿ㲽㐂׊ױ׌ն Bonjour*3 ׷ Avahi*4 ֿ劔⻏ך׌ն Android ؓوٛآ٭ب٘٤מַֽי Zeroconf ؅㵅槁׌׾מעלֹ׊ג׼虘ַך׊׺ֹ ־նַׂח־偙岺ֵֿ׾סך箩♃׊ױ׌ն ױ׍ 1 ח潨סؓوٞ٭زעյAndroid ס埉徙 API ؅❈氠׌׾偙岺ך׌նAPI ٝيٜ 16 ־׼ NSD(Network Service Discovery) סג״ס API ֿյandroid.net.nsd قشآ٭ ةכ׊י䳀❵׈׿יַױ׌ն׆ס API ؅氠ַיئ٭لتס⪪ꪛ־׼ئ٭لتס嗱筺յ⻏ ⯼闋尴ױך鉿ֹ׆כֿך׀ױ׌ն㵅鍮脢ע׆׿׼ס⭦槏סꪛ㢼׷╚偂؅鉿ֹْخشغ؅⽿ צ⮂׊յ⭦槏ס篙卸עؤ٭ٜفشؠך⺇ׄ⺅׾׆כֿך׀׾ג״յ⫐ꌃס⭦槏؅ֵױ׽䟨 餟׎׍㵅鍮׌׾׆כֿך׀ױ׌ն׈׼מյ׆׿׼ס⫐ꌃ⭦槏ע긊⻎劻ך鉿؂׿ױ׌ն׊־ ׊յ1 䍲מ 1 חסئ٭لتס⭦槏׊־鉿ֹ׆כֿך׀םַ׆כ׷ Bonjour כ㴞⪢ם◦䳕䙎 ֿ摾ַ׆כֿ䒘掾ך׌ն *1http://www.zeroconf.org *2http://files.zeroconf.org/draft-ietf-zeroconf-reqts-12.txt *3https://developer.apple.com/library/archive/documentation/Cocoa/Conceptual/NetServices/Introduction.html *4http://avahi.org 155
  28. 瑬 10 珕 HashiCorp Vault ⪌ꝛ 10.1 嚀㳡䗯㕔畘杼ס鐐갭 10.1.1 喋չם鐐갭

    塌㶔䝠㖥ס硄槏ך脝ֻםׄ׿ףַׄםַ׆כעגׂ׈؆ֵ׽ױ׌ն • ל׆מ⟛㲽׌׾־ • ظ٭ذס凉⺴ⵊ • 霼隍 • ؓؠجت埫ꮹ • ٞ٭ط٭ب٘٤ • ס⪴劔蔦✄؅ꮐ׃♐篁ײ • ظوٞؕ免םלסꏕꃻ • Audit(潏吉) ٞء • 悁崻ס嗱焒 • 悁崻免סؕ٤بظ٤عؕ٤قؠعס劄㸯ⵊ 劄⮴סחע׌׃嶠־שכ䘼ַױ׌ֿյ媘׽ע㝂ׂסآ٭تך㸐䗎׈׿יםַך׌ն 姌מゼ꾴כם׾סֿتآ٭ٚلٛطؔך׌ն • بتطّסتآ٭ٜ • 篁縨סتآ٭ٜ סא׿ב׿ך脝ֻיײױ׌ն 164
  29. 10.1 嚀㳡䗯㕔畘杼ס鐐갭 10.1.2 بتطّסتآ٭ٜ بتطֿّتآ٭ٜ׊יַ׀յ鏿俙סؠٚؗغ؅❈氠׌׾㖪⻉מם׾כ♧┫ס׻ֹםゼ 꾴ֿ溪气׊י׀ױ׌ն • ⻄ؠٚؗغךُؾ٭ةغئ٭لتעֵ׿לյא׿ב׿ך㸐䗎׌׾ؤتع • ⻄ئ٭لتמ׻׾㸐䗎ؠ؛ٛطؔס䈼

    א׿ב׿ך㵚䑴׌׾ؤتع ُٜزؠٚؗغס㖪⻉א׿ב׿ךյ • ؓؠجت埫ꮹ • ٞ٭ط٭ب٘٤ • Audit ٞءյ悁崻嗱焒 ؅硄槏׊יַׂסע긊䊬מ㝕㜟ך׌ն ⪢ؠٚؗغמ窢ꄼ׊ג☭朮ַֿיյאס☭ֿ簡┞溷מ♐篁ײ؅✑זיׂ׿׿ף虘ַך׌ ֿ槁㵅עא؆םמꌬ⻉虘ֵׂ׽ױ׎؆ն אֹם׾כ⻄ؠٚؗغך硄槏偙岺ֿ㜟؂זיַ׀յ篙卸脝䢩悁׿ֿ溪气׊יؕ٤بظ٤ ع׫כ溪㺤׊ױ׌ն 㵚䑴ؠ؛ٛطؔס䄐 ױגُؾ٭ةغע⻄ئ٭لتמ׻זי塌茣ֿ沌ם׽յ曩偙מעֵ׾ֿ׵ֹ曩偙מעם ַյכַזגآ٭تמ䜪ױ׈׿׾׆כ׵׊ף׊ףֵ׽ױ׌նא׊יא׆؅䩘ꆻ氠׷蔦✑ ص٭ٜמ꾙זי鬘⥡ⵊ׊יַׂյכַֹ׆כ׵׻ֵׂ׽ױ׌ն 10.1.3 ☔סتآ٭ٜ 篁縨ֿتآ٭ٜ׊יַ׀յ☭ס嵣⪜٬嵣⮂ֿ㙟ֻגכ׀מ⮂יׂ׾鞏꾴ֿ♧┫ך׌ն • 䩘ꆻ氠׷ٜ٭ٜע鬘⥡ⵊյ焒锶ס巆㝤ֿ鱍׀׾ • 悁崻篑鴤ס䬺㝕 165
  30. 瑬 11 珕 Design doc זי ם׏傴ׂס םמ؅傴ׂס לֹ傴ׂס ם׏瑭גהעخنعؘؗؓꪛ溪؅׌׾סך׊׺ֹ־

    א׿עٗ٭ا٭־׼ס锡劳׷ ُ٭آطؔ٤ءס篙卸מ׻׽괚锡ֵֿ׾כ⮿偂׈׿ג㖪⻉׷յخنعؘؙؗؓ٤ةؼֿؓ 蔦䉁煝ꥼסג״מֽ׆םֹםלכַזג槏氮ֿ䮕ׅ׼׿ױ׌ն阋ַ䳕ֻ׿ף✇־׊׼ס Why ׷ What ֵֿזיյאס Why ׷ What ؅闋尴׌׾䩘嫘כ׊יخنعؘؗؓꪛ溪ֿ ֵ׾כ䘼ַױ׌ն ׊־׊杅מز٭ّךخنعؘؗؓꪛ溪؅׌׾כ׀מע免ꪨֿ篑חמח׿י Why ׷ What ֿ⪴劔׈׿םׂם׽յם؆סג״מ׆ס塌茣ֿꪛ溪׈׿גס־յם׏׆סٚؕهٚ ٛ؅ꈷ؆דס־כַֹ䝠㖥ֿ㝤؂׿יַ׀ױ׌ն篙卸כ׊ים׏✑׼׿ג־⮔־׼ם־ז ג׽յ׻ׂ⮔־׼םַٚؕهֿٚٛ❈؂׿גخنعؘؗؓ׷塌茣؅䐤չכ⟛㴕׌׾ע״מ ם׾־׵׊׿ױ׎؆ն אַֹזגゼ꾴؅闋巆׌׾ג״ס䩘嫘ס┞חכ׊י Design doc ؅剹ׂ׆כֿ䮕ׅ׼׿ ױ׌նDesign doc ע剹ַיאסױױךעםׂյ类籽溷םْ٤طػ٤ت؅׊יַׂ׆כך 劄偆סخنعؘؗؓסꪛ溪枱岞؅⹸儙ך׀יַ׾׻ֹמ׊ױ׌ն 11.1 Design doc מ⛰؅傴ׂ Design doc ؅ַ׉剹ַיײ׻ֹכ䘼זי׵յַזגַ✇؅剹ַג׼⮔־׼םַ־׵׊ ׿ױ׎؆ն䧰չסز٭ّךעדַגַ剹ׂ⫐㵼ֿ㴻ױזי׀גסך⪴劔׊ױ׌ն剹׀偙ס ❛ע䔿⶯מ剹ַיַ׾סךאה׼؅⹧脝מ׊יײיׂד׈ַնםֽյ剹ׂ꽃潨؅尴״׾מ ֵגזי姌מ䮕ׅ׾ً٭ة؅⹧脝מ׊יַױ׌ն 200
  31. 11.1 Design doc מ⛰؅傴ׂ • Design docs - A design

    doc - Malte Ubl - Medium*1 • 媘噺׵庿׼׎׾!? ┪筦ؙ٤ةؼؓמם׾ג״ס Design Doc 鱩⪜ꪎ (1/3)وٞ ةؘؠع䧯Ⲍ牞椙⻔┪סꁿꇓכע3 -  IT*2 • ظاؕ٤غشؠך㳔שظاؕ٤غشؠ - 呎䑑⚶獗نٚؕؗؔ٭ٜ FLYWHEEL *3 ⯥䬠 (䑒ꯄ) 㵅鍮◙㴻סخنعֿؘؗؓם׏䖩锡םס־յ塌茣㵅鍮ך䖩锡דכ锡寛׈׿׾׵ס׷脝䢩 ׊םַכַׄםַ掾םל؅剹׀ױ׌ն需؅莈納׈׎םַך祔愃מꪛ溪ס芻再ֿ⮔־׾׻ֹ ם倀皹؅剹ׂג״מյ┞־׼◝嫘訒瓦䍲ס倀皹ꓪמ䫅ֻ׾סֿ虘ַך׌ն 泘䧗׌כ׆؀ (䑒ꯄ) خنعؘؗؓך㵅鍮׌׾ꌃ⮔׷յٗ٭ا٭מלס׻ֹם䔔꼸؅┰ֻ׼׿׾־脝ֻ׼׿׾ 碃㎪ך剹׀ױ׌նך׀׿ף㴻ꓪ溷מ阛廠ך׀׾塌茣㵅鍮ס潨埉؅剹ׂכյם؆סג״מخ نعؘؗؓꪛ溪؅׌׾ס־僻牞מם׽ױ׌ն גכֻף׆ס Design doc ס⸮畇ךֵ׿ףր׆ס皹؅鞅׳׆כך Design doc כע✇־յ לַֹזג⯈掾ֵֿזילֹ剹ׄף虘ַס־յ⮔־׾׻ֹמם׾ցכַֹסֿ潨䭰׌כ׆ ؀מם׽ױ׌ն 泘䧗׈םַכ׆؀ (䑒ꯄ) خنعؘؗؓך㵅鍮׊םַꌃ⮔׷յٗ٭ا٭׫䔔꼸؅⹳ׯ׈םַ׻ֹמ׌׾ꌃ⮔؅脝ֻ ׼׿׾碃㎪ך剹׀ױ׌ն潨䭰׌כ׆؀דׄ؅剹ַי׊ױֹכյꪛ溪מחַי饗韢׷㵅鍮؅ ׊יַֹׂהמ潨䭰׌כ׆؀؅䬺㝕闋ꓡ׊յ䔔꼸碃㎪ֿ䌮ׂם׽׌ׁי⹺겏ֿח־םׂם ׽ױ׌նא׆ך潨䭰׈םַכ׆؀؅僻牞מ׊יյ霼餟ס׍׿ֿ勓☭׷ز٭ّך㸴םׂם׾ ׻ֹמ׊ױ׌ն 㲔逷ס哭釐 (䑒ꯄ) خنعؘؗؓס㵅鍮嚣锡؅剹׀ױ׌նפזכ锶ילַֹזג׵ס؅㵅鍮׌׾ס־䪻䳢ך ׀׾׻ֹמ׌׾ג״յ┞־׼◝嫘訒瓦䍲ס倀皹ꓪמ䫅ֻ׾סֿ虘ַך׌ն׻׽霄箖ם㵅鍮 ؅剹׀גַ㖪⻉ע姌מ鞃僻׌׾րלס׻ֹמ׷זיַׂ־ցמ剹׀ױ׌ն *1https://medium.com/dev-channel/design-docs-a-design-doc-a152f4484c6b *2https://www.atmarkit.co.jp/ait/articles/1606/21/news016.html *3https://www.flywheel.jp/blog/design-doc-of-design-doc/ 201
  32. 瑬 12 珕 A/B طتعמ㵚׌׾ظاؕ٤ס⺸ ׀⺬ַ亠 12.1 ע׋״מ AbemaTV ךעյ傽չوٞرؠعס坎չםءٞ٭ت؅鉿םזיַױ׌նאסⲯ卸嗱隍

    ס䩘嫘כ׊י氠ַיַ׾ A/B طتعמ㸐׊יյظاؕ٤ֿלֹ⻔׀⻉ֹ־ ؅阾׊יַ ׀ױ׌նםֽյ勓阾◜ךע A/B طتع蔦✄ס⹌㶔ם偙岺韢׷յ簡阛㳔׷⮔卥מ㸐׌׾韢 掾ךעםׂյֵׂױך׵ظاؕ٤ֿלֹ⻔׀⻉זיַׂ־ כַֹُؕ٤غյ㥌⳰סꌃ ⮔؅剹ַיַ׀ױ׌ն 阾◜⫐ך䪒ֹ氠靣מ靯׽ֵֿזג׼긊䊬מ氰׊陹םַך׌ׇֿ㵼 鰴ׂד׈ַױ׎...ն  2019 䌑免掾ךס㸐䗎وٚشعنؚ٭ّכ׊יעյتُ٭عنؚ٤/ذهٝشعؓوٛյ Webյطٝلظفؕتؓوٛ؅╭鼎מյ偆גםظفؕتכ׊יتُ٭عتم٭؜٭׷ VR מ׵䮄䨏׊יַױ׌նظاؕ٤ֿꫀ؂׾ءٞ٭تס鼎כ׊יעյ♧┫ֵֿ׽ױ׌ն 1. 镄舌免ꪨ؅⛞ף׌ 2. 鞏ꓭٗ٭ا٭俙؅⛞ף׌ 3. ٓفٜؕهٚؗا־׼סؓوٛ嵣⪜؅⛞ף׌ 4. 䫋ׅ꘵塌茣םלךؤؕ٤ס嵣ꄼ꾵؅⛞ף׌ 5. طٝلظفؕتסٗ٭ا٭俙؅⛞ף׌ ׆׿׼ 1֐5 סوٞةؘؠعמ UI ظاؕػ٭ֿ 1~2 ⻏׍ח䨾㺲׊יַ׾✄⯜כם׽ ױ׌ն 2016 䌑 4 劓מٛٛ٭ت׈׿ג AbemaTV ך׌ֿյٛٛ٭ت潲䔿־׼偆塌茣ꃯⲎ׷ء ٞ٭ت偡瞬؅㵅偡׊י׀ױ׊גնאסⲯ卸嗱隍כ׊יעٛٛ٭ت傽־׼ס⯼䔿嬟鼛ך鉿ם ֹ׆כֿ㝂־זגסך׌ֿյAbemaTV עؤ٤ط٤ص锡㎋׷免硼锡㎋ך䭰埉ֿ㝕׀ׂש 208
  33. 12.2 AbemaTV מֽׄ׾ A/B طتعעל؆ם׵ס־ ׿յ婞׊ׂ㴻ꓪ雄❿ך׀םַ鞏꾴؅䫱ֻיַױ׊גնא׆ךյ2018 䌑╚僆꼿־׼ A/B ط تعךס嗱隍؅篁縨מ⺅׽⪜׿յ嗱隍偙岺蔦✄ס侉ㄌ؅׊籽ׄיַױ׌ն

    A/B طتعע➬⯈ם䩘岺ךֵ׽յꪛ溪篁縨כ׊יעꓨ㵁׊יַ׾סך׌ֿյ偡瞬؅ꓨ ניַֹׂהמظاؕ٤כ׊יס⻔׀⻉ַ偙ס鞏꾴׵ַׂח־嶠׀䔉׽מםזגסך׌ն 12.2 AbemaTV מֽׄ׾ A/B طتعעל؆ם׵ס־ 2019 䌑免掾ךס AbemaTV מֽׄ׾ A/B طتعמ׻׾ⲯ卸嗱隍ס潨溷עյ╭מ嗱隍 㸐骭מ㸐׌׾ր䟨䘼尴㴻ցסג״ך׌ն ׆׿ע⯼ꃍ׊ג׻ֹמٛٛ٭ت傽־׼ס⯼䔿嬟鼛דכ嗱隍⫐㵼כע⯁ס锡㎋מ䔔꼸؅⺇ ׄ׌ׁי婞牞מ雄❿ך׀׍յ⻎׋匛⚂ס嗱隍؅׌׾׆כך婞׊ׂ䟨䘼尴㴻؅׌׾ג״ס׵ סך׌ն 12.2.1 ❆iOS ؓوٛמיյ攐㲊ٓةٖ٭ٜס CTR ䷉ャ؅泘氳מ UI ס 釤ג泘؅ 2 قذ٭٤䡵؂׎׾㕙⺬ ظنؚٜعס UI מⲎֻי嗱隍氠ס UI ؅㵅鍮׊յ 劄㸯ꮹס㸐骭脢 iOS ٗ٭ا٭ס 5%յ םלמ⻔ׄיٛٛ٭ت׊ױ׌ն 嗱隍⫐㵼מ׻זי䖩锡םئ٤وٜئؕث؅ⰺ׽⮂׊י ַױ׌ ٛٛ٭ت䔿յ⮔卥َٝ٭ع؅锶םֿ׼劔䟨䈼嗱㴻؅鉿םַⲯ卸廠㴻؅׊ױ׌ն 㝂ׂס㖪⻉յ嗱隍氠ס UI מ婞ס劔䟨䈼ֵֿ׾㖪⻉עאה׼؅ 100% ꈌ氠׊ױ׌ն鬘ס 劔䟨䈼ֵֿ׾㖪⻉עظنؚٜعס UI מ䨴׌־յ偆גם䩤ה䩘؅脝ֻי⫙䍲嗱隍׌׾׆כ מם׽ױ׌ն劔䟨䈼ֵֿ׾כעַֻםַ㖪⻉עյ嗱㴻篙卸ס姌掾כם׾䟨䘼尴㴻ס包倣ך 雄❿؅鉿ַױ׌ն א׿ע❛ֻףյ ր㴻ꓪ溷מע䈼ֿ劔׾־摾ַ־؂־׼ם־זגֿյئ٭لتכ׊י׻׽䳀❵׊גַ כ䘼ֻ׾✄닫עջջס偙םסךאה׼؅䱰氠׌׾ց ր㴻ꓪ溷מע䈼ֿ劔׾־摾ַ־؂־׼ם־זגֿյջջס偙ֿ♀䔿ס UI 侉ㄌמ⻔ ׄי俠⻉䙎ֿ⺅׽׷׌ַסךאה׼؅䱰氠׌׾ց םלך虘ׂיյֵׂױך׵䟨䘼尴㴻ס包倣כ׊י✇؅ꈷש־ע⻄وٞةؘؠعמ㣗נ׼ ׿יַױ׌ն׵ה؀؆յם׾׬ׂ⠥☭ס╭镸מ䬹׼םַ䟨䘼尴㴻؅ך׀׾׆כֿَؕ٤ع ךעֵ׽ױ׌ն ꓨ锡םסעյA/B طتعךס劔䟨䈼ס篙卸ֿ䊬מ簮㸐婞聋ךꅼ״יַ׾؂ׄךעםׂյ ֵׂױך׵ր嗱㴻篙卸ע䟨䘼尴㴻ס包倣ցכםזיַ׾׆כך׌ն׈׼מյA/B طتعע 209
  34. 瑬 13 珕 Ⳃ槆⿁韬⯆䐒ס냕䈱⴫ס㲔杯وٞ جت 13.1 䈋鑜Ⳃ槆㚺䬵מ꞊؂׾┩槡ס哭鈝 13.1.1 舅䄕磆☭ ע׋״ױ׊יյⳛ氺㜟䳕סتًبٔٛتعס䕣尊כ氰׊ױ׌ն

    坎չם噺汔؅篑닫׊ג䔿յ槁㐂ע AbemaTV סꪛ溪勓ꌃؤ٤ط٤صؙ٤ةؼؓٛ٤ءء ٜ٭وמ䨾㺲׊יַױ׌ն ♀㎇յ׆ס׻ֹם㕂瞉ס塌⚶؅ַגד׀ֵ׽ֿכׇֹ׉ַױ׌ն ⻏⯢ס┪ךעعٚ٤تؤ٭غؙ٤ةؼؓךֵזג׽لظ؛ عٚ٤تؤ٭ظؔ٤ء تع ٚطةتعםלכ⻏▗זיַױ׌ֿյؙ٤ةؼؓךֵ׾כַֹ䟨餟ע䉤賹ךֵ׽ױ׌ն㕈 勓溷מעⳛ氺⿣鮐מꫀ׌׾耘㳔כ婞聋؅䭥הꁎ؆ךַ׾כַֹ䟨餟ך׷זיַױ׌ն ⠥☭溷ם锶闋ךעءٚظؙؔؕذ٭ (Ⱏꬢ㛶) ם׽ٚؕنجؕف٭侫┾╭ךֵ׾כ 䘼זיַױ׌ն׵זכ׵׆ס㖪⻉յ侫ַ⮂׌סעⳛ氺ךֵזי☭ꪨךעֵ׽ױ׎؆ն 韢槏䘼脝ס埫ⵊס׻ֹםؙ٤ةؼֿؓ겏ֹꪛ溪勓ꌃמ┮䘼饗כ뉔叉ײյ儙⦐⿣鮐ס⯜ 䕣٬ꏕ⟤قْٚ٭ذס劄ꈌⵊמ⺅׽篁؆ךַױ׌ն 㵅갾מע׵ֹ㸴׊䩘䌮ׂյ ꆻ氠圸䧯⻻״גⳛ氺؛ًٝ٭ب٘٤ס糹✄מꫀ┰׊יַױ׌ն 勓畇ךעյ儙⦐⿣鮐ס⯜䕣؅ꆻ氠✄笠כ׊יַ־מ둚䍲ⵊ׌׾־אס雧ײ؅箩♃׊יַ ׆ֹכ䘼ַױ׌նⳛ氺قْٚ٭ذ٭מꫀ׌׾霄箖עא׿׮ל꾗⮂׊םַסךׇ㴗䖥ׂד ׈ַն 217
  35. 瑬 13 珕 Ⳃ槆⿁韬⯆䐒ס냕䈱⴫ס㲔杯وٞجت 13.1.2 AbemaTV זי⛰ ٛؼؓ٬؛٤ظُ٤غ╋긖؅ꓨ镄׊յ㝂㪽✄ך镄舌⺪茣םⳛ氺ꏕ⟤ئ٭لتך׌նؓو ٛ؅⪜׿יײ׿ף┞潨炣撬כם׽ױ׌ն槁㐂סכ׆؀ױדױדٓفٜؕ镄舌脢ס׮ֹֿ㝂 ַך׌ֿյTV

    ظفؕت镄舌脢׵鹀ꅼ׊י׀יַױ׌ն ӣ㍲ 13.1 AbemaTV ס釱绱تذٜؕע荇չ ׆סئ٭لتס儙⦐⿣鮐ס⯜䕣յאס┞脍؅䬎זיַ׾כַֹ׆כמם׽ױ׌ն׆׿ױ ךס俙䌑ꪨס㸐䗎؅糹䭇׊ױ׌כ♧┫ס׻ֹמם׽ױ׌ն 218
  36. 蜷縖磆☭ 瑬 1 珕 㲯♏ 杼䌚 / @3846masa ’19 䌑偆ⶻ⪜獗ס

    Web نٞ٤عؙ٤غظيٞشق٭ն䪫銉剹⪿מע⠥☭ך✇䍲־⮂㺤 ׊יַ׾ֿյؙإئ׊י׵䠊䞯׷نؔ٭غفشؠֿםַסֿ劄ꁿ宜ֿ־׽ն׆ס妏؅鞅؆ ד☭ע䠊䞯؅صؕ٭ع׊יׂד׈ַն峓ַיㄻצױ׌ն 瑬 2 珕 ꄇ⹾ 泡㴌 / @nodaguti 2018 䌑偆ⶻ⪜獗ס Web نٞ٤عؙ٤غؙ٤ةؼؓն瞔舸ؙ٤ةؼؓ؅潨䭰׊חח׵ ׊׺זה׸ֹ✄鞪؅䁼׊יר׽ד׊מ䨴זיַױ׌ն 瑬 3 珕 琉榹 保 / @satsukies ؝ةؘشعֿ㝕㟱׀׌ׁ׾ؙ٤ةؼؓն劄ꁿע鮫⪜׊גף־׽סُؕ؜٭؅▗׽㎇׊י ֽ׽յ等黆־׼גזג 2 ٦劓ך 6000km 䒘鱁熏؅ꇖ䧯ն徙╚㒘⩸陵؅⟛劔׊عٚشؠמ ▗׿׾כַֹյؙ٤ةؼؓמ׊יע瓑劔ם☭包ն2017 䌑מ AbemaTV מ偆ⶻךة٘ؕ٤ ׊յ槁㐂ע AndroidTV ⻔ׄסؓوٛꪛ溪؅䬎䓜׊יַ׾ն 瑬 4 珕 㸓╈ ⲭ䡗ײ׹ז׀ / @toriimiyukki ┩䍲ס냃׻׽舸ֿ㟱׀םؙ٤ةؼؓն2017 䌑מ呎䑑⚶獗ئؕف٭ؙ٭ةؘ٤ع׫偆ⶻ ך⪜獗ն舸♧㜽מ׵儙⦐ֿ㟱׀ךյ鲧⽱ךյ傽勓婣ꇓ녓ךס╚类׷نؘتסꏕ⟤؛ًٝ٭ ب٘٤םל؅鉿ֹն 瑬 5 珕 鱎䄕 ✞点 / @_cokaholic ؓؼْכ㛽⨲؅׆׻םׂ䠀׌׾ؙ٤ةؼؓն2015 䌑מ呎䑑⚶獗ئؕف٭ؙ٭ةؘ ٤ع׫偆ⶻך⪜獗ն槁㐂ע呎䑑⚶獗 AbemaTV ך iOS ؓوٛסꪛ溪؅䬎䓜׊יַ׾ն AbemaTV ך┞沁㟱׀ם沁篁עր㛽⨲כ㝅ֵאצց ն 265
  37. ♀ꎰ 蜷縖磆☭ 瑬 6 珕 琉榹 ⩞⛫ / @daketake 傽չ

    AbemaTV סوٕٝؕ٭כ媃ꬢ؅繪׽䌮ׅיַ׾ iOS ؙ٤ةؼؓնXP ס侷聋מ 䕋ַյ媘噺ע׊םַכ䖥מ尴״יַ׾ֿյ㵅鴫ך׀יַ׾־ע⯁ס需ךֵ׾ ն 瑬 7 珕 㱦◒ 栊槀 / @akkyie 2019 䌑偆ⶻ⪜獗ס iOS ؓوؙٛ٤ةؼؓն鲧⽱ע㷆׾׆ככ GitHub סعشوً٭ة ؅锶׾׆כն 瑬 8 珕 㛙㸓 吞 / @scal_ch 2018 䌑╚ꄫ⪜獗ס Android ؙ٤ةؼؓն劄ꁿעب٤وٜםꌃ㺑؅✑׾ג״מ┮锡ם朮 ס⭦⮔؅׊יַ׾ն 瑬 9 珕 ㎜䅨 鏨█ / @ronnnnn_jp 2018 䌑偆ⶻ⪜獗ס Android ؙ٤ةؼؓն槁㐂ע╭מ TV ظفؕت؅䬎䓜ն 瑬 10 珕  硾䇖 / @jun06t15 2013 䌑偆ⶻ⪜獗סئ٭ف٬ؕ٤نؙٚ٤ةؼؓնWeb نٞ٤ع׵׷׾ն2019/06 מ꼞 嚝ꏕ⟤ئ٭لت AWA ־׼ AbemaTV מ沌ⳛն 瑬 11 珕 ╦⟊榹 綛㜀 / @kubotashota توٚعؖ٭٤כر٭صֿ㟱׀םخنعؘؙؗؓ٤ةؼؓն劄ꁿע◩瞏⮔ס蛞㬼כؓؠ ذ٭ةٖס偆⮜ֿ⮂׾ס؅傽չ䔵ה劳؆ךַ׾ն 瑬 12 珕 冋儖 ➭☭ AbemaTV ס UI ظاؕػ٭ն2015 䌑מ呎䑑⚶獗ئؕف٭ؙ٭ةؘ٤ع׫偆ⶻך⪜獗ն ┞锶׌׾כ摾銨䝠ך锯宜ֿםַֿր؛؛؜ِה׶؆מע׈׿םַց؅镸י؞ٖ٤؞ٖ٤ ׌׾傽չ؅ꇃׇ׊יַ׾ն 瑬 13 珕 䐒娢 㼵⺒ "ⳛ氺"ע气嵛סג״յ׻׽筙穀ם"꼞"עُٞ٤סג״מ׷זיַ׾ն׵כ׵כنٛ٭ٚ ٤تך㵵ֿ紬겏تذة؛םסדֿյ劄ꁿע㧁嚝ס㖪כⵊ׊יַ׾ն桨כ潲⮬ 6 宜瞥ס FR 黆؅׆׻םׂ䠀׌׾ն 266
  38. 辐碊ظاؕ٤ 劮儖 綛㜀 2019 䌑偆ⶻظاؕػ٭ն㝕㳔免♣עًؼ٭⻎㟱⚶כٚ٭ْ٤⻎㟱⚶ס♣銨؅⫅⚈׊י ַגֿյ槁㐂עյًؼ٭؅䭥זיםַ׊捯냃ֿ㟱׀ն 267

  39. AbemaTV Tech Book 2019 䌑 9 劓 22 傽մ䪫銉剹⪿ 7

    曫 v1.0.0 詇մ脢 AbemaTV ظاؕ٤ 呧勓 肰㝚 紬մ겏 ꀲ䉁 ✲獹 溪鉿䨾 AbemaTV ⷦ⯝䨾 傽⩱⚕氺 մ (C) 2019 AbemaTV 268
  40. 00 01 02 03 04 05 06 07 08 00

    01 02 03 04 05 06 07 08