ブラウザのシェアと傾向と対策2018

 ブラウザのシェアと傾向と対策2018

2018/10/16「JAM plus #3」でのセッション「ブラウザのシェアと傾向と対策 2018」のスライドです。

0fdc62ee683c65e17f2a90728570f455?s=128

もりてつ

October 16, 2018
Tweet

Transcript

  1. ϒϥ΢βͷγΣΞͱ܏޲ͱରࡦ ৿Ӭ఩ฏ ΋Γͯͭ +".QMVT

  2. +".QMVT ࠓճͷ಺༰  w ͸͡Ίʹ w ϒϥ΢βγΣΞ 1$ฤ  w

    *&ͷݱࡏͷγΣΞͱαϙʔτঢ়گ w 1$ͷϒϥ΢βରԠΛͲ͏͢΂͖͔ w ϒϥ΢βγΣΞ εϚϗฤ  w "OESPJEͱJ04ɺͦΕͧΕͷόʔδϣϯผγΣΞ w εϚϗͷϒϥ΢βରԠΛͲ͏͢΂͖͔ w ·ͱΊ
  3. +".QMVT ࣗݾ঺հ  ˒ ΋Γͯͭ ৿Ӭ఩ฏ  ˒ גࣜձࣾάϥουΩϡʔϒ
 ϓϩμΫτ։ൃνʔϜΤϯδχΞ

    ˒ ๭ిػϝʔΧʔ
 ˠιϑτ΢ΣΞϝʔΧʔ
 ˠ೥݄͔Βݱ৬ ˒ ೥ྸɿࡀ ˒ झຯɿίϯτϥόεɺύζϧɺήʔϜ ˒ ޷͖ͳ΋ͷɿϥʔϝϯɺᰤࢠɺ'MFYCPY ˒ 5XJUUFSɿ!N@O@U@Q
  4. +".QMVT ͸͡Ίʹ  ϒϥ΢β͸ԿΛ
 ࢖͍ͬͯ·͔͢ʁ

  5. +".QMVT ϒϥ΢βͷγΣΞ  ੲ͸*&ׂ͕Λ઎Ί͍ͯͨ࣌୅΋͋ͬͨ ʜʜࠓ͸Ͳ͏ͳͷ͔ʁ ʁ

  6. +".QMVT ϒϥ΢βͷγΣΞ  ༷ʑͳௐࠪػ͕ؔσʔλΛൃද͍ͯ͠Δ ࠓճ͸4UBU$PVOUFS
 ΞΠϧϥϯυ ͷ
 σʔλΛࢀর͠·͢ IUUQHTTUBUDPVOUFSDPN

  7. +".QMVT 1$ͷϒϥ΢βγΣΞ  શੈք ೥݄ $ISPNF  'JSFGPY  *&

     4BGBSJ 
  8. +".QMVT 1$ͷϒϥ΢βγΣΞ  ೔ຊ ೥݄ $ISPNF  'JSFGPY  *&

     4BGBSJ 
  9. +".QMVT εϚϗͷϒϥ΢βγΣΞ  ೔ຊͰ͸*&͕ڧ͔ͬͨ ͔͠͠ɺ೥݄ʹ
 $ISPNF͕ٯస ࠩ͸ͲΜͲΜ։͍͍ͯΔ

  10. +".QMVT *&ͷݱࡏͷࠃ಺γΣΞ  ͔͠͠ͳ͕Βɺ͍·ͩʹγΣΞ͸ ͔͕ͨɺ͞ΕͲ 8FCαΠτ੍࡞8FCΞϓϦ։ൃͰ
 ࠷৽8FCٕज़ͷେ൒Λ
 αϙʔτ͍ͯ͠ͳ͍
 *&ͷαϙʔτΛܧଓ͢΂͖͔ʁ ˞*&͕ɺ*&Ҏલ͕

  11. +".QMVT *&ͷαϙʔτΛܧଓ͢΂͖͔  ਎΋֖΋ͳ͍͜ͱΛݴͬͯ͠·͏ͱ έʔεόΠέʔε ʜʜͳͷͰ͕͢ɺ*&Λ੾Δ͜ͱʹΑͬͯ
 ؆୯ʹ࢖͑ΔΑ͏ʹͳΔٕज़͕
 ֨ஈʹ૿͑·͢ ޻਺࡟ݮʹܨ͕Δ৔߹΋ʂ

  12. +".QMVT *&Λ੾Ε͹࢖͑Δ)5.-  UFNQMBUFλά <table id="producttable"> <thead> <tr> <td>UPC_Code</td> <td>Product_Name</td>

    </tr> </thead> <tbody> <!-- 必要に応じて既存のデータをここに含められます。 --> </tbody> </table> <template id="productrow"> <tr> <td class="record"></td> <td></td> </tr> </template>
  13. +".QMVT *&Λ੾Ε͹࢖͑Δ$44  $44(SJE-BZPVU ৽࢓༷ main{ display: grid; grid-template-columns: 100px

    100px 100px; grid-template-rows: 100px 100px; gap: 6px; } w *&ͩͱϕϯμʔϓϨϑΟοΫεΛ͚ͭͯ͞Βʹ چ࢓༷΁ͷಡΈସ͕͑ඞཁ
 ˞"VUPQSJpYFSΛ௨ͤ͹ҰԠม׵͸Մೳ͕ͩ
 ɹͻͱख͔͔ؒΔˍίʔυ͕૿͑Δ
  14. +".QMVT *&Λ੾Ε͹࢖͑Δ+BWB4DSJQU  &4Ҏ߱ w MFUDPOTU w Ξϩʔؔ਺ w DMBTTߏจ

    FUDʜ
  15. +".QMVT *&ͷαϙʔτΛܧଓ͢΂͖͔  ൑அࡐྉ w 8FCαΠτΛӾཡ8FCΞϓϦΛ࢖༻͢Δ٬૚
 ˠݹ͍γεςϜΛ࢖͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ w 8FCαΠτ8FCΞϓϦͰ࢖͏ػೳ͸Կ͔
 ˠઌʹड़΂ͨػೳΛ࢖͍͍͔ͨ൱͔ʁ

    w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ
 ˠ(PPHMF"OBMZUJDT౳Ͱϒϥ΢βͷσʔλΛղੳ
 ɹεϚϗ͕ଟ͍ͳΒόοαϦ੾Δͷ΋Ұͭͷख
  16. +".QMVT εϚϗͷϒϥ΢βγΣΞ  શੈք ೥݄ $ISPNF  6$#SPXTFS  4BGBSJ

    
  17. +".QMVT εϚϗͷϒϥ΢βγΣΞ  ೔ຊ ೥݄ 4BGBSJ  $ISPNF 

  18. +".QMVT εϚϗͷϒϥ΢βγΣΞ  ܏޲ w ࠃʹΑͬͯେ͖͘܏޲͕มΘΔ w ઌਐࠃ͸4BGBSJ͕ɺ৽ڵࠃ͸$ISPNF͕ڧ͍܏޲ w ͨͩ͠ɺ೔ຊ΄Ͳ4BGBSJ͕ڧ͍ࠃ͸ଞʹ͸ͳ͍

    w ٯʹΠϯυͰ͸4BGBSJͷγΣΞ͸
  19. +".QMVT εϚϗͷϒϥ΢βαϙʔτ  ߟ͑ํ $ISPNFͱ4BGBSJ͚ͩͰߟ͑ΔͳΒ ϒϥ΢βผΑΓ΋ 04ͷόʔδϣϯผͰ ߟ͍͑ͯ͘΄͏͕ྑ͍

  20. +".QMVT εϚϗͷ04όʔδϣϯผγΣΞ  "OESPJE IUUQTEFWFMPQFSBOESPJEDPNBCPVUEBTICPBSET ·Ͱɿ ɿ Ҏ߱ɿ ೥݄೔·Ͱͷ೔ؒ

  21. +".QMVT 04όʔδϣϯผαϙʔτ  "OESPJE w ·Ͱ9Ҏ߱ͷஈ֊Ͱϒϥ΢βͷ܏޲ ͕มΘ͖͍ͬͯͯΔ w ·Ͱͷʮ"OESPJEඪ४ϒϥ΢βʯ͕Ͱഇ ࢭɺ$ISPNF͕σϑΥϧτʹ

    w Ͱ͸8FC7JFXίϯϙʔωϯτ͕04͔Β੾Γ ཭͞ΕΔ
  22. +".QMVT 04όʔδϣϯผαϙʔτ  "OESPJE w ·Ͱͷඪ४ϒϥ΢βͩͱ  'MFYCPY͸ϕϯμʔϓϨϑΟοΫε͕ඞཁ  $44(SJE-BZPVU͕αϙʔτ͞Ε͍ͯͳ͍

     &4͕μϝ w Ҏ߱Ͱ͋Ε͹$ISPNFΛ࠷৽൛ʹ͓͚ͯ͠͹໰୊ͳ ͍͸ͣ w ͨͩ͠ɺ͸8FC7JFX͕04͔Β੾Γ཭͞Ε͍ͯͳ͍ ͨΊͦͪΒΛ࢖͏৔߹͸ཁ஫ҙ
 ·Ͱͷαϙʔτൣғಉ༷ͱߟ͑ͯྑ͍
  23. +".QMVT εϚϗͷ04όʔδϣϯผγΣΞ  J04 IUUQTEFWFMPQFSBQQMFDPNTVQQPSUBQQTUPSF ·Ͱɿ ɿ ɿ

  24. +".QMVT 04όʔδϣϯผαϙʔτ  J04 w 'MFYCPYɿ·Ͱ͸ϕϯμʔϓϨϑΟοΫεඞ ཁɺҎ߱͸໰୊ͳ͠ w $44(SJE-BZPVUɿ·Ͱର৅֎ͳͷͰ஫ҙ w

    &4ɿҎ߱Ͱαϙʔτ
  25. +".QMVT Ͳͷόʔδϣϯ·Ͱαϙʔτ͢΂͖͔  ൑அࡐྉˠ݁ہ1$ͱಉ͡ w 8FCαΠτΛӾཡ8FCΞϓϦΛ࢖༻͢Δ٬૚
 ˠݹ͍04Λ࢖͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ w 8FCαΠτ8FCΞϓϦͰ࢖͏ػೳ͸Կ͔
 ˠઌʹड़΂ͨػೳΛ࢖͍͍͔ͨ൱͔ʁ

    w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ
 ˠ(PPHMF"OBMZUJDT౳Ͱ04ͷσʔλΛղੳ
  26. +".QMVT ·ͱΊ  w ϒϥ΢βͷγΣΞɺόʔδϣϯผγΣΞ͸೔ʑมԽ ͍ͯ͠Δ w ϒϥ΢βɺόʔδϣϯʹΑͬͯͲͷΑ͏ͳٕज़Λα ϙʔτ͍ͯ͠Δ͔ΛϦαʔν͓ͯ͘͠ඞཁ͋Γ w

    Ͳͷϒϥ΢βɺόʔδϣϯΛαϙʔτ͢Δ͔ͷ൑அ ΋త֬ʹ΍͍ͬͯ͘ඞཁ͕͋Δ w Ϣʔβʔ໨ઢͰߟ͑·͠ΐ͏
  27. ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ