Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
AWS re:Invent 2025~初参加の成果と学び~
Avatar for Kubo kubomasataka
1
200
202512_AIoT.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
150
2025年のデザインシステムとAI 活用を振り返る
Avatar for Tech Leverages leveragestech
0
300
MySQLのSpatial(GIS)機能をもっと充実させたい ～ MyNA望年会2025LT
Avatar for sakaik sakaik
0
130
[2025-12-12]あの日僕が見た胡蝶の夢 〜人の夢は終わらねェ AIによるパフォーマンスチューニングのすゝめ〜
Avatar for tosite tosite
0
190
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
5
2.1k
Microsoft Agent Frameworkの可観測性
Avatar for tomokusaba tomokusaba
1
110
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
Avatar for 株式会社スマートバンク smartbank
9
13k
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
100以上の新規コネクタ提供を可能にしたアーキテクチャ
Avatar for yu-kioo ooyukioo
0
260
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
Avatar for AEON aeonpeople
0
250
AI駆動開発ライフサイクル（AI-DLC）の始め方
Avatar for ryansbcho79 ryansbcho79
0
190

Featured

See All Featured
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
220k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
3.8k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
130
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
350
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
120
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
0
2k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k

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