PWA with YUMEMI -PWA Night Conference 2021-

Transcript

1. PWA with YUMEMI PWA Night Conference 2021 2021/06/26（土） 株式ձ社ゆめみ
2. ͍ͭ΋ͳΒ͜͜Ͱ ฐࣾΏΊΈͷ࿩͹͔Γ͠·͕͢…
3. ࠓ೔͸ͳΔ΂͘ PWA ʹؔ͢Δ࿩Λ͠·͢🎉 ͨͩ…࠷ޙʹͪΐͬͱ͚ͩએ఻΋͠·͢🙇
4. ࣗݾ঺հ
5. const my_info = { Fullname: ‘܂ݪ੟ਔ’, Position1: ‘FE ςοΫϦʔυ’, Position2: ‘νϟϨϯδऔక໾’, Twitter: ‘@kuwahara_jsri’, PokemonGO: ‘TL 40’, }
6. ͦΕͰ͸ PWA ͷ͓࿩Λ͠·͠ΐ͏ʂ
7. ͬ͘͟Γ Web ͷྺ࢙͔Β PWA ͷՁ஋Λߟ͑Δ
8. 1999೥ ʙ 2008೥
9. 1999 2005 2008 2007 ECMA Script4 ͷ૲Ҋ͕ഁغ͞ΕΔ ECMA Script4 ࢓༷ॻͷυϥϑτ͕ެ։ 2003 ̎೥ؒࡦఆΛதஅ ECMA Script4 ࢓༷ࡦఆ։࢝ ࡦఆΛ࠶։ MicroSoftɹ🆚ɹNetscape
10. ECMA Script4 http://www.ecmascript.org/es4/spec/overview.pdf Ϟδϡʔϧ ΦϒδΣΫτࢦ޲ ςϯϓϨʔτʢδΣωϦΫεʣ ੩తܕ෇͚ Nullable ܕ
11. ECMA Script4 http://www.ecmascript.org/es4/spec/overview.pdf Ϟδϡʔϧ ΦϒδΣΫτࢦ޲ ςϯϓϨʔτʢδΣωϦΫεʣ ੩తܕ෇͚ Nullable ܕ TypeScript ΍ωΠςΟϒΞϓϦ ։ൃ༻ͷݴޠͬΆ͍💁
12. 2005೥
13. Google Map https://goo.gl/maps/J7rXqbuAdwYC7Ljd8
14. Google Map https://goo.gl/maps/J7rXqbuAdwYC7Ljd8 AJAXͷొ৔ʢϦϩʔυͳ͠Ͱσʔλͷऔಘʣ ωΠςΟϒΞϓϦͷૢ࡞ײΛ Web ϖʔδͰ
15. 2014೥? ʙ now
16. ίϯϙʔωϯτઃܭ΁ Component MVC MVA MVVM Atomic Design
17. ίϯϙʔωϯτઃܭ΁ Component MVC MVA MVVM Atomic Design Web ΞϓϦέʔγϣϯ ≒ ωΠςΟϒΞϓϦέʔγϣϯ
18. ίϯϙʔωϯτઃܭ΁ Component MVC MVA MVVM Atomic Design PWA ͸͋͘·Ͱ 📣Web ΞϓϦέʔγϣϯ📣
19. PWA ͷಛ௃ ϓογϡ௨஌ ϗʔϜը໘ʹ௥Ճ (A2HS) Ωϟογϡ/ΦϑϥΠϯ HTTPS
20. ϓογϡ௨஌ Ωϟογϡ/ΦϑϥΠϯ HTTPS PWA ͷಛ௃ ϗʔϜը໘ʹ௥Ճ (A2HS)
21. PWA νΣοΫϦετ https://web.dev/pwa-checklist/
22. ๻Β͸ PWA ͷ఻ಓࢣ
23. ΏΊΈͷ͝঺հ
24. ΏΊΈͷ໘ന੍͍౓ 👍 ษڧ͠์୊੍౓ 👍 ༗څऔΓ์୊੍౓ 👍 څ༩ࣗݾܾఆ੍౓ ͳͲ
25. ੒௕Ͱ͖ΔاۀNo.1 Ұॹʹ YUMEMI で ಇ͖·ͤΜ͔? YUMEMI Ͱ੒௕͠·ͤΜ͔ ? ڵຯΛ࣋ͬͨํ͸ɺੋඇ͓࿩͍ͤͯͩ͘͞͞ʂ ৽ଔɾத్࠾༻ʲΤϯ ジ χΞɾUX/UI デザ ΠφʔɾPMɾӦۀʳ Ԡื ペ ʔ ジ : https://hrmos.co/pages/yumemi/jobs/0000029/apply