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
890
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
950
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
480
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
310
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
140
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
150
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1k
単位をあやつる
m_n_t_p
2
860
グリッドレイアウト これまでとこれから
m_n_t_p
1
830
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
130
Other Decks in Programming
See All in Programming
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
16
4.1k
Kaigi on Rails 2024 - Rails APIモードのためのシンプルで効果的なCSRF対策 / kaigionrails-2024-csrf
corocn
5
3.4k
Content Security Policy入門 セキュリティ設定と 違反レポートのはじめ方 / Introduction to Content Security Policy Getting Started with Security Configuration and Violation Reporting
uskey512
1
440
デプロイを任されたので、教わった通りにデプロイしたら障害になった件 ~俺のやらかしを越えてゆけ~
techouse
52
32k
Go言語でターミナルフレンドリーなAIコマンド、afaを作った/fukuokago20_afa
monochromegane
2
140
gopls を改造したら開発生産性が高まった
satorunooshie
8
240
offers_20241022_imakiire.pdf
imakurusu
2
360
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
3
1.7k
Sidekiqで実現する 長時間非同期処理の中断と再開 / Pausing and Resuming Long-Running Asynchronous Jobs with Sidekiq
hypermkt
6
2.7k
Kubernetes for Data Engineers: Building Scalable, Reliable Data Pipelines
sucitw
1
200
Macとオーディオ再生 2024/11/02
yusukeito
0
210
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
930
Featured
See All Featured
Thoughts on Productivity
jonyablonski
67
4.3k
Six Lessons from altMBA
skipperchong
26
3.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Adopting Sorbet at Scale
ufuk
73
9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Building Applications with DynamoDB
mza
90
6.1k
Testing 201, or: Great Expectations
jmmastey
38
7k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
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 Ϛελʔʹ ԶͳΔʂʂ
ऴ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ