Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20190228_webcomponents.pdf

26a00012c475c2380cd98cfe5e2e70ef?s=47 ozaki25
February 28, 2019

 20190228_webcomponents.pdf

26a00012c475c2380cd98cfe5e2e70ef?s=128

ozaki25

February 28, 2019
Tweet

More Decks by ozaki25

Other Decks in Technology

Transcript

  1. 8FC$PNQPOFOUTΛ࢖ͬͯΈΑ͏ʂ 

  2. ໨࣍  8FC$PNQPOFOUTͱ͸  8FC$PNQPOFOUTͷαϯϓϧ  8FC$PNQPOFOUTΛ࢖ͬͯΈΔ  8FC$PNQPOFOUTͷཁૉٕज़ 

    8FC$PNQPOFOUTͷ׆༻৔໘  8FC$PNQPOFOUTͷपลٕज़  ·ͱΊ  
  3. 8FC$PNQPOFOUTͱ͸  

  4. 8FC$PNQPOFOUTͱ͸ w ҰݴͰ͍͏ͱ w ಠࣗͷ).5-λάΛ࡞ͬͯ࢖͏͜ͱ͕Ͱ͖Δٕज़   IUNM CPEZ I)FMMP8PSMEI

    NZDPNQPOFOUNZDPNQPOFOU CPEZ IUNM
  5. 8FC$PNQPOFOUTͷαϯϓϧ  

  6. Ͳ͜Ͱ࢖͔ͬͨ w ϑΝΠϧΞοϓϩʔυػೳͰ8FC$PNQPOFOUTΛ࢖༻ w ϑΝΠϧΛબ୒ w 4ʹΞοϓϩʔυ͞ΕΔ w Ξοϓϩʔυઌͷ63-͕ೖྗҬʹૠೖ͞ΕΔ 

    
  7. Ͳ͜Ͱ࢖͔ͬͨ  

  8. ͳͥ࢖͔ͬͨ w ϒϥ΢β͔Β௚઀4ʹΞοϓϩʔυ͢Δͷ͔ͳΓ໘౗ w ͦͷ໘౗ͳॲཧΛΞϓϦʹຒΊࠐΈͨ͘ͳ͔ͬͨ
 8FC$PNQPOFOUTʹӅณ w ؆୯ʹ࢖͍ճͤΔΑ͏ʹ͔ͨͬͨ͠
 8FC$PNQPOFOUT͸؆୯ʹ࢖͍ճͤΔ 

    
  9. 8FC$PNQPOFOUTΛ࢖ͬͯΈΔ  

  10. ˞஫ҙ˞ w /PEF͕ΠϯετʔϧࡁΈͰ͋Δ͜ͱΛલఏͱ͠·͢ w $ISPNF΍'JSF'PYͱ͍ͬͨϞμϯͳϒϥ΢βΛલఏͱ͠·͢  

  11. ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ࢖͏ w αϯϓϧΞϓϦͰ࡞ͬͨίϯϙʔωϯτΛ࢖ͬͯΈΔ    ద౰ͳσΟϨΫτϦʹJOEFYIUNMΛ࡞੒͢Δ  JOEFYIUNMʹҎԼͷ಺༰Λهड़͢Δ 

     YVQMPBEFSYVQMPBEFS   TDSJQUTSDIUUQTYYYYYOFUMJGZDPNVQMPBEFSJOEFYKTTDSJQU  JOEFYIUNM͕͋ΔσΟϨΫτϦͰҎԼͷίϚϯυΛ࣮ߦ   OQYTFSWF  IUUQMPDBMIPTUJOEFYIUNMʹΞΫηε ͨͬͨ͜Ε͚ͩͰ4΁ͷ ϑΝΠϧΞοϓϩʔυػ ೳΛ࣮૷׬ྃ
  12. ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ࢖͏   JOEFYIUNMͷ຤ඌʹҎԼͷίʔυΛ௥Ճ͢Δͱ Ξοϓϩʔυͨ͠ϑΝΠϧʹΞΫηεͰ͖ΔΑ͏ʹͳΔ   TDSJQU  

    XJOEPXBEE&WFOU-JTUFOFS VQMPBEFE GVODUJPO F \   DPOTU\   EFUBJM\VSM OBNF^    ^F   DPOTPMFMPH \VSM OBNF^    DPOTUQEPDVNFOUDSFBUF&MFNFOU Q    DPOTUMJOLEPDVNFOUDSFBUF&MFNFOU B    DPOTUUFYUEPDVNFOUDSFBUF5FYU/PEF OBNF    MJOLTFU"UUSJCVUF ISFG VSM    MJOLBQQFOE$IJME UFYU    QBQQFOE$IJME MJOL    EPDVNFOUCPEZBQQFOE$IJME Q    ^    TDSJQU ࣮૷಺༰ͷઆ໌͸ׂѪ 8FC$PNQPOFOUT಺ͰൃՐͨ͠ ΠϕϯτΛड͚औͬͯ·͢
  13. ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ࢖͏  

  14. 8FC$PNQPOFOUTΛ࢖ͬͯΈΑ͏ʂ w ͔ͤͬ͘ͳͷͰ΋͏Ұωλ    JOEFYIUNMʹҎԼͷ಺༰Λ௥Ճ
 ͖ͬ͞ͷϑΝΠϧͰ΋৽نϑΝΠϧͰ΋0,  

     P[BRJJUBP[BRJJUB   TDSJQUTSDIUUQTYYYYYOFUMJGZDPNP[BRJJUBJOEFYKTTDSJQU  ىಈͯ͠ΞΫηε͢Δ ͖ͬ͞ͱಉ༷    OQYTFSWF   IUUQMPDBMIPTUJOEFYIUNM
  15. 8FC$PNQPOFOUTΛ࢖ͬͯΈΑ͏ʂ   ͨͬͨ̎ߦ௥Ճ͢Δ͚ͩͰ P[BLJ͞ΜͷRJJUBͷ࠷৽هࣄΛ Ͳ͜ʹͰ΋ຒΊࠐΉ͜ͱ͕Ͱ͖Δ

  16. 8FC$PNQPOFOUTΛ࢖ͬͯΈΑ͏ʂ   ͨͬͨ̎ߦ௥Ճ͢Δ͚ͩͰ P[BLJ͞ΜͷRJJUBͷ࠷৽هࣄΛ Ͳ͜ʹͰ΋ຒΊࠐΉ͜ͱ͕Ͱ͖Δ

  17. 8FC$PNQPOFOUTΛ࢖͍ճͯ͠ΈΑ͏ʂ w ߦ௥Ճ͢Δ͚ͩͰ؆୯ʹ8FC$PNQPOFOUTΛ࢖͍ճͤΔ͸ͣ w ։ൃதͷΞϓϦʹຒΊࠐΜͰΈ·͢ʂʂ  

  18. 8FC$PNQPOFOUTͷཁૉٕज़  

  19. 8FC$PNQPOFOUTͷཁૉٕज़ w ҎԼͷͭͷٕज़͔ΒͳΔ w $VTUPN&MFNFOUT w 4IBEPX%0. w )5.-5FNQMBUF w

    )5.-*NQPSU  
  20. 8FC$PNQPOFOUTͷཁૉٕज़ w ҎԼͷͭͷٕज़͔ΒͳΔ w $VTUPN&MFNFOUT w 4IBEPX%0. w )5.-5FNQMBUF w

    )5.-*NQPSU   ্ͷ͚͓͚֮ͭͩ͑ͯ͹0,Ͱ͢
  21. $VTUPN&MFNFOUT w ಠࣗͷ)5.-λάΛ࡞Γग़ٕ͢ज़   ಠࣗλάΛ࡞Δ࠷খߏ੒
 ͜Ε͚ͩͰ͸ҙຯ͕ͳ͍͚ͲͶ

  22. 4IBEPX%0. w 8FC$PNQPOFOUTͷ֎ͷੈքͱதͷੈքΛ෼அͰ͖Δٕज़ w ผੈքͷTUZMFఆٛͷӨڹΛड͚ͳ͘͢Δ͜ͱ͕Ͱ͖Δ w ผੈքͷ%0.Λૢ࡞Ͱ͖ͳ͘͢Δ͜ͱ͕Ͱ͖Δ ӨڹൣғΛہॴԽͰ͖ΔͷͰ௥Ճมߋ࡟আ͕͠΍͘͢ͳΔ  

  23. 4IBEPX%0.   ֎ͷੈքͰఆٛͨ͠IͷTUZMF͸ தͷੈքʹ͸ద༻͞Ε͍ͯͳ͍

  24. 4IBEPX%0.   தͷੈքͰఆٛͨ͠IͷTUZMF͸ ֎ͷੈքʹ͸ద༻͞Ε͍ͯͳ͍

  25. 8FC$PNQPOFOUTͷ׆༻৔໘  

  26. ͲΜͳ৔໘Ͱ࢖͑Δ͔ w ը໘಺ͷଞͷػೳͱ݁߹౓͕௿͘ɺผͷΞϓϦͰ΋࢖͍ճͤΔػೳ w ࠓճ࣮૷ͨ͠4΁ͷϑΝΠϧΞοϓϩʔυͷΑ͏ͳ৔໘ w ࣾ಺ΞϓϦͷڞ௨෦඼ͱ͔  

  27. पลٕज़  

  28. पลٕज़ w -JU&MFNFOU w 8FC$PNQPOFOUTΛॻ͖΍͘͢͢ΔϥΠϒϥϦ w 1PMZNFS w ΋͏աڈͷ΋ͷͱͳΓ·ͨ͠ ޙܧ͸-JU&MFNFOU

     w .JDSP'SPOUFOE w αʔόαΠυͷ.JDSPTFSWJDFTͷΑ͏͜ͱΛϑϩϯτΤϯυͰ࣮ݱ w 4IBEPX%0.Λ׆༻͢Δ͜ͱͰ࣮ݱͰ͖Δ  
  29. ·ͱΊ  

  30. ·ͱΊ w 8FC$PNQPOFOUTͱ͸ w ಠࣗͷ)5.-λάΛ࡞ΕΔٕज़ w ؆୯ʹ࢖͍ճ͢͜ͱ͕Ͱ͖Δ w 8FC$PNQPOFOUTͷओͳ࢓૊Έ w

    $VTUPN&MFNFOUTɾɾɾಠࣗͷ)5.-λάΛ࡞Γग़͢ w 4IBEPX%0.ɾɾɾ֎ͷੈքͱதͷੈքΛ෼཭Ͱ͖Δ  
  31. ͋Γ͕ͱ͏͍͟͝·ͨ͠