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

div要素の正しい使い方

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

 div要素の正しい使い方

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

Avatar for Yuko

Yuko

November 20, 2017

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
930

Other Decks in Technology

See All in Technology
35分でわかるEffective Platform Engineering
Avatar for nwiizo nwiizo
5
560
Master Dataグループ紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.8k
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
Avatar for SMS tech sms_tech
1
290
その“隠したつもり”が命取り ── 自前と平文をやめて「正解」に委ねる
Avatar for kuroneko kuroneko13
0
140
Kiro入門｜仕様駆動開発で変わるAI時代の開発スタイル
Avatar for 工藤皓夢 cmkudo
0
270
猫付きpingコマンドを自作
Avatar for uyuki uyuki234
0
290
形式手法特論：Hyperproperty とモデル検査 #kernelvm / Kernel VM Study Tokyo 19th
Avatar for y_taka_23 ytaka23
0
360
AIにブラウザを触らせて、E2EテストをPlaywrightで書く
Avatar for koji_kawamura koji_kawamura
0
220
ホームラボ紹介
Avatar for 世良泰明 y_sera15
0
220
長期運営で肥大化したExcelマスターデータの解消に向けた移行事例
Avatar for gree_tech gree_tech
PRO
0
100
AIで変わるエンジニアの働き方（仮）
Avatar for naoinaoi naoinaoi
0
250
巨大気象データと戦う ― サロゲートモデル学習を高速化する圧縮技術
Avatar for GPU UNITE gpuunite_official
0
180

Featured

See All Featured
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
450
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.5k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
540
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
470
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
260
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k

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*"΋͍͍͚Ͳɺ೥͸ϚʔΫΞοϓΛݟ௚͢͜ͱ͔Β࢝ΊΔΞΫηγϏϦ ςΟ͕ྲྀߦΔͱ͍͍ͳ