Tweet
Tweet

Slide 1

Slide 1 text

Always be an organization of which all employees are proud. JSΦδαϯ #5 service worker & indexeddbͰ࡞Δ Offline web

Slide 2

Slide 2 text

2012೥ ΞτϥΤʹೖࣾ ओʹۀ຿Ͱ͸Ruby, JavascriptΛॻ͍ͯ·͢ Moriyama Yuki (@moriyaman)

Slide 3

Slide 3 text

iOSؔ࿈ͷํ͕౤ߘଟ͔ͬͨɻɻɻ͢Έ·ͤ͵ orz

Slide 4

Slide 4 text

ීஈ͸ͪΐͬͱมΘͬͨʮస৬αΠτʯΛ࡞ͬͯ·͢w

Slide 5

Slide 5 text

service workerͬͯԿʁ

Slide 6

Slide 6 text

- Ҿ༻: Service Worker hackathon 2015 - introduction talk

Slide 7

Slide 7 text

- Ҿ༻: Service Worker hackathon 2015 - introduction talk

Slide 8

Slide 8 text

- Ҿ༻: Service Worker hackathon 2015 - introduction talk requestΛॲཧ͢Δ·Ͱʹ ͔ͳΓͷ࣌ؒΛ࢖͍ͬͯΔݱঢ়ɾɾɾ

Slide 9

Slide 9 text

ͦ͏ͩTFSWJDFXPSLFSΛ࢖͓͏ʂ

Slide 10

Slide 10 text

ϖʔδͷόοΫάϥ΢ϯυͰಈ͘ Πϕϯτۦಈͷ JavaScript ؀ڥ ࢓૊Έ͸ΤΫεςϯγϣϯͱࣅ͍ͯΔɾɾɾ

Slide 11

Slide 11 text

ɾΩϟογϡػೳ ɾPUSH௨஌ػೳ

Slide 12

Slide 12 text

όοΫάϥ΢ϯυͰ΋ Ωϟογϡͷߋ৽͔͚ΕΔͬͯΑ NEW

Slide 13

Slide 13 text

Ҿ༻:Service Worker ͷ঺հ

Slide 14

Slide 14 text

༻๏༻ྔΛ͓कΓԼ͍͞

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Activated! responceΛcache! request͸clone͍ͯͩ͘͠͞Ͷ

Slide 17

Slide 17 text

։ൃπʔϧͰ֬ೝՄೳ

Slide 18

Slide 18 text

OfflineͰ΋ӾཡՄೳʹʂ But…ΞΫγϣϯग़དྷͳ͍ΑͶʁ ͜͜ajaxͰॲཧͯ͠Μͧɾɾɾ

Slide 19

Slide 19 text

PUSH௨஌͸Qiitaݟ͍ͯͩ͘͞w http://qiita.com/moriyaman/items/ 2e3a031c713658323815

Slide 20

Slide 20 text

ͦ͏ͩJOEFYFEECΛ࢖͓͏ʂ

Slide 21

Slide 21 text

ɾෳ਺ͷΦϒδΣΫτετΞΛ࣋ͯΔ ɾඇಉظॲཧͳͷͰɺϨϯμϦϯάΛϒϩοΫ͠ͳ͍ʂ ͓͍ɺ͍ͭ͜࠷ڧઆ͋Δͳ… ※جຊతʹ͸Web Storageͱಉ͡ key-value ετΞ

Slide 22

Slide 22 text

֓ͶͲͷ؀ڥͰ΋࢖͑Δͧɾɾɾ

Slide 23

Slide 23 text

ࠓճ࡞Γ͍ͨ΋ͷ actionDB kininaru job_offer_id user_id

Slide 24

Slide 24 text

ॳظઃఆ 2ճ໨Ҏ߱…

Slide 25

Slide 25 text

αʔόʹૹΔ & ࡟আ

Slide 26

Slide 26 text

σʔλͷ௥Ճ σʔλͷ࡟আ

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

ͳΜͯ෺෼͔Γͷྑ͍αʔϏεͳΜͩʂʂʂ

Slide 29

Slide 29 text

ɾࠓޙGoogleઌੜΛච಄ʹ Web㱻ΞϓϦͷڥ໨Λͳ͘͢ಈ͖͕׆ൃʹ ɾΦϑϥΠϯ㱻ΦϯϥΠϯΛ݁ͿαʔϏε͸ͲΜͲΜग़͖ͯͦ͏ ɾࠓޙ͸ͦͷล΋αʔϏεͷධՁ߲໨ʹೖͬͯ͘Δ͔΋ ͓͡͞Μ༧ใ