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
620
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
620
JSでアニメーションに入門したい
atsuco
1
550
怖くないES記法(機能)
atsuco
1
740
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.9k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
500
KnockoutからReactに乗り換えたいはなし
atsuco
0
980
Other Decks in Technology
See All in Technology
BtoBプロダクト開発の深層
16bitidol
0
140
WebアプリケーションのUI構築で気を付けてるポイント
tomokusaba
0
200
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
110
履歴 on Rails: Bitemporal Data Modelで実現する履歴管理/history-on-rails-with-bitemporal-data-model
hypermkt
0
1.8k
Tomorrow graphlib, Let us use everybody
hayaosuzuki
0
150
5年間のFintech × Rails実践に学ぶ - 基本に忠実な運用で築く高信頼性システム / 5 Years Fintech Rails Retrospective
ohbarye
9
3.6k
実装で解き明かす並行処理の歴史
zozotech
PRO
1
120
AI×Data×SaaS×Operation
sansantech
PRO
0
110
Streamlit は社内ツールだけじゃない!PoC の速さで実現する'商用品質'の分析 SaaS アーキテクチャ
kdash
3
1.1k
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
logica0419
1
310
Deep Research と NotebookLM を使い倒す!レガシーリプレイスの技術選定と学習コスト削減術
tet0h
0
2.8k
GopherCon Tour 概略
logica0419
2
160
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Documentation Writing (for coders)
carmenintech
75
5k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Being A Developer After 40
akosma
90
590k
The Invisible Side of Design
smashingmag
301
51k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
RailsConf 2023
tenderlove
30
1.2k
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