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
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
Search
もりてつ
January 15, 2020
Technology
0
910
ブラウザ対応の傾向と対策 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
440
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
290
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
130
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
150
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
960
単位をあやつる
m_n_t_p
2
830
グリッドレイアウト これまでとこれから
m_n_t_p
1
770
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
860
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
130
Other Decks in Technology
See All in Technology
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
960
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
280
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
160
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
640
Featured
See All Featured
Six Lessons from altMBA
skipperchong
24
3.2k
How to name files
jennybc
67
96k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Embracing the Ebb and Flow
colly
81
4.3k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
The Language of Interfaces
destraynor
151
23k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Side Projects
sachag
451
42k
Why Our Code Smells
bkeepers
PRO
332
56k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
Ruby is Unlike a Banana
tanoku
96
10k
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
磙 ֵֿכַׇֹױגն