Web, App, or PWA by Shohei Koyama

PWA Beginners 勉強会 #3

Transcript

1. -Web? App? PWA?- FREEMONT, inc Shohei Koyama
2. Profile
3. Profile • ถࠃγΞτϧʹ̍೥ཹֶ • ౦ژཧՊେͷཧֶ෦෺ཧΛଔۀ • γΣΞϋ΢εܦӦΛ൒೥ • JavaͰERPΛ൒೥ • ECαΠτͷάϩʔεϋοΫ൒೥ • ৽نࣄۀ(NativeΞϓϦ)ͷPMΛ1೥ • G's ACADEMY LABίʔε3ظΛଔۀ • ձࣾελʔτ on ڈ೥ͷ12݄
4. Profile • ถࠃγΞτϧʹ̍೥ཹֶ • ౦ژཧՊେͷཧֶ෦෺ཧΛଔۀ • γΣΞϋ΢εܦӦΛ൒೥ • JavaͰERPΛ൒೥ • ECαΠτͷάϩʔεϋοΫ൒೥ • ৽نࣄۀ(NativeΞϓϦ)ͷPMΛ1೥ • G's ACADEMY LABίʔε3ظΛଔۀ • ձࣾελʔτ on ڈ೥ͷ12݄
5. PWA
6. WebͷମݧΛܶతʹม͑Δ΋ͷ ࢀߟURL: https://www.dropbox.com/s/z8hkuzg9egush6u/ 1803_PWA%E5%8B%89%E5%BC%B7%E4%BC%9A.pdf?dl=0
7. PWA͕ɺ WebͷମݧΛܶతʹม͑ΔཁҼ • ৹ࠪʹ௨͢ඞཁͳ͠ • ΦϑϥΠϯରԠ • όοΫάϥ΢ϯυಉظ • Push௨஌ • શը໘දࣔ • ܾࡁ ࢀߟURL: https://growthhackjournal.com/progressive-web-apps-the-nest-mobile-experience/
8. ʮ৘ใʯ ʻ ʮܦݧ஋ʯ URL:http://usamura.com/art_design/myself/
9. ʮ৘ใʯͷ࿩͸๻ɺͰ͖·ͤΜɻ ͍͢·ͤΜɻস
10. ʮܦݧʯ͔Βͷ ʮࢹ఺ʯͱʮࢥߟʯ
11. ண؟఺ͷఏڙ
12. Purpose
13. Asking Questions
14. Process
15. Process ࣮ࡍʹPWAͰ࡞ͬͯΈͨαʔϏε ↓ ߟ͑Δ͜ͱʹͳΔීวతͳ໰͍
16. Process ࣮ࡍʹPWAͰ࡞ͬͯΈͨαʔϏε ↓ ߟ͑Δ͜ͱʹͳΔ໰͍
17. ࡞ͬͯΈͨαʔϏε
18. ͋ͳͨͷཱྀߦΛɺਓੜʹڹ͘ །Ұແೋͷମݧʹ COMPASS Make Travel Better
19. COMPASSͱ͸
20. • ཱྀߦΨΠυΞϓϦ • Ϣʔβʔͷ޷ح৺ʹԊཱྀͬͨઌͷ ৘ใΛఏҊ • γΞτϧ൛ͷΈӡ༻த COMPASSͱ͸
21. ࢖༻ٕज़
22. • PWA • Vue.js • Onsen UI • Python ࢖༻ٕज़
23. ࣮ࡍʹ৮ͬͯΈ͍ͯͩ͘͞
24. https://seattle.compass-travel.jp
25. Questions
26. Questions ϢʔβʔʹͲ͏΍ͬͯ PWAԽͯ͠΋Β͏ʁ
27. Questions Ͳ͏આ໌ͨ͠Β͍͍ʁ
28. Questions ͔ͯઆ໌͠ͳ͍͍ͯ͘ʁ
29. Questions PWAԽͨ͠ޙɺͲ͏΍ͬͯ Ξοϓσʔτ (Ωϟογϡͷߋ৽)Λଅ͢ʁ
30. Questions WebͷUXʁ AppͷUXʁ
31. Native APP → PWA Web → PWA ͍͖ͳΓPWA Native ΋ Web΋͋Δ → PWA΋ͭ͘Δ
32. Purpose
33. UX
34. Ϣʔβʔʹ ԿΛಧ͚͍͔ͨ
35. ීวతͳՁ஋͸ͳʹ͔
36. App Web Past
37. App Web Present
38. App Web Future
39. Apple Google Future ࢀߟURL:https://amzn.to/2H15k0p
40. Think for yourself and question authority. -Timothy Leary
41. facebook/shohei.koyama7
42. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ