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

コンテンツ・モデルのおはなし

atsuco
April 15, 2014
Technology
1
13k

 コンテンツ・モデルのおはなし

HTML5から採用されたコンテンツ・モデルの考え方について、簡単に。
既存のブロックレベル要素・インライン要素との違いなど。

atsuco

April 15, 2014
Tweet

More Decks by atsuco

See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.7k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
220
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
580
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
580
JSでアニメーションに入門したい
atsuco
1
520
怖くないES記法（機能）
atsuco
1
730
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.8k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
470
KnockoutからReactに乗り換えたいはなし
atsuco
0
940

Other Decks in Technology

See All in Technology
От ручной разметки к LLM: как мы создавали облако тегов в Lamoda. Анастасия Ангелова, Data Scientist, Lamoda Tech
lamodatech
0
200
バックオフィス向け toB SaaS バクラクにおけるレコメンド技術活用 / recommender-systems-in-layerx-bakuraku
yuya4
2
270
NLP2025 参加報告会 / NLP2025
sansan_randd
4
510
All You Need Is Kusa 〜Slackデータで始めるデータドリブン〜
jonnojun
0
140
Vision Pro X Text to 3D Model ~How Swift and Generative Al Unlock a New Era of Spatial Computing~
igaryo0506
0
260
食べログが挑む！飲食店ネット予約システムで自動テスト無双して手動テストゼロを実現する戦略
hagevvashi
1
160
Android는 어떻게 화면을 그릴까?
davidkwon7
0
100
Classmethod AI Talks(CATs) #20 司会進行スライド(2025.04.10) / classmethod-ai-talks-aka-cats_moderator-slides_vol20_2025-04-10
shinyaa31
0
130
大規模サービスにおける カスケード障害
takumiogawa
3
800
LangfuseでAIエージェントの 可観測性を高めよう！/Enhancing AI Agent Observability with Langfuse!
jnymyk
0
170
Spice up your notifications/try!Swift25
noppefoxwolf
2
340
似たような課題が何度も蘇ってくるゾンビふりかえりを撲滅するため、ふりかえりのテーマをフォーカスしてもらった話 / focusing on the theme
naitosatoshi
0
380

Featured

See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
A designer walks into a library…
pauljervisheath
205
24k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
40
7.2k
Become a Pro
speakerdeck
PRO
27
5.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Designing Experiences People Love
moore
141
24k
Optimizing for Happiness
mojombo
377
70k
Being A Developer After 40
akosma
91
590k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k

Transcript

  1. ίϯςϯπɾϞσϧͷ͓͸ͳ͠  BUTVLPB

  2. )5.-ͷจষߏ଄ͷϕʔεʹͳΔߟ͑ํͷ͸ͳ͠ ʁ

  3. ͓͸ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ

  4. ͓͸ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ

  5. ʮ)5.-ฤू͔ͨ͠Β֬ೝͯ͠Ͷʯ ͋Δ೔ ઌഐ͔Β

  6. TQBO EJW QTBNQMFUFYUQ EJW TQBO

  7. ؾ࣋ͪѱ͍ "A

  8. ؾ࣋ͪѱ͞ͷਖ਼ମ ʹ͍ͭͯͷ͓͸ͳ͠Ͱ͢

  9. ͓͸ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ

  10. ϒϩοΫϨϕϧཁૉ จষΛߏ੒͢Δجຊཁૉ ݟग़͠ɾஈམͳͲ લޙʹվߦ͕ೖΔ ΠϯϥΠϯཁૉ จষͷҰ෦΁ͷҙຯ෇͚ ϦϯΫɾڧௐɾࣼମͳͲ લޙʹվߦ͸ೖΒͳ͍

  11. ΠϯϥΠϯཁૉͷதʹ ϒϩοΫϨϕϧཁૉ͸ೖΕͳ͍ʁ

  12. TQBO EJW QTBNQMFUFYUQ EJW TQBO

  13. TQBO EJW QTBNQMFUFYUQ EJW TQBO JOMJOF CMPDL CMPDL

  14. จষͷҰ෦Λҙຯ෇͚Δཁૉ TQBO ͷதʹ จষͷߏ੒ཁૉ EJW ͕ೖͬͯΔ JOMJOF CMPDL

  15. Ͷʁؾ࣋ͪѱ͍Ͱ͠ΐʁ

  16. ͓͸ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ

  17. ΠϯϥΠϯཁૉͱϒϩοΫϨϕϧཁૉͷߟ͑ํ͸ )5.-Ͱഇࢭ͞Ε·ͨ͠

  18. ˞$44ʹ͓͚ΔEJTQMBZϓϩύςΟͷ ஋ͱͯ͠ͷJOMJOFCMPDLͱ͸ผ෺

  19. ίϯςϯπɾϞσϧ /&8

  20. ʮཁૉ"ʹ͸ཁૉ#ΛೖΕΔ͜ͱ͕Ͱ͖Δʯ ͱ͍͏഑ஔϧʔϧ

  21. ΧςΰϦʹίϯςϯπɾϞσϧ͝ͱͷ෼ྨ

  22. ཁૉ" தʹೖΕͯ ͍͍ཁૉ ࣗ਎ͷ෼ྨ ࣗ਎͕ೖΕΔ ৔ॴ

  23. ཁૉ" தʹೖΕͯ ͍͍ཁૉ ࣗ਎ͷ෼ྨ ࣗ਎͕ೖΕΔ ৔ॴ ίϯςϯπɾϞσϧ ΧςΰϦʔ ίϯςΩετ

  24. ϝλσʔλɾίϯςϯπ จষ৘ใɾଞͷจষͱͷؔ܎Λఆٛ͢Δ΋ͷ ϑϩʔɾίϯςϯπ ࢠଙʹςΩετͳͲΛ΋ͭ΋ͷ ηΫγϣχϯάɾίϯςϯπ ݟग़͠ͱ֓ཁΛ͚ͭΒΕΔ΋ͷ ϔοσΟϯάɾίϯςϯπ ηΫγϣϯͷݟग़͠ʹͳΔ΋ͷ ϑϨʔδϯάɾίϯςϯπ ஈམͳͲͷதʹؚ·ΕΔจઅɾޠ۟ͳͲ

    ΤϯϕοσΟουɾίϯςϯπ จষʹଞͷϦιʔεΛຒΊࠐΉ΋ͷ ΠϯλϥΫςΟϒɾίϯςϯπ ϢʔβʔʹΑΔૢ࡞ʹରԠ͢Δ΋ͷ

  25. 'MPX *OUFSBDUJWF )FBEJOH 4FDUJPOJOH .FUBEBUB 1ISBTJOH &NCFEEFE

  26. 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

  27. 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 ! ਌ཁૉͷίϯςϯπɾϞσϧ ΛҾ͖ܧ͙

  28. 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

  29. վΊͯ࠷ॳͷίʔυΛݟͯΈΔ

  30. TQBO EJW QTBNQMFUFYUQ EJW TQBO

  31. FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT TQBO 'MPX1ISBTJOH 1BMQBCMF 1ISBTJOH 1ISBTJOH EJW

    'MPX 1BMQBCMF 'MPX 'MPX Q 'MPX 1BMQBCMF 'MPX 1ISBTJOH

  32. FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT TQBO 'MPX1ISBTJOH 1BMQBCMF 1ISBTJOH 1ISBTJOH EJW

    'MPX 1BMQBCMF 'MPX 'MPX Q 'MPX 1BMQBCMF 'MPX 1ISBTJOH

  33. TQBO EJW QTBNQMFUFYUQ EJW TQBO 1ISBTJOH ΛೖΕͯ΄͍͠ 'MPX

  34. ΍ͬͺΓؾ࣋ͪѱ͍ "A

  35. ௚ͯ͠ΈΔ

  36. EJW TQBO QTBNQMFUFYUQ TQBO EJW EJWͱTQBOΛ ೖΕସ͑ͯΈͨΑ

  37. FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMT TQBO 'MPX1ISBTJOH 1BMQBCMF 1ISBTJOH 1ISBTJOH EJW

    'MPX 1BMQBCMF 'MPX 'MPX Q 'MPX 1BMQBCMF 'MPX 1ISBTJOH

  38. EJW TQBO QTBNQMFUFYUQ TQBO EJW 'MPX ΛೖΕͯ΄͍͠ 1ISBTJOH ΛೖΕͯ΄͍͠ 'MPX

    Α͘ͳ͍ʂ

  39. TQBOͱQΛ ೖΕସ͑ͯΈͨΑ EJW Q TQBOTBNQMFUFYUTQBO Q EJW

  40. EJW Q TQBOTBNQMFUFYUTQBO Q EJW 'MPX ΛೖΕͯ΄͍͠ 1ISBTJOH ΛೖΕͯ΄͍͠ ͍͍Ͷʂ

  41. ͓͸ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ

  42. ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉͷ ߟ͑ํ͸΋͏ཁΒͳ͍ʁ

  43. جຊతʹ͸౿ऻ͍ͯ͠Δ

  44. 'MPX *OUFSBDUJWF )FBEJOH 4FDUJPOJOH .FUBEBUB 1ISBTJOH &NCFEEFE

  45. ϒϩοΫϨϕϧཁૉ ΠϯϥΠϯ ཁૉ ͍͍ͩͨ͜Μͳײ͡

  46. ϒϩοΫϨϕϧͱΠϯϥΠϯΛࡉ෼Խͨ͠΋ͷ ʹίϯςϯπɾϞσϧ ϒϩοΫϨϕϧɾΠϯϥΠϯ͕Θ͔Δͱ ίϯςϯπɾϞσϧ͕Θ͔Γ΍͍͢

  47. ͓͸ͳ͠ͷഎܠ ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉ ίϯςϯπɾϞσϧͱΧςΰϦ ϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ ·ͱΊ

  48. ؾ࣋ͪѱ͞ͷਖ਼ମʹෆਖ਼֬ͳจষߏ଄

  49. ϚʔΫΞοϓ͢Δͱ͖ʹจষߏ଄͸௒େࣄ

  50. ΑΓߏ଄తͳϚʔΫΞοϓͷجૅ ʹίϯςϯπɾϞσϧ ҙࣝ͠Α͏

  51. 5IBOLT