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
910
Other Decks in Technology
See All in Technology
SDN の Hype Cycle を一通り経験してみて思うこと / Going through the Hype Cycle of SDN
mshindo
1
120
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
AI前提のサービス運用ってなんだろう?
ryuichi1208
8
1.4k
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
SREが投資するAIOps ~ペアーズにおけるLLM for Developerへの取り組み~
takumiogawa
2
470
個人でもIAM Identity Centerを使おう!(アクセス管理編)
ryder472
4
240
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.7k
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
『Firebase Dynamic Links終了に備える』 FlutterアプリでのAdjust導入とDeeplink最適化
techiro
0
160
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
190
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
1
120
Featured
See All Featured
Building Your Own Lightsaber
phodgson
103
6.1k
Adopting Sorbet at Scale
ufuk
73
9.1k
For a Future-Friendly Web
brad_frost
175
9.4k
The Cult of Friendly URLs
andyhume
78
6k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
Site-Speed That Sticks
csswizardry
0
33
Being A Developer After 40
akosma
87
590k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
A Tale of Four Properties
chriscoyier
156
23k
We Have a Design System, Now What?
morganepeng
50
7.2k
Side Projects
sachag
452
42k
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*"͍͍͚ͲɺϚʔΫΞοϓΛݟ͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ