EC受託制作における PWAの立ち位置とこれから

# 要約
Eコマースのトータルサポートを得意とするTAM ECチームが考えるPWAの立ち位置や、クラアントワークの中でどのようにPWAを提案したいと考えているかについてお話します。

## 引用リンク
https://oh-tam.com/
https://www.tam-tam.co.jp/
https://www.aiship.jp/knowhow/archives/26129
https://developers.google.com/web/showcase/2016/flipkart
https://developers.google.com/web/showcase/2016/alibaba
https://www.glideapps.com/
https://apps.shopify.com/
https://www.gatsbyjs.org/
https://store.gatsbyjs.org/
https://www.vuestorefront.io/
https://github.com/DivanteLtd/vue-storefront
https://storybook.storefrontui.io/

Transcript

1. &$डୗ੍࡞ʹ͓͚Δ
   18"ͷཱͪҐஔͱ͜Ε͔Β 
   ,B[VLJ
   :POFNPUP
    גࣜձࣾ
   5".
2. ࣗݾ঺հ ถຊɹ࿨ੜ ΑͶ΋ͱ
   
   ɹ
   
   
   ͔͖ͣ લ৬ɿΞύϨϧ&$ͷ8FC୲౰ऀ ໾৬ɿΤϯδχΞɾσΟϨΫλʔ ಘҙɿ&$αΠτߏங
   ӳޠ ڵຯɿ$IBU
   #PU
   8FC"3
   18" ॴଐɿגࣜձࣾ5".
   &$νʔϜ
3. 3PBE
   .BQ w5".
   &$νʔϜʹ͍ͭͯ
   w&$ۀքͷைྲྀ
   w18"ͱ͸
   w&$ʹ͓͚Δ18"ಋೖࣄྫ
   w&$ʹ͓͚Δ18"ͷϝϦοτ
   w&$Ͱͷ18"ಋೖํ๏
   w&$
   º
   18"ͰͲͷΑ͏ͳఏҊ͕Ͱ͖Δ͔ʁ
4. 5".
   ʹ͍ͭͯ https://www.tam-tam.co.jp/
7. 5".
   &$νʔϜʹ͍ͭͯ IUUQTPIUBNDPN
8. 5".
   &$νʔϜʹ͍ͭͯ &$ͷ6*69Λத৺ʹ՝୊நग़͔Βӡ༻·ͰΛϫϯετοϓͰαϙʔτ
9. 5".
   &$νʔϜʹ͍ͭͯ
   ʙΑ͋͘Δ૬ஊ಺༰ʙ wࠓͷΧʔτ͕ࣄۀن໛ʹ߹Θͳ͘ͳ͖ͬͯͨɻ
   wΧʔτͷόʔδϣϯΞοϓʹ͔͔Δඅ༻Λ཈͍͑ͨɻ
   wͲͷΧʔτ͕͍͍͔෼͔Βͳ͍ɻ
   w&$ͰചΓ্͛Λ৳͹ͨ͢ΊͷࢪࡦΛ૬ஊ͍ͨ͠ɻ
   wΠϯϑϥͷอकʹίετΛ͋·Γ͔͚ͨ͘ͳ͍ɻ
   w&UD
10. 5".
    &$νʔϜʹ͍ͭͯ
    ʙΑ͋͘Δ૬ஊ಺༰ʙ wࠓͷΧʔτ͕ࣄۀن໛ʹ߹Θͳ͘ͳ͖ͬͯͨɻ
    wΧʔτͷόʔδϣϯΞοϓʹ͔͔Δඅ༻Λ཈͍͑ͨɻ
    wͲͷΧʔτ͕͍͍͔෼͔Βͳ͍ɻ
    w&$ͰചΓ্͛Λ৳͹ͨ͢ΊͷࢪࡦΛ૬ஊ͍ͨ͠ɻ
    wΠϯϑϥͷอकʹίετΛ͋·Γ͔͚ͨ͘ͳ͍ɻ
    w&UD ΧʔτબఆʹؔΘΔ՝୊͕ଟ͍
11. Ҿ༻: https://www.aiship.jp/knowhow/archives/26129 5".
    &$νʔϜʹ͍ͭͯ
    ʙΧʔταʔϏε૬ؔਤʙ
12. 5".
    &$νʔϜʹ͍ͭͯ
    ʙΑ͋͘Δ૬ஊ಺༰ʙ wࠓͷΧʔτ͕ࣄۀن໛ʹ߹Θͳ͘ͳ͖ͬͯͨɻ
    wΧʔτͷόʔδϣϯΞοϓʹ͔͔Δඅ༻Λ཈͍͑ͨɻ
    wͲͷΧʔτ͕͍͍͔෼͔Βͳ͍ɻ
    w&$ͰചΓ্͛Λ৳͹ͨ͢ΊͷࢪࡦΛ૬ஊ͍ͨ͠ɻ
    wΠϯϑϥͷอकʹίετΛ͋·Γ͔͚ͨ͘ͳ͍ɻ
    w&UD ΧʔτબఆʹؔΘΔ՝୊͕ଟ͍
13. &$ۀքͷைྲྀ wύοέʔδΠϯετʔϧܕ
    㱺
    Ϋϥ΢υ
    wॊೈͰ௚ײతͳϝϯςφϯεੑʢ/P$PEFʣ
    wϞϊϦγοΫ͔ΒϔουϨε΁ ॊೈੑͱࣗ༝౓ͷ௥ٻ
14. &$ۀքͷைྲྀ ʙ&$Ͱͷ/P$PEFʙ
15. &$ۀքͷைྲྀ όοΫΤϯυ ސ٬؅ཧ ܾࡁ هࣄ؅ཧ ड஫؅ཧ ࡏݿ؅ཧ ঎඼؅ཧ ϑϩϯτΤϯυ هࣄҰཡ ঎඼Ұཡ ঎඼ৄࡉ ϞϊϦγοΫͳߏ੒ʢैདྷͷ&$ʣ ʙϔουϨε&$ͱ͸ʙ
16. &$ۀքͷைྲྀ όοΫΤϯυ ސ٬؅ཧ ܾࡁ هࣄ؅ཧ ड஫؅ཧ ࡏݿ؅ཧ ঎඼؅ཧ ϑϩϯτΤϯυ هࣄҰཡ ঎඼Ұཡ ঎඼ৄࡉ ϔουϨεͳߏ੒ "1* ʙϔουϨε&$ͱ͸ʙ
17. ࠷৽ͷ؀ڥʹ߹Θͤͨઌਐతͳ ΞϓϦέʔγϣϯ
     1SPHSFTTJWF
    8FC
    "QQT 18"ͱ͸
18. 18"ͱ͸ wΦϑϥΠϯͰಈ͘
    wߴ଎ͳύϑΥʔϚϯε
    wϓογϡ௨஌͕Ͱ͖Δ
    wࣗಈߋ৽ʢϢʔβʔঝೝΛඞཁͱ͠ͳ͍ʣ
    wωΠςΟϒΞϓϦͷΑ͏ͳ69ମݧ
19. &$ʹ͓͚Δ18"ಋೖࣄྫ • ଺ࡏ͕࣌ؒ3ഒҎ্ • ϦΤϯήʔδϝϯτ཰40%্ঢ • ϗʔϜΞΠίϯ௥Ճܦ༝ͷ
 ίϯόʔδϣϯ཰70%޲্ 'MJQLBSU Ҿ༻
    IUUQTEFWFMPQFSTHPPHMFDPNXFCTIPXDBTFqJQLBSU
20. &$ʹ͓͚Δ18"ಋೖࣄྫ • ϒϥ΢β͔Βͷίϯόʔδϣϯ76%্ঢ • ΞΫςΟϒϢʔβʔ਺͕ iOS 14%, ɹɹɹɹɹɹ Andoroid 30%্ঢ • ϗʔϜը໘௥Ճ͔Βͷ
 ΠϯλϥΫγϣϯ཰͕4ഒ "MJCBCB Ҿ༻
    IUUQTEFWFMPQFSTHPPHMFDPNXFCTIPXDBTFBMJCBCB
21. &$ʹ͓͚Δ18"ͷϝϦοτ wΦϑϥΠϯͰಈ͘
    wߴ଎ͳύϑΥʔϚϯε
    wϓογϡ௨஌͕Ͱ͖Δ
    wࣗಈߋ৽ʢϢʔβʔঝೝΛඞཁͱ͠ͳ͍ʣ
    wωΠςΟϒΞϓϦͷΑ͏ͳ69ମݧ
22. &$Ͱͷ18"ಋೖํ๏ w(MJEF
    /P$PEF
    w&$ϓϥοτϑΥʔϜ෇ଐػೳʢϓϥάΠϯͳͲʣ
    w(BUTCZ
    +".TUBDL
    w7VF
    4UPSFGSPOU
    0QFO
    4PVSDF
    18"
23. (MJEF
    /P$PEF Ҿ༻
    
    IUUQTXXXHMJEFBQQTDPN
24. (MJEF /P$PEF
25. &$ϓϥοτϑΥʔϜ෇ଐػೳ
    ʙ4IPQJGZ
    ΞϓϦʙ Ҿ༻
    IUUQTBQQTTIPQJGZDPN
28. (BUTCZ
    +".TUBDL 3FBDU
    ϕʔεͷ੩తαΠτδΣωϨʔλʔʢ44(ʣ Ҿ༻
    IUUQTXXXHBUTCZKTPSH
29. (BUTCZ
    +".TUBDL ˓
    &$γεςϜ 4IPQJGZ
    .BHFOUPͳͲ ˓
    ੩తαΠτδΣωϨʔλʔ (BUTCZ ˓
    ϗεςΟϯάαʔϏε 'JSFCBTF
    /FUMJGZͳͲ
31. (BUTCZ
    +".TUBDL wϔουϨε&$ͷߏ੒
    w੩తϑΝΠϧͰੜ੒͞ΕΔ
    wಛఆͷ&$ϓϥοτϑΥʔϜʹґଘ͠ͳ͍
    w$%/഑৴ͰߴύϑΥʔϚϯε
    wϓϥάΠϯͰ18"ͷಋೖ͕؆୯
32. 7VF
    4UPSFGSPOU
    0QFO
    4PVSDF
    18" Ҿ༻
    IUUQTXXXWVFTUPSFGSPOUJP
33. 7VF
    4UPSFGSPOU
    0QFO
    4PVSDF
    18" Ҿ༻
    IUUQTHJUIVCDPN%JWBOUF-UEWVFTUPSFGSPOU
34. 7VF
    4UPSFGSPOU
    0QFO
    4PVSDF
    18" Ҿ༻
    IUUQTTUPSZCPPLTUPSFGSPOUVJJP
35. 7VF
    4UPSFGSPOU
    0QFO
    4PVSDF
    18" wϔουϨε&$ͷߏ੒
    wಛఆͷ&$ϓϥοτϑΥʔϜʹґଘ͠ͳ͍
    w7VFKTϕʔε
    w18"લఏ
    wίΞػೳɺ6*ϥΠϒϥϦͷॆ࣮
36. &$Ͱͷ18"ಋೖํ๏ &$ʹ͓͚Δ18"ͷಋೖํ๏͸༷ʑ ϔουϨε&$ͷจ຺Ͱ18"ಋೖ
    ͞ΕΔέʔε͕ଟ͍
37. &$ʹ͓͚Δ18"ಋೖϔουϨεԽͷσϝϦοτ wΫϥΠΞϯτͷϏδωε՝୊ʹରͯ͠ϝϦοτ͕গͳ͍
    wΠϯετʔϧ؅ཧ͕೉͍͠
    18"
    wϒϥ΢βຖʹಈ࡞؀ڥ͕ҟͳΔ
    18"
    wಈతॲཧ͕՝୊ʹͳΓ΍͍͢
    ϔουϨε
    wϓϥοτϑΥʔϜಛ༗ͷϓϥάΠϯͳͲ͕ར༻Ͱ͖ͳ͘ͳΔ
    ϔουϨε
38. &$
    9
    18"ͰͲͷΑ͏ͳఏҊ͕Ͱ͖Δ͔ʁ wσβΠϯੑΛॏࢹͨ͠ɺϒϥϯυαΠτ
    wຊମαΠτΛ࣠ʹখɾதن໛ͰετΞΛ্ཱ͍ͪ͛ͨ৔߹ ίϩφͷӨڹͰधཁ͕৳ͼ͖͍ͯͯΔ
39. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠