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
14k
1

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

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

Avatar for atsuco

atsuco

April 15, 2014

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
670
We Are JavaScripters! の運営になって1年経ちました
Avatar for atsuco atsuco
0
650
JSでアニメーションに入門したい
Avatar for atsuco atsuco
1
600
怖くないES記法（機能）
Avatar for atsuco atsuco
1
770
HyperappでMarkdownエディタを作って薄い本を書きたい
Avatar for atsuco atsuco
1
2k
コードリーディング初心者がHyperAppを読んだ
Avatar for atsuco atsuco
0
520
KnockoutからReactに乗り換えたいはなし
Avatar for atsuco atsuco
0
1k

Other Decks in Technology

See All in Technology
電子辞書Brainをネットに繋げてみた(自力編)
Avatar for らすぴー raspython3
0
430
ChatworkとBPaaS 異なる特性で学んだAI機能開発の ベストプラクティス
Avatar for kubell kubell_hr
2
2.3k
ポケモンの型をTypeScriptの型システムで表現してみた
Avatar for subroh_0508 subroh0508
0
160
価格.comをAI駆動で全面刷新する ー 30年分の技術的負債を返し、次の30年の土台をつくる ー / AI Engineering Summit Tokyo 2026
Avatar for tkyowa tkyowa
38
40k
Spring Boot における​ AOT Cache 活用テクニックと​ 起動時間改善事例​
Avatar for NTTドコモソリューションズ　Java担当 ntt_dsol_java
0
200
AI Engineering Summit Tokyo 2026 AIの前に、やることがある 〜医療データ企業の4フェーズ〜
Avatar for Daisuke Taniwaki dtaniwaki
0
1.4k
Mastering Ruby Box
Avatar for Satoshi Tagomori tagomoris
3
140
【Gen-AX】20260530開催_JJUG CCC 2026 Spring
Avatar for Gen-AX株式会社 genax
0
400
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
Avatar for じゃらしまる syuchimu
0
130
サイバーセキュリティ概論 / Introduction to Cybersecurity
Avatar for Kenji Saito ks91
PRO
0
130
形式手法特論：公平性制約の位相的特徴づけ #kernelvm / Kernel VM Study Kansai 12th
Avatar for y_taka_23 ytaka23
1
710
「コーディング」しない人のための Claude Code 入門　ChatGPT の次の一歩 — 業務に組み込む 育成・共有・自動化
Avatar for ふくだ（fukuda ryu） rfdnxbro
2
1.1k

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
200
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.3k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
200
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k

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