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

div要素の正しい使い方

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
GitHub Advanced Security × Defender for Cloudで開発とSecOpsのサイロを超える: コードとクラウドをつなぐ、開発プラットフォームのセキュリティ
Avatar for yuriemori yuriemori
1
130
Oracle AI Databaseデータベース・サービス: BaseDB/ExaDB-Dの可用性
Avatar for oracle4engineer oracle4engineer
PRO
1
130
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
10
77k
すごいぞManaged Kubernetes
Avatar for Haruka Sakihara harukasakihara
1
330
Databricks Lakebaseを用いたAIエージェント連携
Avatar for Daiki Akimoto NTTD daiki_akimoto_nttd
0
150
プロダクトを育てるように生成AIによる開発プロセスを育てよう
Avatar for KAKEHASHI kakehashi
PRO
1
660
ASTのGitHub CopilotとCopilot CLIの現在地をお話しします/How AST Operates GitHub Copilot and Copilot CLI
Avatar for AEON aeonpeople
1
160
GitHub Actions侵害 — 相次ぐ事例を振り返り、次なる脅威に備える
Avatar for GMO Flatt Security flatt_security
13
7.6k
AWSで2番目にリリースされたサービスについてお話しします(諸説あります)
Avatar for Yuuki Yamashita yama3133
0
120
40代からのアウトプット ― 経験は価値ある学びに変わる / 20260404 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
5
830
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
27k
ハーネスエンジニアリング×AI適応開発
Avatar for Ryohei Kamiya aictokamiya
3
1.5k

Featured

See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
310
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
160
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
430
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k

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