2021/01/27 ウェビナー「サイトやアプリへの動画埋め込みを簡単に！デバイスを選ばないプレイヤー：THEOplayer」

link
https://dev.classmethod.jp/news/210127-theoplayer-webinar/

Transcript

2. 2 ࣗݾ঺հ େલ ྒ༞ʢPPNBF
   SZPVTVLFʣ • "84ࣄۀຊ෦ ίϯαϧςΟϯά෦ • ೖࣾ ೥ ݄ • 
   "1/
   "84
   5PQ
   &OHJOFFST • ܦྺ • 4*FS
   ˠ Ϋϥεϝιου • ޷͖ͳαʔϏε • "84
   .FEJB4FSWJDFT
3. 3 ຊ೔͓࿩͢Δࣄ ຊ೔͓࿩͢Δ͜ͱ
4. 4 ຊ೔͓࿩͢Δࣄ ૝ఆ͢ΔࢀՃऀ • ಈըϓϨΠϠʔ੡඼Λطʹ࢖͍ͬͯΔํ • 7JEFP+T
   ౳Λ࢖༻ͨ͠ಈըϓϨΠϠʔͷ࣮૷ܦݧ͕͋Δํ • ಈըϓϨΠϠʔͬͯͦ΋ͦ΋Կʁͳํ
5. 5 ຊ೔͓࿩͢Δࣄ ໨త • ಈըϓϨΠϠʔ੡඼ ʹ͍ͭͯ஌ͬͯ௖͘ • 5)&0QMBZFS ʹ͍ͭͯ஌ͬͯ௖͘
6. 6 ຊ೔͓࿩͢Δࣄ ຊ೔ͷྲྀΕ  ͳͥಈըϓϨΠϠʔ੡඼Λ࢖͏ͷ͔  5)&0QMBZFS
   ʹ͍ͭͯ  5)&0QMBZFS
   σϞ  ·ͱΊ
7. 7 
   ͳͥಈըϓϨΠϠʔ੡඼Λ࢖͏ͷ͔ 
   ͳͥಈըϓϨΠϠʔ੡඼Λ࢖͏ͷ͔
8. 8 ಈըϓϨΠϠʔ͸ಈը഑৴ʹඞਢͷཁૉ ಈը഑৴΍αʔϏε಺ʹಈըίϯςϯπ͕ଘࡏ͢Δ৔߹ɺ ಈըϑΝΠϧΛө૾ίϯςϯπͱͯ͠ϢʔβʹݟͤΔͨΊͷػೳ͕ඞཁ ʢʹಈըϓϨΠϠʔʣ ಈըΛѻ͏αʔϏεΛఏڙ͢Δ৔߹ɺ ʮಈըϓϨΠϠʔΛͲ͏༻ҙ͢Δ͔ʯʹ͍ͭͯͷݕ౼͸ඞਢ
9. 9 ಈըϓϨΠϠʔΛ༻ҙ͢Δํ๏ ωΠςΟϒϓϨΠϠʔ ΋͘͠͸ ࣗલͰͷ࣮૷ ͷ͍ͣΕ͔Λ࠾༻͢Δ • ωΠςΟϒϓϨΠϠʔ • ֤σόΠε΍ϒϥ΢βʹ͸σϑΥϧτͰ࠶ੜՄೳͳίϯςϯπܗ͕ࣜଘࡏ • ྫ 
   4BGBSJ
   ͸ )-4
   ܗࣜͷಈըΛ࠶ੜՄೳ • ࣮૷͕ൺֱత༰қʢ)5.-
   ʹ WJEFP
   λάΛهࡌ͢ΔͷΈͳͲʣ • ࠶ੜ؀ڥʢσόΠεʣʹԠͨ͡ܗࣜͷίϯςϯπΛͦΕͧΕ༻ҙ͠ɺσόΠ ε͝ͱʹద੾ͳίϯςϯπΛऔಘͤ͞Δඞཁ͕͋Δ
10. 10 ಈըϓϨΠϠʔΛ༻ҙ͢Δํ๏ ωΠςΟϒϓϨΠϠʔ ΋͘͠͸ ࣗલͰͷ࣮૷ ͷ͍ͣΕ͔Λ࠾༻͢Δ • ࣗલͰͷ࣮૷ • +BWB4DSJQU
    ͷϥΠϒϥϦͳͲΛ࢖༻͠ɺωΠςΟϒϓϨΠϠʔͰରԠ͠ ͍ͯͳ͍ܗࣜͷίϯςϯπ΋࠶ੜՄೳͱ͢Δ • FY
    $ISPNF
    Ͱ )-4
    Λ࠶ੜ͢Δ ͳͲ • ༻ҙ͢Δίϯςϯπܗ͕ࣜগͳͯ͘ࡁΉ • ωΠςΟϒϓϨΠϠʔ࢖༻࣌ͱൺֱ͢Δͱ࣮૷ίετ͕ߴ͍
11. 11 ಈըϓϨΠϠʔΛ༻ҙ͢Δํ๏ ϝϦοτ σϝϦοτ ωΠςΟϒϓϨΠϠʔ • ࣮૷͕༰қ • ίϯςϯπΛෳ਺༻ҙɺ ഑৴͢Δඞཁ͋Γ ࣗલͰͷ࣮૷ • ༻ҙ͢Δίϯςϯπ͕গ ͳͯ͘ࡁΉ • ࣮૷ίετ͕ߴ͍ ಈըϓϨΠϠʔ੡඼͸ࣗલͰͷ࣮૷ʹؔΘΔ࿩
12. 12 ಈըϓϨΠϠʔͷ࣮૷ํ๏ 044
    ͱͯ͠ఏڙ͞Ε͍ͯΔϑϨʔϜϫʔΫ΍ϥΠϒϥϦΛ࢖༻͢Δࣄ ͕Ұൠత • )5.-
    
    7JEFPKT
    IMTKT
    EBTIKT • "OESPJE
    
    &YP1MBZFS • J04
    
    "71MBZFS ͳͲ
13. 13 ಈըϓϨΠϠʔΛ࣮૷͢Δ৔߹ͷ՝୊ • ॳظ։ൃίετ͕͔͔Δ • ଟ༷ͳσόΠεʹରԠ͢Δҝʹ͸ෳ਺ϑϨʔϜϫʔΫͷར༻͕ඞཁ • ϒϥ΢β΍σόΠεͷόʔδϣϯΞοϓʹ൐͏อक͕ൃੜ • ࢢ৔ͷಈ޲ʹ߹Θͤͨ௥Ճػೳͷ։ൃ͕ٻΊΒΕΔʢ,
    73ͳͲʣ • 044
    ͩͱͦ΋ͦ΋ಛఆͷػೳΛαϙʔτ͍ͯ͠ͳ͍৔߹΋ ˠ ্هͷ՝୊Λղܾͯ͘͠ΕΔͷ͕ಈըϓϨΠϠʔ੡඼
14. 14 ಈըϓϨΠϠʔ੡඼Λ࢖͏ϝϦοτ 5)&0
    ͕ࣾެ։͍ͯ͠ΔϗϫΠτϖʔύʔʮ#VZ
    WT
    #VJMEʯʹڍ͛ΒΕ͍ͯΔ ͭͷ؍఺Λ঺հ IUUQTXXXUIFPQMBZFSDPNCVZWTCVJME
15. 15 ಈըϓϨΠϠʔ੡඼Λ࢖͏ϝϦοτ 
    *OJUJBM
    EFWFMPQNFOU ॳظ։ൃίετ͕཈͑ΒΕ·͢ (6*
    ͰඞཁͳύϥϝʔλΛઃఆ͢Δ͚ͩͰιʔείʔυ͕෷͍ग़͞Ε ΔͳͲɺखܰʹಈըϓϨΠϠʔΛ࣮૷Ͱ͖Δ੡඼͕ଟ͍Ͱ͢ ˞5)&0QMBZFS
    ʹ͍ͭͯ͸ޙ΄ͲσϞΛ͓ݟͤ͠·͢
16. 16 ಈըϓϨΠϠʔ੡඼Λ࢖͏ϝϦοτ 
    1SPEVDU
    &WPMVUJPO ಈըϓϨΠϠʔ੡඼ଆͰࢢ৔ͷಈ޲ʹ߹ΘͤͯػೳΛ௥Ճͯ͘͠ΕΔ ࣗࣾͰϓϨΠϠʔͷվྑΛߦ͏ࡍʹൃੜ͢Δ޻਺͕ݮগ ʹ ίετͷ࡟ݮɺ࠷৽ͷࢢ৔ಈ޲ʹରԠͨ͠ϓϨΠϠʔΛར༻Մೳ
17. 17 ಈըϓϨΠϠʔ੡඼Λ࢖͏ϝϦοτ 
    .BJOUFOBODF
    BOE
    4VQQPSU ಈըϓϨΠϠʔʢ੡඼ʣͷอक΍αϙʔτΛ੡඼ఏڙଆͰߦͬͯ͘ΕΔ ϒϥ΢βͷόʔδϣϯΞοϓ౳ʹ߹Θͤͨվम࡞ۀͳͲ͕ݮΔ ʹ ίετͷ࡟ݮ
18. 18 ಈըϓϨΠϠʔ੡඼Λ࢖͏ϝϦοτ 
    4USBUFHJD
    'PDVT ʮαʔϏεʹ͓͚ΔಈըϓϨΠϠʔࣗମͷՁ஋ʯΛ໰͏ߟ͑ํ ϓϨΠϠʔࣗମʹՁ஋Λ࣋ͨͤΔඞཁ͕ͳ͍ͷͰ͋Ε͹ɺಈըϓϨΠ Ϡʔ͸੡඼Λ׆༻ͯ͠αΫοͱ༻ҙͨ͠ํ͕ྑ͍ ʹ ΑΓϏδωεͱͯ͠ॏཁͳ෦෼ʹ஫ྗग़དྷΔ
19. 19 ಈըϓϨΠϠʔ੡඼Λ࢖͏ϝϦοτ 
    5PUBM
    $PTU
    PG
    0XOFSTIJQ ಈըϓϨΠϠʔʹؔ͢Δίετ͕҆ఆ͠ɺ༧ଌ͠΍͘͢ͳΔ ࣗࣾ։ൃͷ৔߹ɺࢢ৔ͷมԽʹΑΔ௥Ճػೳͷ։ൃ΍ো֐ରԠͳͲɺ ༧ظͤ͵ίετͷൃੜ͕༧૝͞ΕΔ ಈըϓϨΠϠʔ੡඼Λར༻͢Δ৔߹͸جຊతʹֹ݄අ༻Λ෷͏͚ͩ
20. 20 ·ͱΊΔͱɾɾɾ ಈըϓϨΠϠʔ੡඼Λ࢖͏ͱ • ίετͷ࡟ݮɺ࠷దԽʹͭͳ͕Δ • ಈը഑৴ࢢ৔ͷಈ޲ʹରԠ͠΍͘͢ͳΔ • ίετ΍޻਺ͷ࡟ݮʹΑΓɺຊདྷϏδωεͱͯ͠஫ྗ͢Δ΂ ͖෦෼ʹ஫ྗͰ͖Δ • "84
    ΍ଞ 4BB4
    ੡඼ʹ΋ڞ௨͢Δߟ͑ํ
21. 21 
    5)&0QMBZFS
    ʹ͍ͭͯ 
    5)&0QMBZFS
    ʹ͍ͭͯ
22. 22 5)&0QMBZFS
    ֓ཁ • 5)&0
    5FDIOPMPHJFTࣾ ͕ఏڙ͢ΔಈըϓϨΠϠʔ੡඼ • ಈըϓϨΠϠʔΛ࣮૷͢Δҝͷ 4%,
    Λఏڙ • /#$
    ΍ $//
    ͱ͍ͬͨւ֎ͷେखϝσΟΞاۀͰ΋࠾༻ • 8PSME`T
    #FTU
    7JEFP
    1MBZFS
    4PMVUJPO
    
    4%,
     ʹબग़
23. 23 5)&0QMBZFS
    ͷಛ௃ • αϙʔτ͢Δίϯςϯπܗࣜ • )-4
    
    %"4)
    
    .1 
    --)-4
     --%"4)
    Λαϙʔτ • (6*
    Λ࢖༻ͨ͠༰қͳಈըϓϨΠϠʔͷߏங • ಈը഑৴ࢢ৔ͷಈ޲ʹ߹Θͤͨ๛෋ͳػೳ • ,ରԠɺ73˃ɺ௿஗ԆରԠɺࣈນɺ6*
    ΧελϚΠζ • ଟ༷ͳΤίγεςϜͱͷ࿈ܞ • ޿ࠂૠೖɺ෼ੳπʔϧɺ%3.
24. 24 5)&0QMBZFS
    ͷڧΈ ෯޿͍୺຤ʹରԠͨ͠ϢχόʔαϧϏσΦϓϨΠϠʔ ྨࣅ੡඼ͱൺֱͯ͠ରԠσόΠε͕ඇৗʹ෯޿͍
25. 25 
    σϞ 
    σϞ
26. 26 ࢼ༻ϥΠηϯε͕ొ࿥ՄೳͰ͢
27. 27 ϩάΠϯ
28. 28 5)&0QPSUBMʢ؅ཧը໘ʣ
29. 29 4%,ʢಈըϓϨΠϠʔʣͷ࡞੒
30. 30 4%,ʢಈըϓϨΠϠʔʣͷ࡞੒
31. 31 4%,ʢಈըϓϨΠϠʔʣͷ࡞੒ (6*
    Ͱ֤छઃఆ͕Մೳ • 'PSNBUT • 6TFS
    *OUFSGBDF • 6TFS
    &YQFSJFODF • $BTUJOH • FUDʜ
32. 32 4%,ʢಈըϓϨΠϠʔʣͷ࡞੒
33. 33 4%,ʢಈըϓϨΠϠʔʣͷ࡞੒
34. 34 4%,ʢಈըϓϨΠϠʔʣͷ࡞੒
35. 35 ެࣜσϞϖʔδ https://www.theoplayer.com/demo-zone
36. 36 ެࣜυΩϡϝϯτ https://docs.portal.theoplayer.com/
37. 37 
    ·ͱΊ 
    ·ͱΊ
38. 38 ·ͱΊ • ಈըϓϨΠϠʔ੡඼Λ࢖͏ࣄͰϓϨΠϠʔΛࣗલͰ࣮૷͢Δ ࡍʹൃੜ͢Δ՝୊ΛղܾͰ͖Δ • 5)&0QMBZFS
    ͸ଟ͘ͷػೳΛ࣋ͪɺ෯޿͍σόΠεʹର Ԡͨ͠ಈըϓϨΠϠʔ੡඼ • ࢼ༻൛͕ར༻ՄೳͳͷͰ·ͣ͸͓ࢼ͠Λʂ
39. 39 ࢀߟ • 5)&0QMBZFS • IUUQTXXXUIFPQMBZFSDPN • #VZ
    WT
    #VJME • IUUQTXXXUIFPQMBZFSDPNCVZWTCVJME • σϞκʔϯ • IUUQTXXXUIFPQMBZFSDPNEFNP[POF • ։ൃυΩϡϝϯτ • IUUQTEPDTQPSUBMUIFPQMBZFSDPN • %FWFMPQFST*0 5)&0QMBZFSΧςΰϦ • IUUQTEFWDMBTTNFUIPEKQSFGFSFODFDBUUIFPQMBZFS