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
830
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
870
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
390
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
260
ブラウザのシェアと傾向と対策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
920
単位をあやつる
m_n_t_p
2
790
グリッドレイアウト これまでとこれから
m_n_t_p
1
700
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
130
Other Decks in Programming
See All in Programming
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
Site Reliability Engineering for GMO
pyama86
8
1k
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
820
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
0
250
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
670
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
190
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
Goのmultiple errorsについて (2024年4月版)
syumai
4
940
使ってみよう Azure AI Document Intelligence
kosmosebi
2
320
SIMD Parallel Programming with the Vector API
josepaumard
0
180
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
305
41k
Happy Clients
brianwarren
92
6.4k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
A better future with KSS
kneath
231
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Designing for Performance
lara
601
67k
Documentation Writing (for coders)
carmenintech
60
3.9k
Code Review Best Practice
trishagee
55
15k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Statistics for Hackers
jakevdp
789
220k
Done Done
chrislema
178
15k
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 Ϛελʔʹ ԶͳΔʂʂ
ऴ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ