Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ブラウザのシェアと傾向と対策2018
Search
もりてつ
October 16, 2018
Technology
0
160
ブラウザのシェアと傾向と対策2018
2018/10/16「JAM plus #3」でのセッション「ブラウザのシェアと傾向と対策 2018」のスライドです。
もりてつ
October 16, 2018
Tweet
Share
More Decks by もりてつ
See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
m_n_t_p
0
1.1k
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
560
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
380
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
180
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.1k
単位をあやつる
m_n_t_p
2
960
グリッドレイアウト これまでとこれから
m_n_t_p
1
970
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
970
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
140
Other Decks in Technology
See All in Technology
JavaScript 研修
recruitengineers
PRO
5
1.2k
ここ一年のCCoEとしてのAWSコスト最適化を振り返る / CCoE AWS Cost Optimization devio2025
masahirokawahara
1
310
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
540
Product Management Conference -AI時代に進化するPdM-
kojima111
0
260
スプリントレトロスペクティブはチーム観察の宝庫? 〜チームの衝突レベルに合わせたアプローチ仮説!〜
electricsatie
1
130
認知戦の理解と、市民としての対抗策
hogehuga
0
410
実践AIガバナンス
asei
3
210
シークレット管理だけじゃない!HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
nnstt1
2
120
【Grafana Meetup Japan #6】Grafanaをリバプロ配下で動かすときにやること ~ Grafana Liveってなんだ ~
yoshitake945
0
160
AWS環境のリソース調査を Claude Code で効率化 / aws investigate with cc devio2025
masahirokawahara
2
210
知られざるprops命名の慣習 アクション編
uhyo
11
2.8k
浸透しなさいRFC 5322&7208
hinono
0
130
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Git: the NoSQL Database
bkeepers
PRO
431
65k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Become a Pro
speakerdeck
PRO
29
5.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Building an army of robots
kneath
306
46k
The Cult of Friendly URLs
andyhume
79
6.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
ϒϥβͷγΣΞͱͱରࡦ Ӭฏ Γͯͭ +".QMVT
+".QMVT ࠓճͷ༰ w ͡Ίʹ w ϒϥβγΣΞ 1$ฤ w
*&ͷݱࡏͷγΣΞͱαϙʔτঢ়گ w 1$ͷϒϥβରԠΛͲ͏͖͔͢ w ϒϥβγΣΞ εϚϗฤ w "OESPJEͱJ04ɺͦΕͧΕͷόʔδϣϯผγΣΞ w εϚϗͷϒϥβରԠΛͲ͏͖͔͢ w ·ͱΊ
+".QMVT ࣗݾհ ˒ Γͯͭ Ӭฏ ˒ גࣜձࣾάϥουΩϡʔϒ ϓϩμΫτ։ൃνʔϜΤϯδχΞ
˒ ిػϝʔΧʔ ˠιϑτΣΞϝʔΧʔ ˠ݄͔Βݱ৬ ˒ ྸɿࡀ ˒ झຯɿίϯτϥόεɺύζϧɺήʔϜ ˒ ͖ͳͷɿϥʔϝϯɺᰤࢠɺ'MFYCPY ˒ 5XJUUFSɿ!N@O@U@Q
+".QMVT ͡Ίʹ ϒϥβԿΛ ͍ͬͯ·͔͢ʁ
+".QMVT ϒϥβͷγΣΞ ੲ*&ׂ͕ΛΊ͍ͯͨ࣌͋ͬͨ ʜʜࠓͲ͏ͳͷ͔ʁ ʁ
+".QMVT ϒϥβͷγΣΞ ༷ʑͳௐࠪػ͕ؔσʔλΛൃද͍ͯ͠Δ ࠓճ4UBU$PVOUFS ΞΠϧϥϯυ ͷ σʔλΛࢀর͠·͢ IUUQHTTUBUDPVOUFSDPN
+".QMVT 1$ͷϒϥβγΣΞ શੈք ݄ $ISPNF 'JSFGPY *&
4BGBSJ
+".QMVT 1$ͷϒϥβγΣΞ ຊ ݄ $ISPNF 'JSFGPY *&
4BGBSJ
+".QMVT εϚϗͷϒϥβγΣΞ ຊͰ*&͕ڧ͔ͬͨ ͔͠͠ɺ݄ʹ $ISPNF͕ٯస ࠩͲΜͲΜ։͍͍ͯΔ
+".QMVT *&ͷݱࡏͷࠃγΣΞ ͔͠͠ͳ͕Βɺ͍·ͩʹγΣΞ ͔͕ͨɺ͞ΕͲ 8FCαΠτ੍࡞8FCΞϓϦ։ൃͰ ࠷৽8FCٕज़ͷେΛ αϙʔτ͍ͯ͠ͳ͍ *&ͷαϙʔτΛܧଓ͖͔͢ʁ ˞*&͕ɺ*&Ҏલ͕
+".QMVT *&ͷαϙʔτΛܧଓ͖͔͢ ֖ͳ͍͜ͱΛݴͬͯ͠·͏ͱ έʔεόΠέʔε ʜʜͳͷͰ͕͢ɺ*&ΛΔ͜ͱʹΑͬͯ ؆୯ʹ͑ΔΑ͏ʹͳΔٕज़͕ ֨ஈʹ૿͑·͢ ݮʹܨ͕Δ߹ʂ
+".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>
+".QMVT *&ΛΕ͑Δ$44 $44(SJE-BZPVU ৽༷ main{ display: grid; grid-template-columns: 100px
100px 100px; grid-template-rows: 100px 100px; gap: 6px; } w *&ͩͱϕϯμʔϓϨϑΟοΫεΛ͚ͭͯ͞Βʹ چ༷ͷಡΈସ͕͑ඞཁ ˞"VUPQSJpYFSΛ௨ͤҰԠมՄೳ͕ͩ ɹͻͱख͔͔ؒΔˍίʔυ͕૿͑Δ
+".QMVT *&ΛΕ͑Δ+BWB4DSJQU &4Ҏ߱ w MFUDPOTU w Ξϩʔؔ w DMBTTߏจ
FUDʜ
+".QMVT *&ͷαϙʔτΛܧଓ͖͔͢ அࡐྉ w 8FCαΠτΛӾཡ8FCΞϓϦΛ༻͢Δ٬ ˠݹ͍γεςϜΛ͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ w 8FCαΠτ8FCΞϓϦͰ͏ػೳԿ͔ ˠઌʹड़ͨػೳΛ͍͍͔ͨ൱͔ʁ
w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ ˠ(PPHMF"OBMZUJDTͰϒϥβͷσʔλΛղੳ ɹεϚϗ͕ଟ͍ͳΒόοαϦΔͷҰͭͷख
+".QMVT εϚϗͷϒϥβγΣΞ શੈք ݄ $ISPNF 6$#SPXTFS 4BGBSJ
+".QMVT εϚϗͷϒϥβγΣΞ ຊ ݄ 4BGBSJ $ISPNF
+".QMVT εϚϗͷϒϥβγΣΞ w ࠃʹΑͬͯେ͖͕͘มΘΔ w ઌਐࠃ4BGBSJ͕ɺ৽ڵࠃ$ISPNF͕ڧ͍ w ͨͩ͠ɺຊ΄Ͳ4BGBSJ͕ڧ͍ࠃଞʹͳ͍
w ٯʹΠϯυͰ4BGBSJͷγΣΞ
+".QMVT εϚϗͷϒϥβαϙʔτ ߟ͑ํ $ISPNFͱ4BGBSJ͚ͩͰߟ͑ΔͳΒ ϒϥβผΑΓ 04ͷόʔδϣϯผͰ ߟ͍͑ͯ͘΄͏͕ྑ͍
+".QMVT εϚϗͷ04όʔδϣϯผγΣΞ "OESPJE IUUQTEFWFMPQFSBOESPJEDPNBCPVUEBTICPBSET ·Ͱɿ ɿ Ҏ߱ɿ ݄·Ͱͷؒ
+".QMVT 04όʔδϣϯผαϙʔτ "OESPJE w ·Ͱ9Ҏ߱ͷஈ֊Ͱϒϥβͷ ͕มΘ͖͍ͬͯͯΔ w ·Ͱͷʮ"OESPJEඪ४ϒϥβʯ͕Ͱഇ ࢭɺ$ISPNF͕σϑΥϧτʹ
w Ͱ8FC7JFXίϯϙʔωϯτ͕04͔ΒΓ ͞ΕΔ
+".QMVT 04όʔδϣϯผαϙʔτ "OESPJE w ·Ͱͷඪ४ϒϥβͩͱ 'MFYCPYϕϯμʔϓϨϑΟοΫε͕ඞཁ $44(SJE-BZPVU͕αϙʔτ͞Ε͍ͯͳ͍
&4͕μϝ w Ҏ߱Ͱ͋Ε$ISPNFΛ࠷৽൛ʹ͓͚ͯ͠ͳ ͍ͣ w ͨͩ͠ɺ8FC7JFX͕04͔ΒΓ͞Ε͍ͯͳ͍ ͨΊͦͪΒΛ͏߹ཁҙ ·Ͱͷαϙʔτൣғಉ༷ͱߟ͑ͯྑ͍
+".QMVT εϚϗͷ04όʔδϣϯผγΣΞ J04 IUUQTEFWFMPQFSBQQMFDPNTVQQPSUBQQTUPSF ·Ͱɿ ɿ ɿ
+".QMVT 04όʔδϣϯผαϙʔτ J04 w 'MFYCPYɿ·ͰϕϯμʔϓϨϑΟοΫεඞ ཁɺҎ߱ͳ͠ w $44(SJE-BZPVUɿ·Ͱର֎ͳͷͰҙ w
&4ɿҎ߱Ͱαϙʔτ
+".QMVT Ͳͷόʔδϣϯ·Ͱαϙʔτ͖͔͢ அࡐྉˠ݁ہ1$ͱಉ͡ w 8FCαΠτΛӾཡ8FCΞϓϦΛ༻͢Δ٬ ˠݹ͍04Λ͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ w 8FCαΠτ8FCΞϓϦͰ͏ػೳԿ͔ ˠઌʹड़ͨػೳΛ͍͍͔ͨ൱͔ʁ
w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ ˠ(PPHMF"OBMZUJDTͰ04ͷσʔλΛղੳ
+".QMVT ·ͱΊ w ϒϥβͷγΣΞɺόʔδϣϯผγΣΞʑมԽ ͍ͯ͠Δ w ϒϥβɺόʔδϣϯʹΑͬͯͲͷΑ͏ͳٕज़Λα ϙʔτ͍ͯ͠Δ͔ΛϦαʔν͓ͯ͘͠ඞཁ͋Γ w
ͲͷϒϥβɺόʔδϣϯΛαϙʔτ͢Δ͔ͷஅ త֬ʹ͍ͬͯ͘ඞཁ͕͋Δ w ϢʔβʔઢͰߟ͑·͠ΐ͏
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ