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
870
単位をあやつる
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
960
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
490
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
320
ブラウザのシェアと傾向と対策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
1
830
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
900
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
130
Other Decks in Technology
See All in Technology
AWS Media Services 最新サービスアップデート 2024
eijikominami
0
200
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
強いチームと開発生産性
onk
PRO
35
11k
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
29
13k
アプリエンジニアのためのGraphQL入門.pdf
spycwolf
0
100
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
600
BLADE: An Attempt to Automate Penetration Testing Using Autonomous AI Agents
bbrbbq
0
320
アジャイルでの品質の進化 Agile in Motion vol.1/20241118 Hiroyuki Sato
shift_evolve
0
180
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
130
飲食店データの分析事例とそれを支えるデータ基盤
kimujun
0
190
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
12k
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
2
230
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Designing for Performance
lara
604
68k
Teambox: Starting and Learning
jrom
133
8.8k
Rails Girls Zürich Keynote
gr2m
94
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
GitHub's CSS Performance
jonrohan
1030
460k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
How to Ace a Technical Interview
jacobian
276
23k
Optimizing for Happiness
mojombo
376
70k
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 Ͱ࡞ͬͨπʔϧͰͦͦ͜͜ʹཱͪ·͢
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ