Slide 1

Slide 1 text

ٳߨ @benevolent0505 Dentoo.LT #12 (ൃදޙฤूver)

Slide 2

Slide 2 text

ۙگ

Slide 3

Slide 3 text

ࡢ೔ OSC Tokyo Fall ձ৔ʹͯ

Slide 4

Slide 4 text

Ξϯέʔτ͘͡Ͱ ϋϩʔϫʔϧυຊ ౰ͨΓ·ͨ͠

Slide 5

Slide 5 text

࠷ߴ

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

خ͔ͬͨ͠

Slide 8

Slide 8 text

ۙگऴΘΓ

Slide 9

Slide 9 text

ࣗݾ঺հ • benevolent0505 • Twitter, NNID • ి௨େ ૯߹৘ใֶՊ 2೥ • ࠷ۙ Scala Λษڧத • Nexus 5Xങͬͨ

Slide 10

Slide 10 text

ࠓ೔ͷλΠτϧ

Slide 11

Slide 11 text

ٳߨ

Slide 12

Slide 12 text

ి௨େͷٳߨ৘ใ͸ Webʹ΋ܝࣔ͞ΕΔ

Slide 13

Slide 13 text

ޚཡ͍ͩ͘͞

Slide 14

Slide 14 text

Google Chrome

Slide 15

Slide 15 text

Firefoxͷίϯιʔϧ

Slide 16

Slide 16 text

ϖʔδͷιʔε

Slide 17

Slide 17 text

ϖʔδͷιʔε େจࣈͷhtmlλά

Slide 18

Slide 18 text

ϖʔδͷιʔε େจࣈͷhtmlλά ݟ౰ͨΒͳ͍DOCTYPEએݴ

Slide 19

Slide 19 text

ϖʔδͷιʔε େจࣈͷhtmlλά ݟ౰ͨΒͳ͍DOCTYPEએݴ ͋ͬͯཉ͔ͬͨ͠จࣈΤϯίʔυͷࢦఆ

Slide 20

Slide 20 text

ϖʔδͷιʔε େจࣈͷhtmlλά ݟ౰ͨΒͳ͍DOCTYPEએݴ metaλάͷલʹṖͷμϒϧΫΥʔςʔγϣϯ ͋ͬͯཉ͔ͬͨ͠จࣈΤϯίʔυͷࢦఆ

Slide 21

Slide 21 text

ϖʔδͷιʔε େจࣈͷhtmlλά ݟ౰ͨΒͳ͍DOCTYPEએݴ metaλάͷલʹṖͷμϒϧΫΥʔςʔγϣϯ খจࣈͷmetaλάͱviewportͷࢦఆ ͋ͬͯཉ͔ͬͨ͠จࣈΤϯίʔυͷࢦఆ

Slide 22

Slide 22 text

Կނ͔͋ΔιʔγϟϧϘλϯ

Slide 23

Slide 23 text

Կނ͔͋ΔιʔγϟϧϘλϯ

Slide 24

Slide 24 text

͍͢͝…

Slide 25

Slide 25 text

ͳΜͱ͔͍ͨ͠

Slide 26

Slide 26 text

ղܾҊ

Slide 27

Slide 27 text

Chrome Apps

Slide 28

Slide 28 text

Chrome Appsͱ͸ • Chrome্ͰΞϓϦέʔγϣϯ • HTML/CSS/JSͰ࡞ΔࠓྲྀߦΓͳײ͡ͷ͋Ε • Chromeͷ֦ுػೳͱಉ͡ϊϦͰॻ͚Δ • σεΫτοϓΞϓϦΈ͍ͨʹ։͚Δ΋ͷ͋Δ

Slide 29

Slide 29 text

Demo

Slide 30

Slide 30 text

͛͐͢͠ΐ΅͍ɺɺɺ

Slide 31

Slide 31 text

Before After

Slide 32

Slide 32 text

After

Slide 33

Slide 33 text

ࠓޙ֦ு༧ఆ

Slide 34

Slide 34 text

ࠓޙͷToDo • ϨΠΞ΢τΛߟ͑Δ • ϑϧεΫϥονͰॻ͖௚͢ • ԿΒ͔ͷߜΓࠐΈػೳ • ʢͰ͖Ε͹ʣ௨஌ • ʢChromeҎ֎ͷϓϥοτϑΥʔϜʹରԠʁʁʣ

Slide 35

Slide 35 text

·ͱΊ • ͿͬͪΌ͚
 ϒϥ΢βͷΤϯίʔυͷઃఆΛม͑Ε͹ྑ͍ • Ͱ΋ෛ͚ͨؾ͕ͯ͠ͳΜ͔ݏ͡ΌΜ • ݁Ռతʹϒϥ΢βͰ։͘ΑΓ΋खؒݮͬͨ͠

Slide 36

Slide 36 text

ΈΜͳ΋ศརπʔϧΛ ࡞ͬͯެ։ͯ͘͠Εʂ