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
900
単位をあやつる
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
990
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
510
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
340
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
140
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
160
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.1k
グリッドレイアウト これまでとこれから
m_n_t_p
1
880
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
920
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
140
Other Decks in Technology
See All in Technology
2/18/25: Java meets AI: Build LLM-Powered Apps with LangChain4j
edeandrea
PRO
0
130
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
230
Oracle Cloud Infrastructure:2025年2月度サービス・アップデート
oracle4engineer
PRO
1
220
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
740
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
kawamataryo
0
100
自動テストの世界に、この5年間で起きたこと
autifyhq
10
8.6k
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
200
分解して理解する Aspire
nenonaninu
1
300
Classmethod AI Talks(CATs) #16 司会進行スライド(2025.02.12) / classmethod-ai-talks-aka-cats_moderator-slides_vol16_2025-02-12
shinyaa31
0
110
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
18
6.9k
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
2k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
7.3k
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
67
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
How to Ace a Technical Interview
jacobian
276
23k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Rails Girls Zürich Keynote
gr2m
94
13k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
9
450
A Philosophy of Restraint
colly
203
16k
The Language of Interfaces
destraynor
156
24k
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 Ͱ࡞ͬͨπʔϧͰͦͦ͜͜ʹཱͪ·͢
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ