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
970
単位をあやつる
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
570
ブラウザのシェアと傾向と対策 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
980
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
980
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
140
Other Decks in Technology
See All in Technology
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
130
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
logica0419
1
410
Findy Team+のSOC2取得までの道のり
rvirus0817
0
330
AI Agentと MCP Serverで実現する iOSアプリの 自動テスト作成の効率化
spiderplus_cb
0
500
非エンジニアのあなたもできる&もうやってる!コンテキストエンジニアリング
findy_eventslides
3
910
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
2.4k
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
140
AWSにおけるTrend Vision Oneの効果について
shimak
0
130
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
270
SOC2取得の全体像
shonansurvivors
1
380
How to achieve interoperable digital identity across Asian countries
fujie
0
120
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How GitHub (no longer) Works
holman
315
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Thoughts on Productivity
jonyablonski
70
4.9k
A Tale of Four Properties
chriscoyier
160
23k
Balancing Empowerment & Direction
lara
4
680
Raft: Consensus for Rubyists
vanstee
139
7.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
It's Worth the Effort
3n
187
28k
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 Ͱ࡞ͬͨπʔϧͰͦͦ͜͜ʹཱͪ·͢
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ