Slide 1

Slide 1 text

) 5 . - Ξ΢τϥΠϯ ࣲా࿨ف / @shibe97 2015/06/12 ୈ9ճ HTML5Minutes ۃ

Slide 2

Slide 2 text

ࣲా ࿨ف
 @shibe97 σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ

Slide 3

Slide 3 text

Ξ΢τϥΠϯͬͯԿʁ

Slide 4

Slide 4 text

HTML5

Minutes

triton-js

HTML Ξ΢τϥΠϯ 1. HTML5 1.1.Minutes 1.2.triton-js

Slide 5

Slide 5 text

?

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Slide 6

Slide 6 text

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

1. HTML5 1.1.Minutes 1.2.triton-js 1.3.ୈ9ճ 1.4.ຬһޚྱ

Slide 7

Slide 7 text

ࡾͭͷᎄ

Slide 8

Slide 8 text

໌ͱ҉ Ξ΢τϥΠϯͷᎄͦͷ̍

Slide 9

Slide 9 text

҉໧తͳΞ΢τϥΠϯ

ͦͷ̎

Slide 10

Slide 10 text

҉໧తͳΞ΢τϥΠϯ

Ξ΢τϥΠϯʢ҉ʣ ݟग़͠ཁૉ͸҉໧తʹΞ΢τϥΠϯΛ࡞Δ

ͦͷ̎

Slide 11

Slide 11 text

҉໧తͳΞ΢τϥΠϯ

Ξ΢τϥΠϯʢ҉ʣ ݟग़͠ཁૉ͸҉໧తʹΞ΢τϥΠϯΛ࡞Δ

ͦͷ̎

Ξ΢τϥΠϯʢ҉ʣ

Slide 12

Slide 12 text

໌ࣔతͳΞ΢τϥΠϯ

Slide 13

Slide 13 text

Ξ΢τϥΠϯʢ໌ʣ

໌ࣔతͳΞ΢τϥΠϯ

section, article, bodyͳͲ͸ ໌ࣔతͳΞ΢τϥΠϯΛ࡞Δ

Slide 14

Slide 14 text

ऑ೑ڧ৯ Ξ΢τϥΠϯͷᎄͦͷ̎

Slide 15

Slide 15 text

Ξ΢τϥΠϯLv = ʁ

Slide 16

Slide 16 text

ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h2 h2ΛٵऩʂυϠΝʂ

Slide 17

Slide 17 text

ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h2

͞Βʹऑ͍ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h3 h3ʁ֨Լ͕οʂ

Slide 18

Slide 18 text

ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h2

͞Βʹڧ͍ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h1 h1…ͩͱ…ʁ

Slide 19

Slide 19 text

ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h2

͞Βʹڧ͍ݟग़͠ొ৔

Ξ΢τϥΠϯLv = h1 ԡ্͛͠Δ ͍͢·ͤΜͰͨ͠ Ͳ͚Ͳ͚͌ʂ

Slide 20

Slide 20 text

ҋ͸ޫʹউͯͳ͍ Ξ΢τϥΠϯͷᎄͦͷ̏

Slide 21

Slide 21 text

࠷ڧͷݟग़͠

Ξ΢τϥΠϯLv = h1ʢ҉ʣ զ͸࠷ڧͷh1ͳΓ

Slide 22

Slide 22 text

Ξ΢τϥΠϯLv = h1ʢ҉ʣ

࠷ڧͷݟग़͠

໌ࣔతͳΞ΢τϥΠϯ

Ξ΢τϥΠϯLv = h2ʢ໌ʣ h1͞Μɺͪ͌ʔ͢ʂ

Slide 23

Slide 23 text

Ξ΢τϥΠϯLv = h1ʢ҉ʣ

࠷ڧͷݟग़͠

໌ࣔతͳΞ΢τϥΠϯ

Ξ΢τϥΠϯLv = h2ʢ໌ʣ ԡ্͛͠Δ ·ɺ·Ϳ͍͠οʂ ͋͟ʔͬ͢ʂ

Slide 24

Slide 24 text

࣮ફ

Slide 25

Slide 25 text

?

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Slide 26

Slide 26 text

? Ξ΢τϥΠϯLv = ?

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Slide 27

Slide 27 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Slide 28

Slide 28 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2

Slide 29

Slide 29 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = ?

Slide 30

Slide 30 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = ?

Slide 31

Slide 31 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h2

Slide 32

Slide 32 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h1

Slide 33

Slide 33 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h1

Slide 34

Slide 34 text

? Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h1 Ξ΢τϥΠϯLv = h3

Slide 35

Slide 35 text

Ξ΢τϥΠϯLv = h1

HTML5

Minutes

triton-js

ୈ9ճ

ຬһޚྱ

Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h2 Ξ΢τϥΠϯLv = h1 Ξ΢τϥΠϯLv = h3 1. HTML5 1.1.Minutes 1.2.triton-js 1.3.ୈ9ճ 1.4.ຬһޚྱ

Slide 36

Slide 36 text

ศརͳπʔϧ • HTML 5 OutlinerʢWeb൛ʣ • https://gsnedders.html5.org/outliner/ • HTML 5 Outlinerʢchrome֦ு൛ʣ • https://chrome.google.com/webstore/detail/html5-outliner/ afoibpobokebhgfnknfndkgemglggomo?hl=ja

Slide 37

Slide 37 text

΋͏গ͠ৄ͘͠஌Γ͍ͨਓ͸… http://be-shi.tumblr.com/post/121266132377/html5-6

Slide 38

Slide 38 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ :) @shibe97