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

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

4dde07a2b63c5173af76dd473bc52c00?s=47 atsuco
April 15, 2014
Technology
1
12k

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

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

4dde07a2b63c5173af76dd473bc52c00?s=128

atsuco

April 15, 2014
Tweet

More Decks by atsuco

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

Other Decks in Technology

See All in Technology
Building smarter apps with machine learning, from magic to reality
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
3.1k
アルプの 認証/認可分離戦略と手法
C6a8cb5e13aa716521d522471ec4e4cd?s=48 ma2k8
PRO
2
340
信頼性の階層の一段目を積み上げる/Monitoring Dashboard
0b238801605070def81a98cfe8061aee?s=48 shonansurvivors
0
180
SRENEXT2022 組織にSREを実装していくまでの道のり
9cd2d753636f4849c881ccf2381228ee?s=48 marnie0301
1
580
Stripe Search APIを利用した、LINEとStripeの顧客情報連携/line-dc-202205
E77ca94266ffd3d69f8aee91f7468264?s=48 stripehideokamoto
0
130
[SRE NEXT 2022]ヤプリのSREにおけるセキュリティ強化の取り組みを公開する
Ee9f5f5b17a075129d7c48ad157a9ab3?s=48 mmochi23
1
640
失敗を経験したあなたへ〜建設的なインシデントの振り返りを行うために実践するべきこと〜
8989dfee7c4a1360817fccb657d695bc?s=48 nobuakikikuchi
0
190
Data Warehouse or Data Lake, which one do I choose?
00101a1274d1f92977f4e442ef73be86?s=48 ahana
0
130
[SRE NEXT 2022]KaaS桶狭間の戦い 〜Yahoo! JAPANのSLI/SLOを用いた統合監視〜
667ad57b416187cb22589158805603b4?s=48 srenext
0
400
Agile and Requirement : アジャイルな要件定義について考える
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
PRO
9
3.5k
1年間のポストモーテム運用とそこから生まれたツール sre-advisor / SRE NEXT 2022
Ca6281fff64797dc419b78f51f25c0a5?s=48 fujiwara3
6
3.4k
事業の成長と共に歩む、ABEMA SRE探求の歴史 / SRE-Next 2022
762fa63fae184f8e08f11d527a93ba3f?s=48 nagaa052
0
320

Featured

See All Featured
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
196
16k
Design by the Numbers
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
271
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
29
4.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
450
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
5.8k
Building Applications with DynamoDB
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
83
4.6k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
56
5.2k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k

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