PWA with YUMEMI -PWA Night Conference 2021-

Slide 1

Slide 1 text

PWA with YUMEMI PWA Night Conference 2021 2021/06/26（土）株式ձ社ゆめみ

Slide 2

Slide 2 text

͍ͭ΋ͳΒ͜͜Ͱ ฐࣾΏΊΈͷ࿩͹͔Γ͠·͕͢…

Slide 3

Slide 3 text

ࠓ೔͸ͳΔ΂͘ PWA ʹؔ͢Δ࿩Λ͠·͢🎉 ͨͩ…࠷ޙʹͪΐͬͱ͚ͩએ఻΋͠·͢🙇

Slide 4

Slide 4 text

ࣗݾ঺հ

Slide 5

Slide 5 text

const my_info = { Fullname: ‘܂ݪ੟ਔ’, Position1: ‘FE ςοΫϦʔυ’, Position2: ‘νϟϨϯδऔక໾’, Twitter: ‘@kuwahara_jsri’, PokemonGO: ‘TL 40’, }

Slide 6

Slide 6 text

ͦΕͰ͸ PWA ͷ͓࿩Λ͠·͠ΐ͏ʂ

Slide 7

Slide 7 text

ͬ͘͟Γ Web ͷྺ࢙͔Β PWA ͷՁ஋Λߟ͑Δ

Slide 8

Slide 8 text

1999೥ ʙ 2008೥

Slide 9

Slide 9 text

1999 2005 2008 2007 ECMA Script4 ͷ૲Ҋ͕ഁغ͞ΕΔ ECMA Script4 ࢓༷ॻͷυϥϑτ͕ެ։ 2003 ̎೥ؒࡦఆΛதஅ ECMA Script4 ࢓༷ࡦఆ։࢝ ࡦఆΛ࠶։ MicroSoftɹ🆚ɹNetscape

Slide 10

Slide 10 text

ECMA Script4 http://www.ecmascript.org/es4/spec/overview.pdf Ϟδϡʔϧ ΦϒδΣΫτࢦ޲ ςϯϓϨʔτʢδΣωϦΫεʣ ੩తܕ෇͚ Nullable ܕ

Slide 11

Slide 11 text

ECMA Script4 http://www.ecmascript.org/es4/spec/overview.pdf Ϟδϡʔϧ ΦϒδΣΫτࢦ޲ ςϯϓϨʔτʢδΣωϦΫεʣ ੩తܕ෇͚ Nullable ܕ TypeScript ΍ωΠςΟϒΞϓϦ ։ൃ༻ͷݴޠͬΆ͍💁

Slide 12

Slide 12 text

2005೥

Slide 13

Slide 13 text

Google Map https://goo.gl/maps/J7rXqbuAdwYC7Ljd8

Slide 14

Slide 14 text

Google Map https://goo.gl/maps/J7rXqbuAdwYC7Ljd8 AJAXͷొ৔ʢϦϩʔυͳ͠Ͱσʔλͷऔಘʣ ωΠςΟϒΞϓϦͷૢ࡞ײΛ Web ϖʔδͰ

Slide 15

Slide 15 text

2014೥? ʙ now

Slide 16

Slide 16 text

ίϯϙʔωϯτઃܭ΁ Component MVC MVA MVVM Atomic Design

Slide 17

Slide 17 text

ίϯϙʔωϯτઃܭ΁ Component MVC MVA MVVM Atomic Design Web ΞϓϦέʔγϣϯ ≒ ωΠςΟϒΞϓϦέʔγϣϯ

Slide 18

Slide 18 text

ίϯϙʔωϯτઃܭ΁ Component MVC MVA MVVM Atomic Design PWA ͸͋͘·Ͱ 📣Web ΞϓϦέʔγϣϯ📣

Slide 19

Slide 19 text

PWA ͷಛ௃ ϓογϡ௨஌ ϗʔϜը໘ʹ௥Ճ (A2HS) Ωϟογϡ/ΦϑϥΠϯ HTTPS

Slide 20

Slide 20 text

ϓογϡ௨஌ Ωϟογϡ/ΦϑϥΠϯ HTTPS PWA ͷಛ௃ ϗʔϜը໘ʹ௥Ճ (A2HS)

Slide 21

Slide 21 text

PWA νΣοΫϦετ https://web.dev/pwa-checklist/

Slide 22

Slide 22 text

๻Β͸ PWA ͷ఻ಓࢣ

Slide 23

Slide 23 text

ΏΊΈͷ͝঺հ

Slide 24

Slide 24 text

ΏΊΈͷ໘ന੍͍౓ 👍 ษڧ͠์୊੍౓ 👍 ༗څऔΓ์୊੍౓ 👍 څ༩ࣗݾܾఆ੍౓ ͳͲ

Slide 25

Slide 25 text

੒௕Ͱ͖ΔاۀNo.1 Ұॹʹ YUMEMI で ಇ͖·ͤΜ͔? YUMEMI Ͱ੒௕͠·ͤΜ͔ ? ڵຯΛ࣋ͬͨํ͸ɺੋඇ͓࿩͍ͤͯͩ͘͞͞ʂ ৽ଔɾத్࠾༻ʲΤϯ ジ χΞɾUX/UI デザ ΠφʔɾPMɾӦۀʳ Ԡื ペ ʔ ジ : https://hrmos.co/pages/yumemi/jobs/0000029/apply

Slide 26

Slide 26 text

No content