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
単位をあやつる
Search
もりてつ
July 22, 2017
Technology
2
950
単位をあやつる
2017年7月22日「CSS Talk vol.4」でのセッション「単位をあやつる」のスライドです。
もりてつ
July 22, 2017
Tweet
Share
More Decks by もりてつ
See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
m_n_t_p
0
1.1k
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
550
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
380
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
160
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
180
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.1k
グリッドレイアウト これまでとこれから
m_n_t_p
1
960
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
970
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
140
Other Decks in Technology
See All in Technology
Rubyの国のPerlMonger
anatofuz
3
730
o11yツールを乗り換えた話
tak0x00
2
490
【Λ(らむだ)】最近のアプデ情報 / RPALT20250729
lambda
0
230
Claude Codeから我々が学ぶべきこと
oikon48
10
2.8k
形式手法特論:位相空間としての並行プログラミング #kernelvm / Kernel VM Study Tokyo 18th
ytaka23
3
990
Intro to Software Startups: Spring 2025
arnabdotorg
0
170
AI時代の経営、Bet AI Vision #BetAIDay
layerx
PRO
1
1.8k
リリース2ヶ月で収益化した話
kent_code3
1
220
データモデリング通り #2オンライン勉強会 ~方法論の話をしよう~
datayokocho
0
120
Claude Codeが働くAI中心の業務システム構築の挑戦―AIエージェント中心の働き方を目指して
os1ma
9
1.6k
2025新卒研修・HTML/CSS #弁護士ドットコム
bengo4com
3
13k
Amazon Q と『音楽』-ゲーム音楽もAmazonQで作成してみた感想-
senseofunity129
0
120
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Visualization
eitanlees
146
16k
Building an army of robots
kneath
306
45k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Faster Mobile Websites
deanohume
308
31k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
880
Transcript
FN WX ୯ҐΛ ͋ͭΔ $445BML7PM Ӭฏ QY SFN
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
ࣗݾհ w Ӭฏ Γͯͭ w גࣜձࣾάϥουΩϡʔϒ ϓϩμΫτ։ൃνʔϜɹΤϯδχΞ $445BMLWPM
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
୯Ґͱ͍͑ʜ $445BMLWPM w ͞ LNNDN w ॏ͞ LHH
w ༰ྔ MNMDD ͳͲͳͲʜʜ
୯Ґͱ͍͑ʜ $445BMLWPM ·ͨɺ མͱ͢ͱཹ͠·͢ɻ ˞࣮ࡍࢲճཹ͍ͯ͠·͢
͜͜·ͰલϑϦɻ $445BMLWPM ࠓճ $44Ͱ͏୯Ґͷ Ͱ͢ɻ
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
$44Ͱ͏୯Ґ w ϐΫηϧ୯Ґ w ը໘্ͷϐΫηϧ͕QY w جຊதͷجຊ $445BMLWPM QY
$44Ͱ͏୯Ґ w ͜ΕΑ͍͘·͢ w ཁૉʹର͢Δׂ߹ $445BMLWPM
$44Ͱ͏୯Ґ w จࣈͷߴ͞ w ྫ͑GPOUTJ[FQYͳΒFNQY w ΞϧϑΝϕοτʮ.ʯจࣈͷߴ͕͞ ༝དྷ $445BMLWPM
FN
$44Ͱ͏୯Ґ w WJFXQPSUXJEUIͷུ w $44Ͱొ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ͷ
ͷΛͱͨ͠୯Ґ $445BMLWPM WX දࣔྖҬ WX
$44Ͱ͏୯Ґ w WJFXQPSUIFJHIUͷུ w $44Ͱొ w Ϗϡʔϙʔτ දࣔྖҬ ͷߴ͞ͷ
ͷΛͱͨ͠୯Ґ $445BMLWPM WI දࣔྖҬ WI
$44Ͱ͏୯Ґ w ϧʔτཁૉ IUNMཁૉ ͷϑΥϯτα ΠζΛͱͨ͠୯Ґ w $44Ͱొ $445BMLWPM
SFN
$44Ͱ͏୯Ґ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ɺߴ͞ ͷ͏ͪେ͖͍ํͷͷΛͱ͠ ͨ୯Ґ w $44Ͱొ
$445BMLWPM WNBY
$44Ͱ͏୯Ґ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ɺߴ͞ ͷ͏ͪখ͍͞ํͷͷΛͱ͠ ͨ୯Ґ w $44Ͱొ
$445BMLWPM WNJO
$44Ͱ͏୯Ґ $445BMLWPM WNBY WNJO දࣔྖҬ WNBY WNJO දࣔྖҬ WNBY
WNJO
$44Ͱ͏୯Ґ ଞʹ͍Ζ͍Ζ͋Γ·͕͢ɺ ར༻ස ଟ গͳ͍ͱࢥ͍ ·͢ͷͰׂѪ͍ͨ͠·͢ɻ $445BMLWPM
༻্ͷҙ w Ϗϡʔϙʔτ දࣔ ྖҬ ͷ෯ɺߴ͞ εΫϩʔϧόʔ ؚΈ·͢ $445BMLWPM
WX WI දࣔྖҬ WI WX
༻্ͷҙ w *&&EHFʹඇରԠ ͳ͔ͥWNJOରԠ $445BMLWPM WNBY
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
σϞ IUUQTDPEFQFOJPU@NPSJOBHBQFO7,ZXYX $445BMLWPM
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
DBMDͷొ ྫ͑ʜʜ ʮ͜ͷEJWͷ෯ཁૉͷʹ͍ͨ͠ ͚ͲɺCPSEFS͕͋ΔͷͰͦͷͷϐΫη ϧΛҾ͍ͨ෯ʹ͍ͨ͠ʯ ͱ͍͏Έ $445BMLWPM
DBMDͷొ w ҧ͏୯ҐΛՃݮআͰ͖Δ w $44Ͱొ $445BMLWPM DBMD
DBMDͷొ $445BMLWPM ઌ΄Ͳͷྫͩͱʜʜ EJW ཁૉͷ CPSEFSࠐΈ CPSEFSMFGU QY CPSEFSSJHIU
QY EJW\ XJEUIDBMD QY CPSEFSTPMJEQYHSBZ ^
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
ϨεϙϯγϒରԠ ྫ͑ w ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ࣌ $445BMLWPM " " ը໘෯QY ˣ
GPOUTJ[FQY ը໘෯QY ˣ GPOUTJ[FQY
ϨεϙϯγϒରԠ Α͘͏ํ๏ɿ$44.FEJB2VJSJFT $445BMLWPM TBNQMF\ GPOUTJ[FQY ^ !NFEJBTDSFFOBOE NBYXJEUIQY \
TBNQMF\ GPOUTJ[FQY ^ ^
ϨεϙϯγϒରԠ Α͘͏ํ๏ɿ$44.FEJB2VJSJFT $445BMLWPM TBNQMF\ GPOUTJ[FQY ^ !NFEJBTDSFFOBOE NBYXJEUIQY \
TBNQMF\ GPOUTJ[FQY ^ ^ !NFEJBTDSFFOBOE NBYXJEUIQY \ TBNQMF\ GPOUTJ[FQY ^ ^ !NFEJBTDSFFOBOE NBYXJEUIQY \ TBNQMF\ GPOUTJ[FQY ^ ^ ࡉ͔͘ࠁΈ͗͢Δͱ ίʔυ͕ΧΦεʹ
ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛͬͯॊೈʹมԽͤ͞Δ $445BMLWPM " " ը໘෯QY ˣ GPOUTJ[FQY
ը໘෯QY ˣ GPOUTJ[FQY
ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯ɿQYͷ࣌ˠQY ը໘෯ɿQYͷ࣌ˠQY ը໘෯͕ QY૿Ճ ˣ
GPOUTJ[F͕ QY૿Ճ
ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯͕ QY૿Ճ ˣ GPOUTJ[F͕ QY૿Ճ
ը໘෯͕ QY૿Ճ ˣ GPOUTJ[F͕ QY૿Ճ ը໘෯ͷ WX
ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯ɿQYͷ࣌ˠQY ը໘෯ɿQYͷ࣌ˠQY ը໘෯͕ QYͷ࣌Λܭࢉ QY
ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯͕QYͷ࣌ɺGPOUTJ[FQY ը໘෯͕QY૿Ճ͢Δ͝ͱʹ GPOUTJ[F͕QY ը໘෯ͷˠWX ૿Ճ
GPOUTJ[FDBMD QY WX
ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠ͔͠͠ຖճܭࢉ͢Δͷ໘ $445BMLWPM
ϨεϙϯγϒରԠ ͱ͍͏͜ͱͰ $445BMLWPM ࡞ͬͪΌ͍·ͨ͠
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
σϞ IUUQTDPEFQFOJPU@NPSJOBHBGVMMXRXRE9 $445BMLWPM
σϞ ࣾͰ࣌ίʔσ ΟϯάۀΛ͍ͯͨ͠ 8͘Μ Ծ໊ ʹͬͯΒͬͨͱ͜Ζ $445BMLWPM ͜Εੌ͍͡Όͳ͍Ͱ͔͢ʂ
ΊͬͪΌ͑Δ ͳ͍Ͱ͔͢ʔʂʂ ͚ͬ͜͏සൟʹ͍ͬͯ·ͨ͠ɻ
ϨεϙϯγϒରԠ ଟ͜ͷखͷܭࢉπʔϧɺهࣄ ωοτͰ୳͍ͤΖ͍Ζ͋Γ·͢ $445BMLWPM IUUQTXFCTFNBOUJDTVLUPPMTSFTQPOTJWFGPOUDBMDVMBUPS 'MVJESFTQPOTJWFGPOUDBMDVMBUPS
ࠓճͷ༰ $445BMLWPM w ͡Ίʹʜʜ w $44Ͱ͏୯Ґ w σϞ
w DBMDͷొ w ϨεϙϯγϒରԠ w σϞ w ·ͱΊ
·ͱΊ $445BMLWPM w $44Ͱ͏୯Ґ͍Ζ͍Ζ͋Γ·͢ w DBMDͰෳͷ୯ҐΛΈ߹Θͤͯܭࢉ͢Δ͜ͱ ͰϨεϙϯγϒରԠॊೈʹߦͳ͑·͢ w Ϧιʔεωοτ্ʹ͍Ζ͍Ζ͋ΔͷͰௐͯ
ษڧ͠ɺܭࢉํ๏ΛѲͯ͠୯ҐΛࣗ༝ࣗࡏʹ ૢΓ·͠ΐ͏ w Ͱ࡞ͬͨπʔϧͰͦͦ͜͜ʹཱͪ·͢
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ