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
JNation 2025 - Quarkus for Spring Developers
edeandrea
PRO
0
100
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
2
1.2k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
17k
AIのための オンボーディングドキュメントを整備する - hirotea
hirotea
9
2.3k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
8
65k
Azure Developer CLI と Azure Deployment Environment / Azure Developer CLI and Azure Deployment Environment
nnstt1
1
120
Eight Engineering Unit 紹介資料
sansan33
PRO
0
3.2k
データ戦略部門 紹介資料
sansan33
PRO
1
3.1k
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.2k
CSS polyfill とその未来
ken7253
0
140
Cloud Run を解剖して コンテナ監視を考える / Breaking Down Cloud Run to Rethink Container Monitoring
aoto
PRO
0
110
面接を通過するためにやってて良かったこと3選
sansantech
PRO
0
120
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.4k
GraphQLとの向き合い方2022年版
quramy
46
14k
Facilitating Awesome Meetings
lara
54
6.4k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
A designer walks into a library…
pauljervisheath
205
24k
Done Done
chrislema
184
16k
Side Projects
sachag
454
42k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Unsuck your backbone
ammeep
671
58k
Typedesign – Prime Four
hannesfritz
41
2.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
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*"͍͍͚ͲɺϚʔΫΞοϓΛݟ͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ