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

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

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. ऴ
    
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ