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.7k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
220
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
570
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
570
JSでアニメーションに入門したい
atsuco
1
510
怖くないES記法(機能)
atsuco
1
720
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.8k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
450
KnockoutからReactに乗り換えたいはなし
atsuco
0
920
Other Decks in Technology
See All in Technology
AWS Community Builderのススメ - みんなもCommunity Builderに応募しよう! -
smt7174
0
190
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
860
【NGK2025S】動物園(PINTO_model_zoo)に遊びに行こう
kazuhitotakahashi
0
260
EMConf JP の楽しみ方 / How to enjoy EMConf JP
pauli
2
150
RubyでKubernetesプログラミング
sat
PRO
4
160
あなたの人生も変わるかも?AWS認定2つで始まったウソみたいな話
iwamot
3
870
[IBM TechXchange Dojo]Watson Discoveryとwatsonx.aiでRAGを実現!事例のご紹介+座学②
siyuanzh09
0
120
JuliaTokaiとJuliaLangJaの紹介 for NGK2025S
antimon2
1
130
2024AWSで個人的にアツかったアップデート
nagisa53
1
110
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
140
TSのコードをRustで書き直した話
askua
3
320
2025年に挑戦したいこと
molmolken
0
170
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Gamification - CAS2011
davidbonilla
80
5.1k
Embracing the Ebb and Flow
colly
84
4.5k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Automating Front-end Workflow
addyosmani
1366
200k
Documentation Writing (for coders)
carmenintech
67
4.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
We Have a Design System, Now What?
morganepeng
51
7.3k
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