Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
もりてつ
January 15, 2020
Technology
0
630
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
2020年1月15日に行われた「Markup Meetup #2 in LINKS UMEDA」での登壇「ブラウザ対応の傾向と対策 2020」のスライドです。
もりてつ
January 15, 2020
Tweet
Share
More Decks by もりてつ
See All by もりてつ
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
190
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
140
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
110
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
140
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
690
単位をあやつる
m_n_t_p
2
610
グリッドレイアウト これまでとこれから
m_n_t_p
1
500
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
670
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
120
Other Decks in Technology
See All in Technology
今どきのLinux事情
tokida
45
36k
Design for Humans: How to make better modernization decisions
indualagarsamy
2
130
Apa itu DevOps & Kenapa perlu belajar DevOps?
dicodingevent
0
120
XRとシビックテック
satoshirobatofujimoto
0
110
開発組織の生産性を可視化する State of DevOpsとFour Keysとは / deep dive into State of DevOps
yfcgpsebp
0
310
データ分析基盤のはじめかた
chanyou0311
0
130
OpsJAWS Meetup21 システム運用アンチパターンのすすめ
yoshiiryo1
0
1.5k
DOM Invader - prototype pollution対応の衝撃 - / DOM Invader - prototype pollution
okuken
0
170
Target SDK Versionを上げない Notification runtime permission対応
napplecomputer
0
150
Power AutomateでのAdaptive Cards
miyakemito
1
650
AWS Cognito で開発環境を守る
mixi_engineers
PRO
0
110
【配布資料】複数データソースのデータを仮想化してまとめて分析してみよう(AWS、IBM Cloud)
tkhresk
0
110
Featured
See All Featured
Optimizing for Happiness
mojombo
365
63k
The Web Native Designer (August 2011)
paulrobertlloyd
74
1.9k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
127
8.5k
Designing for humans not robots
tammielis
241
23k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
19
1.4k
Documentation Writing (for coders)
carmenhchung
48
2.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
The Pragmatic Product Professional
lauravandoore
19
3k
GraphQLの誤解/rethinking-graphql
sonatard
28
6.6k
How GitHub (no longer) Works
holman
296
140k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
213
11k
Transcript
هٚؗا㵚䑴ס ⥝⺸כ㵚瓀 8FE .BSLVQ.FFUVQ 叜姧 䇖 יח
☪㍑ס⫂㳊 هٚؗاⳂ⺸ 1$ 1$榫هٚؗاס㵚䑴 هٚؗاⳂ⺸ تٌُ
تٌُهٚؗاס㵚䑴 1$تٌُ⪦鵟ס䗯㕔 ױכ״
舅䄕磆☭ ˝ 叜姧 䇖 יח ˝ 劔䌋⚡炘ءٚشغ؞ٖ٭ه وٞٓ٭ب٘٤礴䦮儖鼧 وٞرؠعꝧ氦鼧 نٞ٤عؙ٤غتًبٔٛتع
˝ ꧅嚀ْ٭٭ ̜خنعؘْؗؓ٭٭ ̜䇗僖־杯绷 ˝ 塶 ̚鶟丗 ˝ 切䄫妨؛آךؤ٤عٚفت䍧ַיױ 3 IUUQTTQBJBKQ
ע״מ לסهٚؗا䘶㲊י ظاؕ٤ꝧ氦 车זיַױ־ 4
هٚؗاⳂ⺸ 1$ 佅ע*OUFSOFU&YQMPSFSס䍚̜☪ע(PPHMF$ISPNFס䍚 5 ┩槡ס1$هٚؗابؘؓ 4UBUDPVOUFS鐧յ䇗僖 $ISPNF *& 4BGBSJ &EHF
'JSFGPY
هٚؗاⳂ⺸ 1$ 佅ע*OUFSOFU&YQMPSFSס䍚̜☪ע(PPHMF$ISPNFס䍚 6 仼儖ס1$هٚؗابؘؓ 4UBUDPVOUFS鐧յ䇗僖 $ISPNF *& 4BGBSJ &EHF
'JSFGPY 仼儖ךעױד*&ֿ Ⱏ䍚墦זיַ
هٚؗاⳂ⺸ 1$ 䇗僖仼 $ISPNJVNي٭تס&EHFٛٛ٭ت $ISPNJVN $ISPNF&EHF סם㴛ⶭ 䇗僖仼 8JOEPXTئَ٭ع磙▼ 7
1$榫هٚؗاס㵚䑴 ˝ 㓹儖氳מע$ISPNF䘶㲊י ظاؕ٤ꝧ氦יַׄף荁 ַֿ'JSFGPY4BGBSJ&EHF澬鏀 ך׀ףםֽ荁ַ ˝ *&ע☪䏲םبؘؓ⛥┖ֿ ◀䘶 Ձ☪䏲ס勅♭ךע㵚䑴┘釐כ
銧זי䄐䶹ֻםַ 8
1$榫هٚؗاס㵚䑴 *&סゖ갭憠 ˝ )5.-$44+BWB4DSJQUמֽׄ僃二䤗软ס墜؆לئَ٭ع יַםַ )5.-̜UFNQMBUF ؤ٤ط٤صط٤وٝ٭ع QJDUVSFםל
$44̜QPTJUJPOTUJDLZ $44(SJE-BZPVU 二☼喋 םל +BWB4DSJQU̜&4♓עׯ⪒巶 ˝ .JDSPTPGU*&־&EHFס燯车䫟㝢יַ IUUQTUFDIDPNNVOJUZNJDSPTPGUDPNUXJOEPXTJUQSPCMPHUIFQFSJMTPG VTJOHJOUFSOFUFYQMPSFSBTZPVSEFGBVMUCSPXTFSCBQ 9
1$榫هٚؗاס㵚䑴 *&מ㵚䑴㕙⺬סゖ갭憠 ˝ )5.-$44+BWB4DSJQUמֽׄ僃二䤗软ס墜؆לئَ٭ع יַםַ 10 ✳ֻ䤗软ֿ 㛻䆋מ⯆ 僃二䤗软ם 哧מך׀㵚
䑴ֿך׀םַ 䄄丗㘃ⱶ
1$榫هٚؗاס㵚䑴 אך*&㵚䑴걘㲘־姲״ג㕙⺬ ̜鹟䥃罈עח 11 了 *&ךꞦ鈋ך׀ؤ٤ط٤ص⯆ ⮯乢ꄋך㵚䑴
1$榫هٚؗاס㵚䑴 *&⮉ף؝٤؝٤僃二䤗软✳זי0,־ 12 ˝ אב┉㲊סبֵֿؘؓ ˝ אב斻舅ס嚀耆ֵ 辐炐Ⳃ⛼澬鏀յ☼喋澬鏀ע 䑫מ
هٚؗاⳂ⺸ تٌُ ┩槡סٓفٜؕهٚؗابؘؓ 4UBUDPVOUFS鐧յ䇗僖 13 4BGBSJ $ISPNF ┩槡氳מע $ISPNFֿ⨣ⳙ
هٚؗاⳂ⺸ تٌُ 仼儖סٓفٜؕهٚؗابؘؓ 4UBUDPVOUFS鐧յ䇗僖 14 4BGBSJ $ISPNF 仼儖ךע 4BGBSJֿ㏆⠠
تٌُ榫هٚؗاס㵚䑴 ˝ ㎁⫂⺸ׄם㓹儖氳מ$ISPNFכ4BGBSJסײ㵚䑴ףゖ갭ם ˝ هٚؗاסف٭ة٘٤04סف٭ة٘٤מ❣㰆ַ "OESPJEױךյJ04ױךע$44+BWB4DSJQUך辐炐Ⳃ⛼מ⯆ 㛡丗 גדַف٭ة٘٤עبֿؘؓ丗םסך扛釱י墜؆
לゖ갭ם ˝ J04ע䙫㛙כ☼喋䄐樟┘⪮⺬ֿ㛡ַ Ձ 㲔嚀ךס䒝⪌ם澬鏀 15 ❆ֻף׆̜
تٌُ榫هٚؗاס㵚䑴 ַ04ס㵚䑴敯媲 ˝ "OESPJE̜ױךכס8FC7JFX 'MFYCPYעي٤ر٭وٝنؔشؠتֿ䑒釐 $44(SJE-BZPVUֿꪜ㵚䑴 &4ֿꪜ㵚䑴
˝ J04̜ױךע釐嫰䙫 'MFYCPYױךעي٤ر٭وٝنؔشؠتֿ䑒釐 $44(SJE-BZPVUע־ &4ע־ 16
1$تٌُ⪦鵟ס䗯㕔 㵚䑴敯媲鐧̜$BO*VTF DBOJVTFDPN 17
1$تٌُ⪦鵟ס䗯㕔 㵚䑴敯媲鐧̜.%/⺨ꯁ泘מ㵚䑴敯媲ֿ鬼זיַױ 18
1$تٌُ⪦鵟ס䗯㕔 نؚ٤عס䣽ַ ˝ ⺱ئؕثסنؚ٤عך牊 걉מזי嘦䆋յ┕┖⛣糋յ ٭ؼ٤ءֿ樟םזי׀ױ Ձ 04מזי嘅嶖סنؚ٤ع ֿ樟םյםה釤ֻ亠 樟םסך釐嫰䙫
19 ᕟΰγοΫ ώϥΪϊ֯ΰ Roboto FUDʜ
ױכ״ ˝ 1$تٌُ㵚䑴敯媲յ䄫㕙بؘؓע仼չ㚺זיַ׀ ױ ˝ לסهٚؗاյف٭ة٘٤㵚䑴车ֹסֿ荁ַ־侇ס 孱ך㚺זיַ׀ױ ˝ ַهٚؗاע鸵䈱םذِؕ٤ءך䩰ייյ二䤗软 ✳זיⲖ曍氳מؤ٭ظؔ٤ءյꝧ氦יַ׀ױֹ
˝ 二䤗软ס㵚䑴敯媲ٛئ٭زյⳂ⛼澬鏀䑫מ 20
磙 ֵֿכַׇֹױגն