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
コンテンツ・モデルのおはなし
Search
atsuco
April 15, 2014
Technology
1
13k
コンテンツ・モデルのおはなし
HTML5から採用されたコンテンツ・モデルの考え方について、簡単に。
既存のブロックレベル要素・インライン要素との違いなど。
atsuco
April 15, 2014
Tweet
Share
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.8k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
230
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
600
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
600
JSでアニメーションに入門したい
atsuco
1
540
怖くないES記法(機能)
atsuco
1
740
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.9k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
490
KnockoutからReactに乗り換えたいはなし
atsuco
0
970
Other Decks in Technology
See All in Technology
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
360
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
130
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
170
KiCadでPad on Viaの基板作ってみた
iotengineer22
0
300
Lazy application authentication with Tailscale
bluehatbrit
0
210
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
7
5.2k
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
250
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
130
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
380
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
150
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
460
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.7k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Building Applications with DynamoDB
mza
95
6.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Rails Girls Zürich Keynote
gr2m
95
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The World Runs on Bad Software
bkeepers
PRO
69
11k
The Invisible Side of Design
smashingmag
301
51k
Scaling GitHub
holman
460
140k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Transcript
ίϯςϯπɾϞσϧͷ͓ͳ͠ BUTVLPB
)5.-ͷจষߏͷϕʔεʹͳΔߟ͑ํͷͳ͠ ʁ
͓ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ
͓ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ
ʮ)5.-ฤू͔ͨ͠Β֬ೝͯ͠Ͷʯ ͋Δ ઌഐ͔Β
TQBO EJW QTBNQMFUFYUQ EJW TQBO
ؾ࣋ͪѱ͍ "A
ؾ࣋ͪѱ͞ͷਖ਼ମ ʹ͍ͭͯͷ͓ͳ͠Ͱ͢
͓ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ
ϒϩοΫϨϕϧཁૉ จষΛߏ͢Δجຊཁૉ ݟग़͠ɾஈམͳͲ લޙʹվߦ͕ೖΔ ΠϯϥΠϯཁૉ จষͷҰ෦ͷҙຯ͚ ϦϯΫɾڧௐɾࣼମͳͲ લޙʹվߦೖΒͳ͍
ΠϯϥΠϯཁૉͷதʹ ϒϩοΫϨϕϧཁૉೖΕͳ͍ʁ
TQBO EJW QTBNQMFUFYUQ EJW TQBO
TQBO EJW QTBNQMFUFYUQ EJW TQBO JOMJOF CMPDL CMPDL
จষͷҰ෦Λҙຯ͚Δཁૉ TQBO ͷதʹ จষͷߏཁૉ EJW ͕ೖͬͯΔ JOMJOF CMPDL
Ͷʁؾ࣋ͪѱ͍Ͱ͠ΐʁ
͓ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ
ΠϯϥΠϯཁૉͱϒϩοΫϨϕϧཁૉͷߟ͑ํ )5.-Ͱഇࢭ͞Ε·ͨ͠
˞$44ʹ͓͚ΔEJTQMBZϓϩύςΟͷ ͱͯ͠ͷJOMJOFCMPDLͱผ
ίϯςϯπɾϞσϧ /&8
ʮཁૉ"ʹཁૉ#ΛೖΕΔ͜ͱ͕Ͱ͖Δʯ ͱ͍͏ஔϧʔϧ
ΧςΰϦʹίϯςϯπɾϞσϧ͝ͱͷྨ
ཁૉ" தʹೖΕͯ ͍͍ཁૉ ࣗͷྨ ͕ࣗೖΕΔ ॴ
ཁૉ" தʹೖΕͯ ͍͍ཁૉ ࣗͷྨ ͕ࣗೖΕΔ ॴ ίϯςϯπɾϞσϧ ΧςΰϦʔ ίϯςΩετ
ϝλσʔλɾίϯςϯπ จষใɾଞͷจষͱͷؔΛఆٛ͢Δͷ ϑϩʔɾίϯςϯπ ࢠଙʹςΩετͳͲΛͭͷ ηΫγϣχϯάɾίϯςϯπ ݟग़͠ͱ֓ཁΛ͚ͭΒΕΔͷ ϔοσΟϯάɾίϯςϯπ ηΫγϣϯͷݟग़͠ʹͳΔͷ ϑϨʔδϯάɾίϯςϯπ ஈམͳͲͷதʹؚ·ΕΔจઅɾޠ۟ͳͲ
ΤϯϕοσΟουɾίϯςϯπ จষʹଞͷϦιʔεΛຒΊࠐΉͷ ΠϯλϥΫςΟϒɾίϯςϯπ ϢʔβʔʹΑΔૢ࡞ʹରԠ͢Δͷ
'MPX *OUFSBDUJWF )FBEJOH 4FDUJPOJOH .FUBEBUB 1ISBTJOH &NCFEEFE
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT I 'MPX)FBEJOH 1BMQBCMF 'MPX IHSPVQͷࢠཁૉͱͯ͠ 1ISBTJOH
BSUJDMF 'MPX4FDUJPOJOH 1BMQBCMF 'MPX 'MPX B 'MPX1ISBTJOH *OUFSBDUJWF1BMQBCMF 1ISBTJOH 5SBOTQBSFOU ˞*OUFSBDUJWFҎ֎ VM 'MPX ҰݸҎ্ͷMJΛؚΉ߹1BMQBCMF 'MPX ݸҎ্ͷMJ
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT I 'MPX)FBEJOH 1BMQBCMF 'MPX IHSPVQͷࢠཁૉͱͯ͠ 1ISBTJOH
BSUJDMF 'MPX4FDUJPOJOH 1BMQBCMF 'MPX 'MPX B 'MPX1ISBTJOH *OUFSBDUJWF1BMQBCMF 1ISBTJOH 5SBOTQBSFOU ˞*OUFSBDUJWFҎ֎ VM 'MPX ҰݸҎ্ͷMJΛؚΉ߹1BMQBCMF 'MPX ݸҎ্ͷMJ 5SBOTQBSFOU ! ཁૉͷίϯςϯπɾϞσϧ ΛҾ͖ܧ͙
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT I 'MPX)FBEJOH 1BMQBCMF 'MPX IHSPVQͷࢠཁૉͱͯ͠ 1ISBTJOH
BSUJDMF 'MPX4FDUJPOJOH 1BMQBCMF 'MPX 'MPX B 'MPX1ISBTJOH *OUFSBDUJWF1BMQBCMF 1ISBTJOH 5SBOTQBSFOU ˞*OUFSBDUJWFҎ֎ VM 'MPX ҰݸҎ্ͷMJΛؚΉ߹1BMQBCMF 'MPX ݸҎ্ͷMJ VMͷதʹ MJ͔͠ೖΕͳ͍ ! ಛघͳ͕݅͋Δཁૉ͋Δ EM UBCMF TFMFDU
վΊͯ࠷ॳͷίʔυΛݟͯΈΔ
TQBO EJW QTBNQMFUFYUQ EJW TQBO
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT TQBO 'MPX1ISBTJOH 1BMQBCMF 1ISBTJOH 1ISBTJOH EJW
'MPX 1BMQBCMF 'MPX 'MPX Q 'MPX 1BMQBCMF 'MPX 1ISBTJOH
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT TQBO 'MPX1ISBTJOH 1BMQBCMF 1ISBTJOH 1ISBTJOH EJW
'MPX 1BMQBCMF 'MPX 'MPX Q 'MPX 1BMQBCMF 'MPX 1ISBTJOH
TQBO EJW QTBNQMFUFYUQ EJW TQBO 1ISBTJOH ΛೖΕͯ΄͍͠ 'MPX
ͬͺΓؾ࣋ͪѱ͍ "A
ͯ͠ΈΔ
EJW TQBO QTBNQMFUFYUQ TQBO EJW EJWͱTQBOΛ ೖΕସ͑ͯΈͨΑ
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT TQBO 'MPX1ISBTJOH 1BMQBCMF 1ISBTJOH 1ISBTJOH EJW
'MPX 1BMQBCMF 'MPX 'MPX Q 'MPX 1BMQBCMF 'MPX 1ISBTJOH
EJW TQBO QTBNQMFUFYUQ TQBO EJW 'MPX ΛೖΕͯ΄͍͠ 1ISBTJOH ΛೖΕͯ΄͍͠ 'MPX
Α͘ͳ͍ʂ
TQBOͱQΛ ೖΕସ͑ͯΈͨΑ EJW Q TQBOTBNQMFUFYUTQBO Q EJW
EJW Q TQBOTBNQMFUFYUTQBO Q EJW 'MPX ΛೖΕͯ΄͍͠ 1ISBTJOH ΛೖΕͯ΄͍͠ ͍͍Ͷʂ
͓ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ
ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉͷ ߟ͑ํ͏ཁΒͳ͍ʁ
جຊతʹ౿ऻ͍ͯ͠Δ
'MPX *OUFSBDUJWF )FBEJOH 4FDUJPOJOH .FUBEBUB 1ISBTJOH &NCFEEFE
ϒϩοΫϨϕϧཁૉ ΠϯϥΠϯ ཁૉ ͍͍ͩͨ͜Μͳײ͡
ϒϩοΫϨϕϧͱΠϯϥΠϯΛࡉԽͨ͠ͷ ʹίϯςϯπɾϞσϧ ϒϩοΫϨϕϧɾΠϯϥΠϯ͕Θ͔Δͱ ίϯςϯπɾϞσϧ͕Θ͔Γ͍͢
͓ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ
ؾ࣋ͪѱ͞ͷਖ਼ମʹෆਖ਼֬ͳจষߏ
ϚʔΫΞοϓ͢Δͱ͖ʹจষߏେࣄ
ΑΓߏతͳϚʔΫΞοϓͷجૅ ʹίϯςϯπɾϞσϧ ҙࣝ͠Α͏
5IBOLT