Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
コンテンツ・モデルのおはなし
atsuco
April 15, 2014
Technology
1
12k
コンテンツ・モデルのおはなし
HTML5から採用されたコンテンツ・モデルの考え方について、簡単に。
既存のブロックレベル要素・インライン要素との違いなど。
atsuco
April 15, 2014
Tweet
Share
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
160
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
360
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
300
JSでアニメーションに入門したい
atsuco
1
380
怖くないES記法(機能)
atsuco
1
500
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.3k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
340
KnockoutからReactに乗り換えたいはなし
atsuco
0
600
Other Decks in Technology
See All in Technology
Building smarter apps with machine learning, from magic to reality
picardparis
4
3.1k
アルプの 認証/認可分離戦略と手法
ma2k8
PRO
2
340
信頼性の階層の一段目を積み上げる/Monitoring Dashboard
shonansurvivors
0
180
SRENEXT2022 組織にSREを実装していくまでの道のり
marnie0301
1
580
Stripe Search APIを利用した、LINEとStripeの顧客情報連携/line-dc-202205
stripehideokamoto
0
130
[SRE NEXT 2022]ヤプリのSREにおけるセキュリティ強化の取り組みを公開する
mmochi23
1
640
失敗を経験したあなたへ〜建設的なインシデントの振り返りを行うために実践するべきこと〜
nobuakikikuchi
0
190
Data Warehouse or Data Lake, which one do I choose?
ahana
0
130
[SRE NEXT 2022]KaaS桶狭間の戦い 〜Yahoo! JAPANのSLI/SLOを用いた統合監視〜
srenext
0
400
Agile and Requirement : アジャイルな要件定義について考える
kawaguti
PRO
9
3.5k
1年間のポストモーテム運用とそこから生まれたツール sre-advisor / SRE NEXT 2022
fujiwara3
6
3.4k
事業の成長と共に歩む、ABEMA SRE探求の歴史 / SRE-Next 2022
nagaa052
0
320
Featured
See All Featured
Faster Mobile Websites
deanohume
294
28k
A designer walks into a library…
pauljervisheath
196
16k
Design by the Numbers
sachag
271
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
4
450
The Art of Programming - Codeland 2020
erikaheidi
32
5.8k
Building Applications with DynamoDB
mza
83
4.6k
Robots, Beer and Maslow
schacon
152
7.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
Rebuilding a faster, lazier Slack
samanthasiow
62
7.2k
The Invisible Customer
myddelton
110
11k
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