Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PWA with YUMEMI -PWA Night Conference 2021-

PWA with YUMEMI -PWA Night Conference 2021-

3135a28c51dfa27396bb525e9972db95?s=128

kkeeth

June 24, 2021
Tweet

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
  26. None