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
140
ブラウザのシェアと傾向と対策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
960
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
490
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
320
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
150
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1k
単位をあやつる
m_n_t_p
2
870
グリッドレイアウト これまでとこれから
m_n_t_p
1
830
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
900
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
130
Other Decks in Technology
See All in Technology
SSMRunbook作成の勘所_20241120
koichiotomo
3
160
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
130
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
Application Development WG Intro at AppDeveloperCon
salaboy
0
200
AI前提のサービス運用ってなんだろう?
ryuichi1208
8
1.4k
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
『Firebase Dynamic Links終了に備える』 FlutterアプリでのAdjust導入とDeeplink最適化
techiro
0
150
BLADE: An Attempt to Automate Penetration Testing Using Autonomous AI Agents
bbrbbq
0
320
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
760
Introduction to Works of ML Engineer in LY Corporation
lycorp_recruit_jp
0
140
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
180
FlutterアプリにおけるSLI/SLOを用いたユーザー体験の可視化と計測基盤構築
ostk0069
0
110
Featured
See All Featured
KATA
mclloyd
29
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Visualization
eitanlees
145
15k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Designing the Hi-DPI Web
ddemaree
280
34k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Optimizing for Happiness
mojombo
376
70k
Building Adaptive Systems
keathley
38
2.3k
The Invisible Side of Design
smashingmag
298
50k
Done Done
chrislema
181
16k
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 ϢʔβʔઢͰߟ͑·͠ΐ͏
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ