Web Componentsを使ったウィジェット埋め込みの話

Transcript

1. 8FC
   $PNQPOFOUTΛ࢖ͬͨ
   ΢ΟδΣοτຒΊࠐΈͷ࿩
   
   
   5VF
   "OPUIFS
   XPSLT
   Y
   4NBSU)3
   'SPOU&OE
   %FFQ
   %JWF OBCFMJXP
   4NBSU)3
   ϓϩμΫτΤϯδχΞ
2. ࣗݾ঺հ OBCFMJXP
   4NBSU)3
   ϓϩμΫτΤϯδχΞάϧʔϓ
   ϓϥοτϑΥʔϜ։ൃϢχοτ
   ϑϩϯτΤϯυΤϯδχΞ
   5ZQF4DSJQU
   3FBDU
   /FYUKT
   ͳͲ
   
3. ϓϥοτϑΥʔϜࣄۀͷ͝঺հ
4. CONFIDENTIAL ͜͜ʹηΫγϣϯλΠτϧΛ
   ೖΕͯΈΑ͏ʂ
5. 4NBSU)3
   1MVT
   Ќ൛ͱ͸ w 4NBSU)3
   Λ΋ͬͱศརʹ׆༻͢ΔͨΊͷ֎෦ ΞϓϦέʔγϣϯΛಋೖͰ͖ΔΞϓϦετΞ
   w Ϣʔβʔͱ֎෦ΞϓϦέʔγϣϯύʔτφʔ Λͭͳ͙ͨΊͷ৽͍͠ίϛϡχέʔγϣϯ νϟωϧ
6. ࠓ೔࿩͢͜ͱ
7. ࠓ೔࿩͢͜ͱ w 1'
   ࣄۀͰ
   8FC
   $PNQPOFOUT
   Λ࠾༻ͨ͠࿩
   w ͳͥ
   8FC
   $PNQPOFOUT
   Λ࠾༻ͨ͠ͷ͔
   w ࣮ࡍʹ࢖ͬͯΈͯͲ͏͔ͩͬͨ
   w ࠓޙͷ
   1'
   ࣄۀͷٕज़తͳల๬
8. 8FC
   $PNQPOFOUT
   ͬͯ
   ͦ΋ͦ΋ͳΜ͚ͩͬͷ͓͞Β͍
9. 8FC
   $PNQPOFOUT
   ͱ͸ w ࠶ར༻ՄೳͳΧελϜཁૉ
   w 4IBEPX
   %0.
   ʹΑΔΧϓηϧԽ
   w )5.-
   ςϯϓϨʔτʹΑΔϚʔΫΞοϓ
   w ΢Σϒඪ४
10. 8FC
    $PNQPOFOUT
    ͷ
    "1*
    Λϥοϓͯ͠؆୯ʹѻ͑ ΔΑ͏ʹͨ͠ϥΠϒϥϦɻ
    4NBSU)3
    Ͱ͸
    -JU
    Λ࢖༻ͯ͠ΧελϜཁૉΛ࡞ͬͯ ͍·͢ɻ
11. 1'
    ࣄۀͰ
    8FC
    $PNQPOFOUT
    Λ࠾༻ͨ͠࿩
12. ௨ۈܦ࿏ݕࡧ w ग़ൃ஍ɺ໨త஍ɺ௨ۈखஈΛೖྗ͢Δͱࣗಈ Ͱ௨ۈܦ࿏΍௨ۈඅΛग़ͯ͘͠ΕΔ
    w /"7*5*.&
    ͱ
    (PPHMF
    .BQ
    ͷ
    "1*
    Λ࢖༻ͯ͠ ͍Δ
    w طଘͷैۀһฤूը໘Λ֦ு͢Δ
13. ΦϓγϣϯػೳΛΠϯετʔϧ
    
14. ैۀһ߲໨͕ΧελϚΠζ͞ΕΔ
    
15. ௨ۈܦ࿏ݕࡧػೳͷٕज़తͳ࢓༷ w Πϯετʔϧ͠ͳ͍ͱ࢖͑ͳ͍
    w Πϯετʔϧ͢Δͱैۀһ৘ใฤूը໘ʹ௨ ۈܦ࿏༻ͷϑΥʔϜ΢ΟδΣοτ͕֎෦͔Βຒ Ίࠐ·ΕΔ
    w ΢ΟδΣοτͷ࣮૷͸
    4NBSU)3
    ಺ʹ͸ͳ͍
16. ΢ΟδΣοτͷ࣮૷͕֎ʹ͋Δཧ༝ w ࠓޙ΋ΦϓγϣϯػೳͰΠϯετʔϧ͞Εͨػೳ͕
    4NBSU)3
    ಺ʹຒΊࠐ·Ε͍ͯ͘
    w શͯ
    4NBSU)3
    ಺ʹ࣮૷͍ͯ͘͠ͱΦϓγϣϯػೳ௥ Ճͷ౓ʹ
    4NBSU)3
    Ͱ৽ن࣮૷͠ͳ͍ͱ͍͚ͳ͍
    w ࠓޙ
    SE
    ύʔςΟ੡ΞϓϦΛ૿΍͍ͯ͘͠
    w ֎ͷΞϓϦଆͰ΢ΟδΣοτΛ࡞Δܗʹ͍ͨ͠
17. ຒΊࠐΈ΢ΟδΣοτΛ
    8FC
    $PNQPOFOUT
    Ͱ࣮૷͍ͯ͠·͢
18. ͳͥ
    8FC
    $PNQPOFOUT
    Λ
    ࠾༻ͨ͠ͷ͔
19. 8FC
    $PNQPOFOUT
    ࠾༻ཧ༝ w 4NBSU)3
    ଆͷ΢ΟδΣοτຒΊࠐΈͷهड़Λ γϯϓϧʹ͔ͨͬͨ͠
    w ΢ΟδΣοτ͸֎͔ΒͷӨڹΛड͚ͣɺ֎ʹӨ ڹΛ༩͑ͳ͍ܗʹ͔ͨͬͨ͠
    w 4NBSU)3
    ͷϑϩϯτΤϯυͷෳࡶੑͷഎܠ
20. ΢ΟδΣοτຒΊࠐΈΛγϯϓϧʹ w ࠓޙຒΊࠐΈ͍ͨΞϓϦͷ਺ɺ΢ΟδΣοτͷ ਺͸ͲΜͲΜ૿͍͑ͯ͘૝ఆ
    w ͭͳ͗͜Έ෦෼Λγϯϓϧʹ͠ͱ͔ͳ͍ͱޙʑ ා͍
    w 8FC
    $PNQPOFOUT
    Ͱ͋Ε͹
    4NBSU)3
    ଆ͸
    +4
    ΛಡΈࠐΜͰΧελϜཁૉΛݺͿ͚ͩ
21. ຒΊࠐΈ࣮૷ͷྲྀΕ w ຒΊࠐΈ͍ͨΞϓϦଆͰίϯϙʔωϯτΛ࣮૷ ͢Δ
    w ΧελϜཁૉ໊ͱϏϧυͨ͠
    +4
    ͷύεΛ
    4NBSU)3
    ʹ౉͢
    w 4NBSU)3
    ଆ͸΋Βͬͨ৘ใΛઃఆϑΝΠϧͰ ؅ཧ͢Δ
22. ˞IBNM
    Ͱ͢
    ˞આ໌͠΍͍͢Α͏৭ʑม͑ͯॻ͍ͯ·͢
23. 4NBSU)3 ௨ۈܦ࿏ݕࡧ ϑΥʔϜ࣮૷ σʔλϕʔε 8FC
    $PNQPOFOUT
    
    ʹΑΔΧελϜ
    ϑΥʔϜ࣮૷ Ϗϧυͨ͠+4 ૢ࡞ Ϗϧυ $IBOHF
    &WFOU %JTQBUDI 4VCTDSJCF ߋ৽
24. ௨ۈܦ࿏ݕࡧػೳͷ
    8FC
    $PNQPOFOUT
    ͱ
    4NBSU)3
    ͷ΍ΓऔΓ͸
    Πϕϯτͷ
    EJTQBUDI
    ͱ
    TVCTDSJCF
    ͷΈ
    
25. ӨڹΛ༩͑ͳ͍ܗʹ͔ͨͬͨ͠ w 8FC
    $PNQPOFOUT
    Ͱ͋Ε͹ΧελϜԽ͞Εͯ ͍ΔͷͰɺ4NBSU)3
    ଆͷάϩʔόϧͳελΠ ϧͷӨڹΛड͚ͳ͍
    w 8FC
    $PNQPOFOUT
    ಺ͷ࣮૷ʹΑΓ4NBSU)3
    ଆͷ
    6*
    Λյ͞ͳ͍
26. ͦΕͬͯ
    3FBDU
    Ͱྑ͍ͷͰ͸ʜʁ
27. 4NBSU)3
    ͷϑϩϯτΤϯυͷෳࡶੑ w ैۀһ৘ใΛมߋ͢Δํ๏͸ैۀһ৘ใฤूը໘ ͱਃ੥ϑΥʔϜͷ௨Γ͋Δ
    w ैۀһ৘ใฤूը໘͸
    IBNM
    
    K2VFSZɺਃ੥ ϑΥʔϜ͸
    3FBDU
    Ͱಈ͍͍ͯΔ
    w ͲͪΒͷύλʔϯͰ΋ಉ͡ܗࣜͰѻ͏ͨΊʹ
    8FC
    $PNQPOFOUT
    ʹ͍ͯ͠Δ
28. ࣮ࡍʹ࢖ͬͯΈͯͲ͏͔ͩͬͨ
29. ྑ͔ͬͨͱ͜Ζ w બఆཧ༝ʹॻ͍࣮ͨݱ͍ͨ͜͠ͱ͸શͯ໰୊ͳ͘ ࣮ݱͰ͖ͨ
    w 4NBSU)3
    ͷෳࡶͳࣄ৘Λ
    8FC
    $PNQPOFOUT
    ଆ͕഑ྀ͢Δඞཁ͕ͳ͍
    w γϯϓϧͳΠϯλʔϑΣʔε
30. ೉͍͠ͱ͜Ζ w 4NBSU)3
    6*
    ͕࢖͑ͳ͍😭
    w %JTQBUDI
    ͱ
    4VCTDSJCF
    ͷΈͱ͍͏औΓܾΊ͸͠ ͯΔ͕ɺϧʔϧ͸؆୯ʹ΍ΔͿ͜ͱ͕Ͱ͖Δͷ Ͱ
    SE
    ύʔςΟʹಉ͡΍ΓํΛͤ͞Δͷ͸ةͳ͍
31. w 4NBSU)3
    ͷϓϩμΫτͰ൚༻తʹ࢖͑Δ
    3FBDU
    ίϯϙʔωϯτू
    w #VUUPO
    *OQVU
    ͳͲͷγϯϓϧͳཁૉ͸΋ͪΖ Μɺ%JBMPH
    ΍
    %SPQEPXO
    %BUF1JDLFS
    ͷΑ͏ͳ ෳࡶͳ΋ͷ΋͋Γͱͯ΋ศར
32. 4NBSU)3
    6*
    ͕࢖͑ͳ͍😭 w 4NBSU)3
    ͷ
    6*
    ͷ
    $44
    Λίϐʔͯ͠࢖͏Έ͍ͨ ͳ͜ͱΛ͍ͯͨ͠
    w ෳࡶͳ΋ͷ͸೉͍͠ͷͰɺಉ͡
    %BUF1JDLFS
    ͳͷ ʹϑΥʔϜ͝ͱʹݟͨ໨ҧ͏ͱ͍͏͜ͱʹͳͬͯ ͠·ͬͨ
33. 4NBSU)3
    6* 8FC
    $PNQPOFOUT
34. ࠓޙΛݟਾ͑ͨ੬ऑੑͷ࿩ w 8FC
    $PNQPOFOUT
    ಺ͷίʔυ͕
    4NBSU)3
    ಺Ͱ ࣮ߦ͞ΕΔͨΊɺ΍Ζ͏ͱࢥ͑͹ͳΜͰ΋Ͱ͖Δ
    w SE
    ύʔςΟʹຒΊࠐΈ΢ΟδΣοτΛ։์͢Δ ͱ͖͸αϯυϘοΫεԽͷ࢓૊ΈΛ༻ҙ͠ͳ͍ͱ ͍͚ͳ͍
35. ࠓޙͷ
    1'
    ࣄۀͷٕज़తͳల๬
36. w
    4NBSU)3
    6*
    ͷ
    8FC
    $PNQPOFOUT
    Խ
    w αϯυϘοΫεԽͷٕज़ݕ౼
37. 4NBSU)3
    6*
    ͷ
    8FC
    $PNQPOFOUT
    Խ w 3FBDU
    7VF
    7BOJMMB
    FUDʜ
    Ͳ͔͜ΒͰ΋࢖͑Δ Α͏ʹ͍ͨ͠
    w 4NBSU)3
    6*
    Λγϡοͱ
    8FC
    $PNQPOFOUT
    ʹ ஔ͖׵͑Δͷ͸೉͍͠
    w ·ͣ͸
    CVUUPO
    ͳͲͷ؆୯ͳ
    6*
    Λม͍͑ͯ͘ͳ ͲΛͯ͠ࢼ͍͖͍ͯͨ͠
38. αϯυϘοΫεԽͷٕज़ݕ౼ w JGSBNF
    w 2VJDL+4
    Λ
    8BTN
    Խ͢Δ
    w 8FC
    8PSLFS
    w 4IBEPX3FBMN
    "1*
39. ࠓޙͷϓϥοτϑΥʔϜͷల։ʹ
    ͝ظ଴͍ͩ͘͞ʂʂʂʂ
40. ࠷ޙʹ
41. 4NBSU)3
    ͸ΤϯδχΞΛืू͍ͯ͠·͢ʂʂ
    4NBSU)3
    ΤϯδχΞ
    ࠾༻
    <ݕࡧ>
42. ͋Γ͕ͱ͏͍͟͝·ͨ͠