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
div要素の正しい使い方
Search
Yuko
November 20, 2017
Technology
20
13k
div要素の正しい使い方
2017年11月17日の「まぼろしのマークアップ勉強会 #1」でお話したスライドです
#mbrs_markup_study
Yuko
November 20, 2017
Tweet
Share
More Decks by Yuko
See All by Yuko
ARCANA Meetup #24 CSS Review
yukosnoopy
2
2.8k
SVGスプライトを使いこなそう
yukosnoopy
1
920
Other Decks in Technology
See All in Technology
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
160
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1k
生成AIでセキュリティ運用を効率化する話
sakaitakeshi
0
580
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
350
落ちる 落ちるよ サーバーは落ちる
suehiromasatoshi
0
150
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
150
ZOZOマッチのアーキテクチャと技術構成
zozotech
PRO
3
1.5k
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
120
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
0
300
dbt開発 with Claude Codeのためのガードレール設計
10xinc
2
1.1k
おやつは300円まで!の最適化を模索してみた
techtekt
PRO
0
290
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
1
210
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Agile that works and the tools we love
rasmusluckow
330
21k
KATA
mclloyd
32
14k
Why Our Code Smells
bkeepers
PRO
339
57k
Optimizing for Happiness
mojombo
379
70k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
GitHub's CSS Performance
jonrohan
1032
460k
Into the Great Unknown - MozCon
thekraken
40
2k
Transcript
EJWཁૉͷਖ਼͍͍͠ํ ·΅Ζ͠ͷϚʔΫΞοϓษڧձ !ZVLPTOPPQZ
EJWཁૉΛ ͍ͬͯ·͔͢
ͪΖΜ
EJWཁૉΛਖ਼͘͠ ͍ͬͯ·͔͢
/PUF ଞͷཁૉ͕దͰͳ͍߹ɺஶऀ࠷ޙͷखஈͷཁૉͱͯ͠EJWཁૉΛݕ౼͢Δ͜ ͱΛڧ͘ਪ͢ΔɻEJWཁૉͷΘΓʹΑΓదͳཁૉΛ༻͢Δ͜ͱɺಡऀʹ ରͯ͠ΑΓྑ͍ΞΫηγϏϦςΟʔͱஶऀʹର͢ΔΑΓ༰қͳϝϯςφϯεੑʹ ͭͳ͕Δɻ ༷ͷ֬ೝ -4 EJWཁૉɺҰಛผͳҙຯΛ࣋ͨͳ͍ɻ͜ͷཁૉɺཁૉͷࢠΛද͢ɻ͜ͷཁૉ ɺDMBTTɺMBOHɺ͓Αͼ࿈ଓͨ͠ཁૉͷά ϧʔϓʹڞ௨ͷηϚϯςΟοΫεΛϚʔ
ΫΞοϓ͢ΔUJUMFଐੑͱͱʹ༻Ͱ͖ΔɻEUཁૉͱEEཁૉͷάϧʔϓΛแΉɺEM ཁૉͰ༻Ͱ͖Δɻ 8)"58(-JWJOH4UBOEBSEຊޠ༁ IUUQTNPNEPHJUIVCJPIUNMHSPVQJOHDPOUFOUIUNMUIFEJWFMFNFOU
༻্ͷҙ w EJWཁૉɺଞʹదͳηϚϯςΟοΫཁૉ BSUJDMFɺOBWͳͲ ͕ͳ͍ɹ ߹ʹݶΓ༻͍ͯͩ͘͠͞ɻ ༷ͷ֬ೝ .%/ )5.-EJWཁૉϑϩʔίϯςϯπͷͨΊͷ൚༻ίϯςφͰ͋Γɺຊ࣭తʹԿ ද͠·ͤΜɻελΠϦϯάͷͨΊͷάϧʔϓཁૉͱͯ͠
DMBTTଐੑ͔JEଐੑΛ ༻ ɺ͋Δ͍จॻͰݴޠ͕ҟͳΔ෦Λࣔ͢ MBOHଐੑΛ༻ ͨΊʹ༻͠ ·͢ɻ .%/ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC)5.-&MFNFOUEJW
ܰʑ͘͠EJWཁૉ͑ͳ͍
EJWʹ͞Ε͕ͪͳ ͔Θ͍ͦ͏ͳཁૉͨͪʜ IFBEFS GPPUFS NBJO CVUUPO OBW BTJEF TFDUJPO BSUJDMF
pHVSF
ͯ͢հ͖͠Εͳ͍ͷͰ
͚ͭͩ͝հ NBJO pHVSF IFBEFSGPPUFS
NBJO EJWJENBJO ϝΠϯίϯςϯπ EJW Α͘ݟ͔͚ΔϚʔΫΞοϓ ؒҧ͍ͬͯΔΘ͚Ͱͳ͍ NBJOཁૉͬͯͦͦקࠂ͕͔ͬͨ͠ʜ ͰͦΖͦΖʜ
NBJO NBJO ϝΠϯίϯςϯπ NBJO NBJOཁૉͬͯΈͨϚʔΫΞοϓ ͖ͬ͞ΑΓྑͦ͞͏✨ ͬͯɺNBJOཁૉͬͯ*&͕αϙʔτͯ͠ͳ͍Β͍͠ ͦͷͨΊɺ*&ͱεΫϦʔϯϦʔμʔͷҰ෦ͰΞΫηγϒϧʹͳ͍ͬͯͳ͍Έ͍ͨ
NBJO NBJOSPMFNBJO ϝΠϯίϯςϯπ NBJO ఏҊ͢ΔϚʔΫΞοϓ SPMFଐੑͰ*&ʹରԠͨ͠✨ ଞͷϒϥβͱͷࠩҟΛຒΊΔͨΊʹ$44ॻ͍ͨʢOPSNBMJ[FDTTʹؚ·Ε͍ͯΔʣ *&ͱ1$5BMLFS+"84ͷΑ͏ͳεΫϦʔϯϦʔμʔΛΈ߹ΘͤͯΞΫηγϒϧʹͳͬͨ NBJO\ EJTQMBZCMPDL
^
IFBEFSGPPUFS Α͘ݟ͔͚ΔϚʔΫΞοϓ IFBEFS άϩʔόϧϔομʔ IFBEFS NBJO ϝΠϯίϯςϯπ NBJO GPPUFS άϩʔόϧϑολʔ
GPPUFS
IFBEFSGPPUFS BSUJDMF EJWDMBTTBSUJDMF@@IFBEFS IهࣄλΠτϧI EJW هࣄຊจͱ͔খݟग़͠ͱ͔ EJWDMBTTBSUJDMF@@GPPUFS هࣄͷஶऀɺެ։ͳͲ EJW BSUJDMF
Α͘ݟΔϚʔΫΞοϓ
IFBEFSGPPUFS BSUJDMF IFBEFS IهࣄλΠτϧI IFBEFS هࣄຊจͱ͔খݟग़͠ͱ͔ GPPUFS هࣄͷஶऀɺެ։ͳͲ GPPUFS BSUJDMF
ఏҊ͢ΔϚʔΫΞοϓ
pHVSF pHVSF JNHTSDlJNHTBNQMFQOHzBMUlTBNQMFJNBHFz pHDBQUJPOαϯϓϧը૾pHDBQUJPO pHVSF Α͘ݟΔ࣮ྫ ը૾ʹ͍͚ͬͯͨͩͯΔ ը૾Ҏ֎ʹpHVSFཁૉ͔ͭ͑Δͱ͜Ζ͋Δͷ͔ͳʁ
pHVSF EJWDMBTTZPVUVCF ຒΊࠐΈಈը EJW Α͘ݟΔϚʔΫΞοϓ EJWDMBTTNBQ ຒΊࠐΈਤ EJW ಈըਤࣗݾ݁ܕͷίϯςϯπͩʂ
pHVSF pHVSF ຒΊࠐΈಈը pHDBQUJPO DJUFಈըλΠτϧDJUF pHDBQUJPO pHVSF ఏҊ͢ΔϚʔΫΞοϓ pHVSF ຒΊࠐΈਤ
pHVSF
ηϚϯςΟοΫʹ͢ΔͨΊʹ ϚʔΫΞοϓଞਓ͔Βࢦఠ͞Εʹ͍ͨ͘Ίɺҙࣝ͠ͳ͍ͱ্ୡ͠ͳ͍ɻ ࢲ͕͍ͯ͠Δ͜ͱओʹͭ w ͍͢͝ͱݴΘΕΔਓͷιʔεΛΑ͘ΈΔ w ؾʹͳΔͱ͜Ζ༷ॻΛಡΉʢϗϯτશ෦ಡΉͱ͍͍ʣ 8"*"3*"͍͍͚ͲɺϚʔΫΞοϓΛݟ͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ