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

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

Transcript

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

   View Slide

2. +".QMVT
   ࠓճͷ಺༰
   
   w ͸͡Ίʹ
   w ϒϥ΢βγΣΞ 1$ฤ
   
   w *&ͷݱࡏͷγΣΞͱαϙʔτঢ়گ
   w 1$ͷϒϥ΢βରԠΛͲ͏͢΂͖͔
   w ϒϥ΢βγΣΞ εϚϗฤ
   
   w "OESPJEͱJ04ɺͦΕͧΕͷόʔδϣϯผγΣΞ
   w εϚϗͷϒϥ΢βରԠΛͲ͏͢΂͖͔
   w ·ͱΊ
   

   View Slide

3. +".QMVT
   ࣗݾ঺հ
   
   ˒ ΋Γͯͭ ৿Ӭ఩ฏ
   
   ˒ גࣜձࣾάϥουΩϡʔϒ

   ϓϩμΫτ։ൃνʔϜΤϯδχΞ
   ˒ ๭ిػϝʔΧʔ

   ˠιϑτ΢ΣΞϝʔΧʔ

   ˠ೥݄͔Βݱ৬
   ˒ ೥ྸɿࡀ
   ˒ झຯɿίϯτϥόεɺύζϧɺήʔϜ
   ˒ ޷͖ͳ΋ͷɿϥʔϝϯɺᰤࢠɺ'MFYCPY
   ˒ 5XJUUFSɿ!N@O@U@Q
   

   View Slide

4. +".QMVT
   ͸͡Ίʹ
   
   ϒϥ΢β͸ԿΛ

   ࢖͍ͬͯ·͔͢ʁ
   

   View Slide

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

   View Slide

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

   ΞΠϧϥϯυ
   ͷ

   σʔλΛࢀর͠·͢
   IUUQHTTUBUDPVOUFSDPN
   

   View Slide

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

   View Slide

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

   View Slide

9. +".QMVT
   εϚϗͷϒϥ΢βγΣΞ
   
   ೔ຊͰ͸*&͕ڧ͔ͬͨ
   ͔͠͠ɺ೥݄ʹ

   $ISPNF͕ٯస
   ࠩ͸ͲΜͲΜ։͍͍ͯΔ
   

   View Slide

10. +".QMVT
    *&ͷݱࡏͷࠃ಺γΣΞ
    
    ͔͠͠ͳ͕Βɺ͍·ͩʹγΣΞ͸
    ͔͕ͨɺ͞ΕͲ
    8FCαΠτ੍࡞8FCΞϓϦ։ൃͰ

    ࠷৽8FCٕज़ͷେ൒Λ

    αϙʔτ͍ͯ͠ͳ͍

    *&ͷαϙʔτΛܧଓ͢΂͖͔ʁ
    ˞*&͕ɺ*&Ҏલ͕
    

    View Slide

11. +".QMVT
    *&ͷαϙʔτΛܧଓ͢΂͖͔
    
    ਎΋֖΋ͳ͍͜ͱΛݴͬͯ͠·͏ͱ
    έʔεόΠέʔε
    ʜʜͳͷͰ͕͢ɺ*&Λ੾Δ͜ͱʹΑͬͯ

    ؆୯ʹ࢖͑ΔΑ͏ʹͳΔٕज़͕

    ֨ஈʹ૿͑·͢
    ޻਺࡟ݮʹܨ͕Δ৔߹΋ʂ
    

    View Slide

12. +".QMVT
    *&Λ੾Ε͹࢖͑Δ)5.-
    
    UFNQMBUFλά
    
    
    
    
    
    
    UPC_Code
    
    Product_Name
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    View Slide

13. +".QMVT
    *&Λ੾Ε͹࢖͑Δ$44
    
    $44(SJE-BZPVU ৽࢓༷
    
    main{
    
    display: grid;
    
    grid-template-columns: 100px 100px 100px;
    
    grid-template-rows: 100px 100px;
    
    gap: 6px;
    
    }
    w *&ͩͱϕϯμʔϓϨϑΟοΫεΛ͚ͭͯ͞Βʹ
    چ࢓༷΁ͷಡΈସ͕͑ඞཁ

    ˞"VUPQSJpYFSΛ௨ͤ͹ҰԠม׵͸Մೳ͕ͩ

    ɹͻͱख͔͔ؒΔˍίʔυ͕૿͑Δ
    

    View Slide

14. +".QMVT
    *&Λ੾Ε͹࢖͑Δ+BWB4DSJQU
    
    &4Ҏ߱
    w MFUDPOTU
    w Ξϩʔؔ਺
    w DMBTTߏจ
    FUDʜ
    

    View Slide

15. +".QMVT
    *&ͷαϙʔτΛܧଓ͢΂͖͔
    
    ൑அࡐྉ
    w 8FCαΠτΛӾཡ8FCΞϓϦΛ࢖༻͢Δ٬૚

    ˠݹ͍γεςϜΛ࢖͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ
    w 8FCαΠτ8FCΞϓϦͰ࢖͏ػೳ͸Կ͔

    ˠઌʹड़΂ͨػೳΛ࢖͍͍͔ͨ൱͔ʁ
    w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ

    ˠ(PPHMF"OBMZUJDT౳Ͱϒϥ΢βͷσʔλΛղੳ

    ɹεϚϗ͕ଟ͍ͳΒόοαϦ੾Δͷ΋Ұͭͷख
    

    View Slide

16. +".QMVT
    εϚϗͷϒϥ΢βγΣΞ
    
    શੈք ೥݄
    
    $ISPNF
    
    6$#SPXTFS
    
    4BGBSJ
    
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

22. +".QMVT
    04όʔδϣϯผαϙʔτ
    
    "OESPJE
    w ·Ͱͷඪ४ϒϥ΢βͩͱ
    'MFYCPY͸ϕϯμʔϓϨϑΟοΫε͕ඞཁ
    $44(SJE-BZPVU͕αϙʔτ͞Ε͍ͯͳ͍
    &4͕μϝ
    w Ҏ߱Ͱ͋Ε͹$ISPNFΛ࠷৽൛ʹ͓͚ͯ͠͹໰୊ͳ
    ͍͸ͣ
    w ͨͩ͠ɺ͸8FC7JFX͕04͔Β੾Γ཭͞Ε͍ͯͳ͍
    ͨΊͦͪΒΛ࢖͏৔߹͸ཁ஫ҙ

    ·Ͱͷαϙʔτൣғಉ༷ͱߟ͑ͯྑ͍
    
    

    View Slide

23. +".QMVT
    εϚϗͷ04όʔδϣϯผγΣΞ
    
    J04
    IUUQTEFWFMPQFSBQQMFDPNTVQQPSUBQQTUPSF
    ·Ͱɿ
    ɿ
    ɿ
    

    View Slide

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

    View Slide

25. +".QMVT
    Ͳͷόʔδϣϯ·Ͱαϙʔτ͢΂͖͔
    
    ൑அࡐྉˠ݁ہ1$ͱಉ͡
    w 8FCαΠτΛӾཡ8FCΞϓϦΛ࢖༻͢Δ٬૚

    ˠݹ͍04Λ࢖͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ
    w 8FCαΠτ8FCΞϓϦͰ࢖͏ػೳ͸Կ͔

    ˠઌʹड़΂ͨػೳΛ࢖͍͍͔ͨ൱͔ʁ
    w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ

    ˠ(PPHMF"OBMZUJDT౳Ͱ04ͷσʔλΛղੳ
    

    View Slide

26. +".QMVT
    ·ͱΊ
    
    w ϒϥ΢βͷγΣΞɺόʔδϣϯผγΣΞ͸೔ʑมԽ
    ͍ͯ͠Δ
    w ϒϥ΢βɺόʔδϣϯʹΑͬͯͲͷΑ͏ͳٕज़Λα
    ϙʔτ͍ͯ͠Δ͔ΛϦαʔν͓ͯ͘͠ඞཁ͋Γ
    w Ͳͷϒϥ΢βɺόʔδϣϯΛαϙʔτ͢Δ͔ͷ൑அ
    ΋త֬ʹ΍͍ͬͯ͘ඞཁ͕͋Δ
    w Ϣʔβʔ໨ઢͰߟ͑·͠ΐ͏
    

    View Slide

27. ऴ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
    

    View Slide