Upgrade to Pro — share decks privately, control downloads, hide ads and more …

div要素の正しい使い方

Avatar for Yuko Yuko
November 20, 2017
Technology
20
13k

 div要素の正しい使い方

2017年11月17日の「まぼろしのマークアップ勉強会 #1」でお話したスライドです
#mbrs_markup_study

Avatar for Yuko

Yuko

November 20, 2017
Tweet

More Decks by Yuko

See All by Yuko
ARCANA Meetup #24 CSS Review
Avatar for Yuko yukosnoopy
2
2.8k
SVGスプライトを使いこなそう
Avatar for Yuko yukosnoopy
1
920

Other Decks in Technology

See All in Technology
2025年 山梨の技術コミュニティを振り返る
Avatar for しみず ゆうき yuukis
0
150
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
戰略轉變：從建構 AI 代理人到發展可擴展的技能生態系統
Avatar for Bo-Yi Wu appleboy
0
180
産業的変化も組織的変化も乗り越えられるチームへの成長 〜チームの変化から見出す明るい未来〜
Avatar for KAKEHASHI kakehashi
PRO
1
260
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
Avatar for watahani watahani
0
390
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
370
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.4k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
AI with TiDD
Avatar for Shiraji shiraji
1
340
Everything As Code
Avatar for わいわい yosuke_ai
0
490
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
I tried making a solo advent calendar!
Avatar for otsuka zzzzico
0
130

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
2
280
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
45
New Earth Scene 8
Avatar for Sydney Stone popppiees
0
1.3k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
33
Leo the Paperboy
Avatar for Maya Tellez mayatellez
1
1.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
2.7k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
220
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
93
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
410
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

Transcript

  1. EJWཁૉͷਖ਼͍͠࢖͍ํ ·΅Ζ͠ͷϚʔΫΞοϓษڧձ
 !ZVLPTOPPQZ

  2. EJWཁૉΛ ࢖͍ͬͯ·͔͢

  3. ΋ͪΖΜ

  4. EJWཁૉΛਖ਼͘͠ ࢖͍ͬͯ·͔͢

  5. /PUF ଞͷཁૉ͕ద੾Ͱͳ͍৔߹ɺஶऀ͸࠷ޙͷखஈͷཁૉͱͯ͠EJWཁૉΛݕ౼͢Δ͜ ͱΛڧ͘ਪ঑͢ΔɻEJWཁૉͷ୅ΘΓʹΑΓద੾ͳཁૉΛ࢖༻͢Δ͜ͱ͸ɺಡऀʹ ରͯ͠ΑΓྑ͍ΞΫηγϏϦςΟʔͱஶऀʹର͢ΔΑΓ༰қͳϝϯςφϯεੑʹ ͭͳ͕Δɻ ࢓༷ͷ֬ೝ -4 EJWཁૉ͸ɺҰ੾ಛผͳҙຯΛ࣋ͨͳ͍ɻ͜ͷཁૉ͸ɺཁૉͷࢠΛද͢ɻ͜ͷཁૉ ͸ɺDMBTTɺMBOHɺ͓Αͼ࿈ଓͨ͠ཁૉͷά ϧʔϓʹڞ௨ͷηϚϯςΟοΫεΛϚʔ

    ΫΞοϓ͢ΔUJUMFଐੑͱͱ΋ʹ࢖༻Ͱ͖ΔɻEUཁૉͱEEཁૉͷάϧʔϓΛแΉɺEM ཁૉͰ΋࢖༻Ͱ͖Δɻ 8)"58(-JWJOH4UBOEBSE೔ຊޠ༁ IUUQTNPNEPHJUIVCJPIUNMHSPVQJOHDPOUFOUIUNMUIFEJWFMFNFOU

  6. ࢖༻্ͷ஫ҙ w EJWཁૉ͸ɺଞʹద੾ͳηϚϯςΟοΫཁૉ BSUJDMFɺOBWͳͲ ͕ͳ͍ɹ ৔߹ʹݶΓ࢖༻͍ͯͩ͘͠͞ɻ ࢓༷ͷ֬ೝ .%/ )5.-EJWཁૉ͸ϑϩʔίϯςϯπͷͨΊͷ൚༻ίϯςφͰ͋Γɺຊ࣭తʹԿ ΋ද͠·ͤΜɻελΠϦϯάͷͨΊͷάϧʔϓཁૉͱͯ͠

    DMBTTଐੑ͔JEଐੑΛ ࢖༻ ɺ͋Δ͍͸จॻͰݴޠ͕ҟͳΔ෦෼Λࣔ͢ MBOHଐੑΛ࢖༻ ͨΊʹ࢖༻͠ ·͢ɻ .%/ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC)5.-&MFNFOUEJW

  7. ܰʑ͘͠EJWཁૉ࢖͑ͳ͍

  8. EJWʹ͞Ε͕ͪͳ ͔Θ͍ͦ͏ͳཁૉͨͪʜ IFBEFS GPPUFS NBJO CVUUPO OBW BTJEF TFDUJPO BSUJDMF

    pHVSF

  9. ͢΂ͯ͸঺հ͖͠Εͳ͍ͷͰ

  10. ͚ͭͩ͝঺հ NBJO pHVSF IFBEFSGPPUFS

  11. NBJO EJWJENBJO ϝΠϯίϯςϯπ EJW Α͘ݟ͔͚ΔϚʔΫΞοϓ ؒҧ͍ͬͯΔΘ͚Ͱ͸ͳ͍ NBJOཁૉͬͯͦ΋ͦ΋קࠂ͕஗͔ͬͨ͠ʜ Ͱ΋ͦΖͦΖʜ

  12. NBJO NBJO ϝΠϯίϯςϯπ NBJO NBJOཁૉ࢖ͬͯΈͨϚʔΫΞοϓ ͖ͬ͞ΑΓྑͦ͞͏✨ ଴ͬͯɺNBJOཁૉͬͯ*&͕αϙʔτͯ͠ͳ͍Β͍͠ ͦͷͨΊɺ*&ͱεΫϦʔϯϦʔμʔͷҰ෦ͰΞΫηγϒϧʹͳ͍ͬͯͳ͍Έ͍ͨ

  13. NBJO NBJOSPMFNBJO ϝΠϯίϯςϯπ NBJO ఏҊ͢ΔϚʔΫΞοϓ SPMFଐੑͰ*&ʹ΋ରԠͨ͠✨ ଞͷϒϥ΢βͱͷࠩҟΛຒΊΔͨΊʹ$44΋ॻ͍ͨʢOPSNBMJ[FDTTʹؚ·Ε͍ͯΔʣ *&ͱ1$5BMLFS΍+"84ͷΑ͏ͳεΫϦʔϯϦʔμʔΛ૊Έ߹Θͤͯ΋ΞΫηγϒϧʹͳͬͨ NBJO\ EJTQMBZCMPDL

    ^

  14. IFBEFSGPPUFS Α͘ݟ͔͚ΔϚʔΫΞοϓ IFBEFS άϩʔόϧϔομʔ IFBEFS NBJO ϝΠϯίϯςϯπ NBJO GPPUFS άϩʔόϧϑολʔ

    GPPUFS

  15. IFBEFSGPPUFS BSUJDMF EJWDMBTTBSUJDMF@@IFBEFS IهࣄλΠτϧI EJW هࣄຊจͱ͔খݟग़͠ͱ͔ EJWDMBTTBSUJDMF@@GPPUFS هࣄͷஶऀɺެ։೔ͳͲŠ EJW BSUJDMF

    Α͘ݟΔϚʔΫΞοϓ

  16. IFBEFSGPPUFS BSUJDMF IFBEFS IهࣄλΠτϧI IFBEFS هࣄຊจͱ͔খݟग़͠ͱ͔ GPPUFS هࣄͷஶऀɺެ։೔ͳͲ GPPUFS BSUJDMF

    ఏҊ͢ΔϚʔΫΞοϓ

  17. pHVSF pHVSF JNHTSDlJNHTBNQMFQOHzBMUlTBNQMFJNBHFz pHDBQUJPOαϯϓϧը૾pHDBQUJPO pHVSF Α͘ݟΔ࣮૷ྫ ը૾ʹ͸࢖͍͚ͬͯͨͩͯΔ ը૾Ҏ֎ʹpHVSFཁૉ͔ͭ͑Δͱ͜Ζ͋Δͷ͔ͳʁ

  18. pHVSF EJWDMBTTZPVUVCF ຒΊࠐΈಈը EJW Α͘ݟΔϚʔΫΞοϓ EJWDMBTTNBQ ຒΊࠐΈ஍ਤ EJW ಈը΍஍ਤ΋ࣗݾ׬݁ܕͷίϯςϯπͩʂ

  19. pHVSF pHVSF ຒΊࠐΈಈը pHDBQUJPO DJUFಈըλΠτϧDJUF pHDBQUJPO pHVSF ఏҊ͢ΔϚʔΫΞοϓ pHVSF ຒΊࠐΈ஍ਤ

    pHVSF

  20. ηϚϯςΟοΫʹ͢ΔͨΊʹ ϚʔΫΞοϓ͸ଞਓ͔Βࢦఠ͞Εʹ͍ͨ͘Ίɺҙࣝ͠ͳ͍ͱ্ୡ͠ͳ͍ɻ ࢲ͕͍ͯ͠Δ͜ͱ͸ओʹͭ w ͍͢͝ͱݴΘΕΔਓͷιʔεΛΑ͘ΈΔ w ؾʹͳΔͱ͜Ζ͸࢓༷ॻΛಡΉʢϗϯτ͸શ෦ಡΉͱ͍͍ʣ 8"*"3*"΋͍͍͚Ͳɺ೥͸ϚʔΫΞοϓΛݟ௚͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ