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
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
1
570
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
「使い方教えて」「事例教えて」じゃもう遅い! Microsoft 365 Copilot を触り倒そう!
taichinakamura
0
390
CoRL 2025 Survey
harukiabe
1
200
BI ツールはもういらない?Amazon RedShift & MCP Server で試みる新しいデータ分析アプローチ
cdataj
0
160
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
290
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.8k
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
140
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
720
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.4k
"プロポーザルってなんか怖そう"という境界を超えてみた@TSUDOI by giftee Tech #1
shilo113
0
200
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに? 私とRubyを繋いだRail(s)
joyfrommasara
0
270
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Site-Speed That Sticks
csswizardry
12
900
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Producing Creativity
orderedlist
PRO
347
40k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
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*"͍͍͚ͲɺϚʔΫΞοϓΛݟ͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ