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
Findy Team+のSOC2取得までの道のり
rvirus0817
0
320
バイブコーディングと継続的デプロイメント
nwiizo
2
410
多野優介
tanoyusuke
1
410
生成AIを活用したZennの取り組み事例
ryosukeigarashi
0
200
Geospatialの世界最前線を探る [2025年版]
dayjournal
3
490
BtoBプロダクト開発の深層
16bitidol
0
200
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
6
2.2k
KMP の Swift export
kokihirokawa
0
330
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
3
300
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
270
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
brainpadpr
23
16k
実装で解き明かす並行処理の歴史
zozotech
PRO
1
310
Featured
See All Featured
Balancing Empowerment & Direction
lara
4
680
Side Projects
sachag
455
43k
Become a Pro
speakerdeck
PRO
29
5.5k
Agile that works and the tools we love
rasmusluckow
331
21k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Scaling GitHub
holman
463
140k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Rails Girls Zürich Keynote
gr2m
95
14k
Bash Introduction
62gerente
615
210k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Unsuck your backbone
ammeep
671
58k
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*"͍͍͚ͲɺϚʔΫΞοϓΛݟ͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ