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

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

もりてつ
November 24, 2018

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

2018/11/24「FRONTEND CONFERENCE 2018」アンカンファレンスでのセッション「ブラウザのシェアと傾向と対策 2018改」のスライドです。

もりてつ

November 24, 2018
Tweet

More Decks by もりてつ

Other Decks in Technology

Transcript

  1. '30/5&/%$0/'&3&/$& ࠓճͷ಺༰  w ͸͡Ίʹ w ϒϥ΢βγΣΞ 1$ฤ  w

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

    ˒ ๭ిػϝʔΧʔ
 ˠιϑτ΢ΣΞϝʔΧʔ
 ˠ೥݄͔Βݱ৬ ˒ ೥ྸɿ໌ޙ೔Ͱࡀ ˒ झຯɿίϯτϥόεɺύζϧɺήʔϜ ˒ ޷͖ͳ΋ͷɿϥʔϝϯɺᰤࢠɺ'MFYCPY ˒ 5XJUUFSɿ!N@O@U@Q
  3. '30/5&/%$0/'&3&/$& *&Λ੾Ε͹࢖͑Δ)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>
  4. '30/5&/%$0/'&3&/$& *&Λ੾Ε͹࢖͑Δ$44  $44(SJE-BZPVU ৽࢓༷ main{ display: grid; grid-template-columns: 100px

    100px 100px; grid-template-rows: 100px 100px; gap: 6px; } w *&ͩͱϕϯμʔϓϨϑΟοΫεΛ͚ͭͯ͞Βʹ چ࢓༷΁ͷಡΈସ͕͑ඞཁ
 ˞"VUPQSJpYFSΛ௨ͤ͹ҰԠม׵͸Մೳ͕ͩ
 ɹͻͱख͔͔ؒΔˍίʔυ͕૿͑Δ
  5. '30/5&/%$0/'&3&/$& 04όʔδϣϯผαϙʔτ  "OESPJE w ·Ͱͷඪ४ϒϥ΢βͩͱ  'MFYCPY͸ϕϯμʔϓϨϑΟοΫε͕ඞཁ  $44(SJE-BZPVU͕αϙʔτ͞Ε͍ͯͳ͍

     &4͕μϝ w Ҏ߱Ͱ͋Ε͹$ISPNFΛ࠷৽൛ʹ͓͚ͯ͠͹໰୊ͳ ͍͸ͣ w ͨͩ͠ɺ͸8FC7JFX͕04͔Β੾Γ཭͞Ε͍ͯͳ͍ ͨΊͦͪΒΛ࢖͏৔߹͸ཁ஫ҙ
 ·Ͱͷαϙʔτൣғಉ༷ͱߟ͑ͯྑ͍
  6. '30/5&/%$0/'&3&/$& ·ͱΊ  w ϒϥ΢βͷγΣΞɺόʔδϣϯผγΣΞ͸೔ʑมԽ ͍ͯ͠Δ w ϒϥ΢βɺόʔδϣϯʹΑͬͯͲͷΑ͏ͳٕज़Λα ϙʔτ͍ͯ͠Δ͔ΛϦαʔν͓ͯ͘͠ඞཁ͋Γ w

    Ͳͷϒϥ΢βɺόʔδϣϯΛαϙʔτ͢Δ͔ͷ൑அ ΋త֬ʹ΍͍ͬͯ͘ඞཁ͕͋Δ w Ϣʔβʔ໨ઢͰߟ͑·͠ΐ͏ w *&ͷαϙʔτ͸ͦΖͦΖࢭΊ·͠ΐ͏
 ʜʜͱ͍͏͔ࢭΊ͍ͨ