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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for atsuco atsuco
April 15, 2014
Technology
1
14k

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

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

Avatar for atsuco

atsuco

April 15, 2014
Tweet

More Decks by atsuco

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

Other Decks in Technology

See All in Technology
1GB RAMのラズピッピで何ができるのか試してみよう / 20260319-rpijam-1gb-rpi-whats-possible
Avatar for Akira Ouchi akkiesoft
0
490
わからなくて良いなら、わからなきゃだめなの？
Avatar for kota oue kotaoue
1
370
決済サービスを支えるElastic Cloud - Elastic Cloudの導入と推進、決済サービスのObservability
Avatar for suzukij suzukij
2
660
VPCエンドポイント意外とお金かかるなぁ。せや、共有したろ！
Avatar for tommy tommy0124
1
700
JAWS DAYS 2026 AWS知識・技術力を使って隠された旗をゲットせよ！〜出張版「ごーとんカップ」〜 解説編
Avatar for 株式会社カミナシ kaminashi
0
110
S3はフラットである –AWS公式SDKにも存在した、 署名付きURLにおけるパストラバーサル脆弱性– / JAWS DAYS 2026
Avatar for GMO Flatt Security flatt_security
0
1.8k
GCASアップデート（202601-202603）
Avatar for 高橋広和 techniczna
0
220
A Casual Introduction to RISC-V
Avatar for Masanori Ogino omasanori
0
390
「通るまでRe-run」から卒業！落ちないテストを書く勘所
Avatar for asumikam asumikam
1
170
進化するBits AI SREと私と組織
Avatar for 株式会社ヌーラボ nulabinc
PRO
1
250
Claude Code 2026年 最新アップデート
Avatar for Oikon oikon48
14
11k
[JAWSDAYS2026]Who is responsible for IAM
Avatar for Mizuki TSUJI mizukibbb
0
900

Featured

See All Featured
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.8k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
How to make the Groovebox
Avatar for あそなす asonas
2
2k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
240
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
320
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
78

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