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
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
Search
もりてつ
January 28, 2017
Programming
1
860
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
2017年1月28日「CSS Talk vol.2」でのセッション「IE9を斬ってFlexboxを使い始めたらサクサク捗った件」のスライドです。
もりてつ
January 28, 2017
Tweet
Share
More Decks by もりてつ
See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
m_n_t_p
0
910
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
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
130
Other Decks in Programming
See All in Programming
英語
s_shimotori
1
220
Advanced App Shrinking Techniques
cbeyls
2
150
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
370
Introduction to GitOps
hwchiu
0
110
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
20240706_CDKConf
takuyay0ne
0
1.2k
CSC307 Lecture 09
javiergs
PRO
1
500
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Rails Girls Zürich Keynote
gr2m
93
13k
Gamification - CAS2011
davidbonilla
78
4.9k
Debugging Ruby Performance
tmm1
71
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Unsuck your backbone
ammeep
666
57k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Web Components: a chance to create the future
zenorocha
307
41k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Navigating Team Friction
lara
181
13k
The Cult of Friendly URLs
andyhume
75
5.9k
Transcript
*&Λͬͯ'MFYCPYΛ͍࢝ΊͨΒ αΫαΫḿͬͨ݅ ݄ Ӭฏ $445BMLWPM
༰ ࣗݾհ 'MFYCPYͱ ࡢࠓͷϒϥβࣄ *&Δ͔ʁ Ͱɺ*&ΛͬͨΒͲ͏ͳ͔ͬͨ
࣮ྫ ߟ ·ͱΊ
ࣗݾհ w Ӭฏ Γͯͭ w גࣜձࣾάϥουΩϡʔϒ ϓϩμΫτ։ൃνʔϜΤϯδχΞ ˞ओʹϑϩϯτΤϯυΛ୲ w
ҎલిػϝʔΧʔͰιϑτΣΞ։ൃ w ྸɿࡀ w ͱ͖Ͳ͖ίϯτϥόε͍ͨΓήʔϜͨ͠Γ
'MFYCPYͱ
'MFYCPYͱ w ਖ਼໊ࣜশɿ$44'MFYJCMF#PY-BZPVU.PEVMF 8$%SBGUɿIUUQTXXXXPSH53DTTqFYCPY w ཁૉ qFYDPOUBJOFS ͱࢠཁૉ qFYJUFN Ͱߏ
qFYDPOUBJOFS qFYJUFN qFYJUFN qFYJUFN
'MFYCPYͱ Ͱ͖Δ͜ͱ wཁૉͷαΠζ͕มԽͨ࣌͠ͷࢠཁૉͷஔ wࢠཁૉͷߴ͕͞ҧ͏࣌ͷ্ἧ͑தԝἧ͑Լἧ͑ wࢠཁૉͷॱ൪ೖΕସ͑ɺαΠζௐ wFUDʜ ϨΠΞτ͕ॊೈʹ qFYJCMF ߦ͑Δ̇
'MFYCPYͱ ରԠϒϥβ ʊਓਓਓਓਓਓʊ ʼɹ*&ඇରԠɹʻ ʉ:?:?:?:?:ʉ
*&ʜྀ͖͔͢൱͔ʁ
ࡢࠓͷϒϥβࣄ
ࡢࠓͷϒϥβࣄ ͜ͷͱ͜Ζ1$༻ϒϥβͷ γΣΞ$ISPNFڧ ݄ͷੈքγΣΞ $ISPNFɿ 'JSFGPYɿ *&ɿ 4BGBSJɿ &EHFɿ ˞σʔλࢀরɿIUUQHTTUBUDPVOUFSDPN
ࡢࠓͷϒϥβࣄ ͜ͷͱ͜Ζ1$༻ϒϥβͷ γΣΞ$ISPNFڧ ݄ͷੈքγΣΞ $ISPNFɿ 'JSFGPYɿ *&ɿ 4BGBSJɿ &EHFɿ *&Ҏ֎Ͱׂ͑
*&΄ͱΜͲ͕ *& ࣮࣭ ʹαϙʔτऴྃ ͏'MFYCPYΛ ී௨ʹ͍͍ͬͯΑͶʁ
ࡢࠓͷϒϥβࣄ ͏'MFYCPYΛ ී௨ʹ͍͍ͬͯΑͶʁ ͔͠͠ʜʜ ΞΫηεղੳ͢Δͱ *&Ұఆͷׂ߹͋Γ ۀͰͷαΠτ࡞ ͜Ε·Ͱ*&αϙʔτରͩͬͨ
͋͞Ͳ͏͢Δʁ
*&Δ͔ʁ
͏Ұ͜ͷεϥΠυΛ ͜ͷͱ͜Ζ1$༻ϒϥβͷ γΣΞ$ISPNFڧ ݄ͷੈքγΣΞ $ISPNFɿ 'JSFGPYɿ *&ɿ 4BGBSJɿ &EHFɿ *&Ҏ֎Ͱׂ͑
*&΄ͱΜͲ͕ *& ࣮࣭ ʹαϙʔτऴྃ ͏'MFYCPYΛ ී௨ʹ͍͍ͬͯΑͶʁ
͏'MFYCPYΛ ී௨ʹ͍͍ͬͯΑͶʁ
ͱ͍͏͔
'MFYCPYΛ͍͍ͨὑ
ͱ͍͏͜ͱͰ *&Λαϙʔτ֎ʹ͍͍͔ͯ͠ ଧͯ͠Έ·ͨ͠
͢ΜͳΓ0,
None
Ͱɺ*&ΛͬͨΒͲ͏ͳ͔ͬͨ
ΊͬͪΌḿͬͨʂ ƅ˲ƅ
*&ΛͬͨΒḿͬͨ qPBU Ґஔἧ͑ ෯ɺߴ͞ NBSHJO QBEEJOH 'MFYCPYͰ ؆୯ʹͳΔέʔεଟ ͜Ε·ͰΜͰ͖ͨ ॖʂ
࣮ྫ
έʔε άϩʔόϧφϏ EJW VM MJBISFGlIPHFϝχϡʔBMJ ɹɹɹɹɿ MJBISFGGVHBϝχϡʔBMJ VM EJW ϝχϡʔɹϝχϡʔɹϝχϡʔɹϝχϡʔɹϝχϡʔ
έʔεɿάϩʔόϧφϏ EJW VM MJBISFGlIPHFϝχϡʔBMJ ɹɹɹɹɿ MJBISFGGVHBϝχϡʔBMJ VM EJW ैདྷͩͱ ཁૉͷXJEUIΛઃఆ
ࢠཁૉ MJ ʹEJTQMBZJOMJOFCMPDL ࢠཁૉͷ෯ɺNBSHJOQBEEJOHʜ 'MFYCPYͩͱ ཁૉʹEJTQMBZqFY ཁૉʹKVTUJGZDPOUFOUࢦఆ ཁૉͷXJEUIΛઃఆ ࢠཁૉ໘ͳઃఆඞཁͳ͠ʂ ϝχϡʔɹϝχϡʔɹϝχϡʔɹϝχϡʔɹϝχϡʔ
έʔε தԝἧ͑ ཁૉͷྖҬͷ தԝʹࢠཁૉΛ ஔ͍ͨ͠
έʔεɿதԝἧ͑ ࢠཁૉ͕ϒϩοΫཁૉͩͱʜʜ ཁૉ QPTJUJPOSFMBUJWF ࢠཁૉ QPTJUJPOBCTPMVUF MFGU SJHIU UPQ CPUUPN
NBSHJOBVUP
έʔεɿதԝἧ͑ 'MFYCPYΛ͏ͱʜʜ ཁૉ EJTQMBZqFY KVTUJGZDPOUFOUDFOUFS BMJHOJUFNTDFOUFS ࢠཁૉ໘ͳࢦఆෆཁʂ
έʔε ΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ
έʔεɿΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ ཁૉ ࢠཁૉ ࠨ ࢠཁૉ
ӈ
έʔεɿΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ ཁૉ EJTQMBZqFY ࢠཁૉ ࠨ
ͷҐஔ KVTUJGZDPOUFOU BMJHODPOUFOU Λ্͑Լࠨӈࣗ༝ࣗࡏ ࢠཁૉ ࠨ Λғ͏EJWʹEJTQMBZqFY
έʔεɿΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ εϚϗͰࢠཁૉͭΛॎฒͼʹ͍ͨ͠ ཁૉ !NFEJBTDSFFOBOE NBYXJEUIQY
\ EJWQBSFOU\ qFYEJSFDUJPODPMVNO ^ ^
έʔεɿΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ
ΕΓΔΕΖΘɾɾɾΛ Ͱɺॱ൪Λٯʹ͍ͨ͠߹ʁ 1$ εϚϗ
έʔεɿΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ
ΕΓΔΕΖΘɾɾɾΛ 1$ εϚϗ ཁૉ !NFEJBTDSFFOBOE NBYXJEUIQY \ EJWQBSFOU\ qFYEJSFDUJPODPMVNOSFWFSTF ^ ^
ʊਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹͪΐͬͱͬͨ͋ͬʂʂɹʻ ʉ:?:?:?:?:?:?:?:?:?:ʉ
έʔεɿΧϥϜ ͍͋͏͓͔͖͚͑͘͜ ͤͦͨͪͭͯ͢͞͠ͱ ͳʹ͵Ͷͷͻ;΄ ·ΈΉΊɾΏɾΑ ΕΓΔΕΖΘɾɾɾΛ ࠓͷੈͷதϞόΠϧϑΝʔετ ϞόΠϧͷ࣌Λجຊʹ$44ΛΉ 1$ͷ࣌ʹཁૉʹ !NFEJBTDSFFOBOE
NJOXJEUIQY \ EJWQBSFOU\ EJTQMBZqFY ^ ^ ͱ͢Δํ͕͍͍ͷͰʁ
ݸਓతݟղ !NFEJBTDSFFOBOE NBYXJEUIQY !NFEJBTDSFFOBOE NJOXJEUIQY ͲͪΒਖ਼ղɻ Ҋ݅ʹΑ͍͚ͬͯ·͠ΐ͏ ˞ͨͩɺࠓޙNJOXJEUIΛ͏ํ͕ओྲྀʹͳΓͦ͏
ࠓճհ͢Δ࣮ྫҎ্Ͱ͢ɻ
None
ଞͷϓϩύςΟ qFYHSPX qFYCBTJTͳͲ ʜʁ
ࠓճͷҊ݅Ͱ ͜͜·Ͱڍ͛ͨέʔεͰ ΄΅ํ͕͍ͭͨͷͰ ଞͷϓϩύςΟ͍ͬͯ·ͤΜ
ࠓճͷҊ݅Ͱ ͜͜·Ͱͷ࣮ྫ 'MFYCPYͷػೳͷ͘͝Ұ෦ ͔͜͠͠Ε͚ͩͰ ίʔσΟϯά͔ͳΓָʹͳΓ·ͨ͠
ߟ
'MFYCPYΛͬͨ݁Ռ ίʔυྔ ͔֬ʹݮͰ͖ͨ
͔͠͠ল ·ͩ·ͩ ͍͜ͳ͍ͤͯͳ͍ ϑϨʔϜϫʔΫ ϥΠϒϥϦͱͷ૬ੑ
'MFYCPYͷࠓޙʁ ˒ ʹ*&͕ ࣮࣭ αϙʔτऴྃͳ ͷͰͦΕҎ߱Ұؾʹ·ΔՄೳੑେ ˒ $44(SJE-BZPVU͕ීٴ͖ͯͨ͠Β Ͳ͏ͳΔʁ ڞଘʁ
फڭઓ૪ʁ
'MFYCPY༻্ͷҙ ϒϥβʹΑͬͯόά͋Γ ಛʹ*& ·ͱΊϖʔδʮ'MFYCVHTʯ IUUQTHJUIVCDPNQIJMJQXBMUPOqFYCVHT
ิ *&͕େਓͷࣄͰࣺͯΒΕͳ͍߹ w qFYJCJMJUZKTΛ͏ Ұ෦ػೳ༻ෆՄ w ͖͋ΒΊͯ'MFYCPYҎ֎ͷํ๏ͰؤுΔ
·ͱΊ
'MFYCPY ͍͍ͧ
ͦͯ͠͏Ұݴ
'MFYCPY Ϛελʔʹ ԶͳΔʂʂ
ऴ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ