事例からみるアプリデザインの成長戦略とWeb Native Platform/app_design_growth

https://2019.kfug.jp/session/sakakibaramasahiko/

Transcript

1. ࣄྫ͔ΒΈΔ
   ΞϓϦσβΠϯͷ੒௕ઓུͱ8FC
   /BUJWF
   1MBUGPSN
   GSPOULBOTBJ
   #
   'SPOU$POGΞϓϦ IUUQTLGVHJPOJDGSBNFXPSLKQ
2. ࣗݾ঺հ !SEMBCP Ұൠࣾஂ๏ਓ
   ϦϨʔγϣϯσβΠϯݚڀॴ
   ୅දཧࣄ Ұൠࣾஂ๏ਓ
   "SFB
   *OOPWBUJPO
   "MJBODF
   $50 *POJD
   +BQBO
   6TFS
   (SPVQ
   
   ୅ද
3. ίϯτϦϏϡʔλʔ ionic-team/ionic ionic-team/starters ionic-team/ionic-cli ionic-team/ionic-docs ionic-team/ionic-react -conference-app GoogleChrome/lighthouse
4. <1SPEVDU>
   SBCJGZ
   $%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E ʮը૾͕ͳ͔ͳ͔දࣔ͞Εͳ͍ʯΛվળɻ
5. 
   <1SPEVDU>
   UJQTZT
6. ϝσΟΞܝࡌ w ςϨϏʮ50,:0
   .9ʯʢʣ
   w ࡶɹࢽʮ$-"44:ʯʢʣ
   w ςϨϏʮεΫʔϧֵ໋ʯʢʣ
   w ࡶɹࢽʮXJUIʯʢʣ
7. ϓϩμΫτͷເ
8. ϓϩμΫτ։ൃͷເ όζͬͯࢿۚௐୡ ޿ࠂग़ߘ ೔ͰສϢʔβ֫ಘ ͍͖ͳΓޏ༻
9. ϓϩμΫτ։ൃͷເ IUUQTUB⒎CMPHCICDPKQ FJE
11. ͍͖ͳΓόζΔϓϩμΫτͷཪଆ w͍͖ͳΓສϢʔβ͕͖ͨΒɺͭͷෆ۩߹Λສਓ͕ମݧ
    w໎͏6*͕ͭ͋Ε͹ɺສਓ͕໎ࢠ
    wαʔόεϖοΫ͸༧ଌͰ͖ͯΔʁ
    w4MPX
    2VFSZ͸ڐ༰ൣғ಺Ͱ͔͠ͳ͍ʁຊ౰ʁ
    w໰͍߹ΘͤͷରԠମ੍͋Δʁ
    w૝ఆ֎ͷ࢖ΘΕํ͠ͳ͍ʁ
    w૝ఆ֎ͷ࢖ΘΕํʹରͯ͠ར༻ن໿͸๏తʹେৎ෉ʁ
12. ମྗͷ͋Δاۀͷղܾํ๏ t2.medium ݄3ઍԁ t2.2xlarge ݄3ສԁ m5d.metal ݄40ສԁ º
    αʔό୆਺ ५୔ͳཁһ
13. ݱ࣮ʹཱͪ޲͔͓͏
14. UJQTZT։ൃͷ͖͔͚ͬ ʮग़ձ͍ΛҰॹʹ୳͠ʹ͍͘૬ख͕͍ͳ͍ʯ
    ʮஉ͡Όͳͯ͘ɺঁ༑ୡͱͷϚονϯάαΠτ͕͋Ε͹͍͍ͷʹʯ
    ʮ্ژͯ͠Ұ೥ܦͬͯͳ͍͔ΒͭΒ͍ʯ
15. UJQTZT։ൃͷ͖͔͚ͬ ɾ͓ۚͱ࣮੷͕ཉ͍͠
    ɾͦ΋ͦ΋࣮ྗ͕ཉ͍͠
    ɾडୗ͸ճ͠ଓ͚ͳ͍ͱࢭ·ΔϋϜελʔͷճ͠ंײ֮
    ɾ͓·͔͔ͤ͠ͳ͍ण࢘԰ɻ͓ͨͩ͠ࢼ͠Ͱͭͬͯ͘΋Βͬͯ Ұ݅ສɻ୭͕ೖΔͷʁ
    ɾചΓ্͛ͨ͜ͱ͕ͳ͍Ӧۀɻۀ຿վળͨ͜͠ͱͷͳ͍ίϯα ϧ ʮͭͬͨ͘ΒϢʔβ͸ਓ͸͍ΔΒ͍ͧ͠ʯ
16. ౰࣌ͷٕज़ελοΫ w)5.-$44
    ҰԠΘ͔Δ
    wK2VFSZ
    ϓϥάΠϯ࢖͑Δ
    w"OHVMBS+4
    ίʔυͷίϐϖͰ͖Δ
    w8PSE1SFTT
    ·͊Ͱ͖Δ
    w1)1
    Կͱͳ͘ϓϩμΫτͭ͘ΕΔ
    w4XJGU
    ·ͬͨ͘Θ͔ΒΜ
    
    அ೦ܦݧ͋Γ
    w9DPEFͷετʔϦʔϘʔυ͸8FCۀք͸΋͏௨Γա ࣺ͗ͯͯͨಓͩɻϗʔϜϖʔδϏϧμʔੜ੒ίʔυ͸ ؾ࣋ͪѱ͍ͱ͍ͬͯ࢖͏ͷΛ΍ΊͨͩΖ͏ʢෛ͚੯͠ Έʣ
17. ͱΓ͋͑ͣඞཁͦ͏ͳը໘Λ੾Γग़ͯ͠ΈΑ͏ υϥϑτͷϓϩμΫτ
18. ʮঁ༑ୡͱग़ձ͏6*ͬͯਖ਼ղ͋Δͷʁʯ ͱΓ͋͑ͣඞཁͦ͏ͳը໘Λ੾Γग़ͯ͠ΈΑ͏ ʮҟੑؒͷग़ձ͍ʹ࠷దԽ͞Εͨ6*ͬͯࢀߟʹͳΔʁʯ ʮϢʔβ਺গͳ͍࣌ͱଟ͘ͳ͔ͬͯΒͱಉ͡6*ʁʯ ʮͦ΋ͦ΋͜Ε1)1Ͱͭͬͯ͘ར༻ͯ͠΋Β͑Δʁʯ ʮϢʔβ͕࢖͏ίϯςΩετ͸ʁʯ
19. վળΛ܁Γฦ͍ͯ͘͠
20. 6*ͷ1%$"
21. ৘ใͷάϧʔϐϯά
22. Ϣʔβͷ؍࡯
23. Ϣʔβͷ؍࡯ʢԾઆݕূʣ
24. Ϣʔβͷ؍࡯ʢԾઆݕূʣ
25. 1BHFؒͷʮҙຯʯͷ౷ҰʢΧςΰϥΠζʣ
26. 1BHFؒͷʮҙຯʯͷ౷Ұ
27. ΞϓϦن໛ͱσβΠϯʢ࣌ܥྻʣ
28. ʮͲ͏΍ͬͯ࢖ͬͯཉ͍͠ʁʯʢҙਤʣ
29. 69ઃܭͷ࿩
30.  4&-&$5଎͍
     ෳ਺$16Λ༻͍ͯΫΤϦ࣮ߦ͢ΔʮύϥϨϧΫΤϦʯʢતʣ
     1PTU(*4Λ࢖ͬͯ஍ਤσʔλΛѻ͑Δʢۭؒσʔλѻ͑Δ
     ܕ͕ݫ֨ͳͷͰൺֱ͕ࣜॻ͖΍͍͢
     ϒϩοΩϯάॲཧ͕ݰਓࢦ޲
    69
    ʛ
    ίϯςΩετɹʕʕɹͲ͏͍͏γʔϯͰʁ IUUQZLB[VDPNVYDPOUFYUGPSVYEFTJHO
31. 69
    ʛ
    ϖϧιφɹʕʕɹ୭͕ʁ IUUQTNPOTUBSMBCDPNVYEFTJHO@QFSTPOB
32. 69
    ʛ
    ϖϧιφɹʕʕɹ୭͕ʁ w೔ຊͷ஍ํʹڵຯ͕͋ΔΞϥϒͷੴ༉Ԧ
    wૉ๿ͳ฻Β͕͠޷͖Ͱ͋Γɺࢁࡊ΍ݹຽՈ͕޷͖
    w݌૽ͷ͋Δͱ͜ΖͰ͸ͳ͘੩͔ͳͱ͜Ζ͕޷͖
    w͓ͦͯۚ͠Λ͔ͭͬͯ͘ΕΔ ͋ͳͨͷपΓʹͻͱΓͰ΋͍·͔͢ʁ ˞࣮࿩ʹج͍ͮͨ࿩Ͱ͢
33. 69
    ʛ
    ϖϧιφɹʕʕɹ୭͕ʁ
34. 69ɹʕʕɹϢʔβମݧ ར༻લ ར༻த ར༻ޙ ग़యɹ69നॻʢ೔ຊޠ൛ʣ ࣌ܥྻʹɺϢʔβ͕
    ମݧ͢Δࣄ࣮ɾײ৘ɻ
35. ΞϓϦͷ6TFS
    *OUFSGBDFͱ͸
36. ٕज़ελοΫ͔Βͷٕज़બఆ w΍ͬͺΓΞϓϦετΞͰ഑৴͍ͨ͠ʢϢʔβ໨ઢɺϓϩ όΠμ໨ઢͱ΋ʹʣ
    w͚Ͳɺ͔Β4XJGU΍+BWBΛ֮͑Δͷ͸ۤ௧
    wݱ࣮తʹ଎͍αΠΫϧͰ6*΍ػೳͷݟ௚͠Ͱ͖Δʁ
    wͻͱΓͳͷͰϋΠϒϦουΞϓϦ͡Όͳ͍ͱࢮ͵
    
    ͚ Ͳ$Θ͔ΒΜ9BNBSJOແཧɻ
    w8FCٕज़ͰΞϓϦͭͬͯ͘ΞϓϦετΞͰ഑৴ͨ͠ ͍ʂʂ
37. *POJD
    'SBNFXPSL ʮ8FCٕज़ͰΞϓϦ6*Λ࠶ݱ͢Ε͹͍͍͡Όͳ͍ʯ
38. *POJD
    'SBNFXPSL
    
    .PCJMF
    6* .PCJMF
    6TFS
    *OUFSGBDF
39. *POJD
    'SBNFXPSL
    
    'SBNFXPSL
    $PNQBUJCJMJUZ 'SBNFXPSL
    $PNQBUJCJMJUZʢϓϥοτϑΥʔϜͷޓ׵ੑʣ ʮίϯύνϏϦςΟͱ͸ɺϋʔυ΢ΣΞ΍ιϑτ΢ΣΞ͕ɺ࢓༷ͷҟͳΔ΋ͷʹஔ͖ ׵͑ΒΕ্ͨͰ΋ɺݩ௨Γͷಈ࡞Λ͢Δͱ͍͏ঢ়ଶͷ͜ͱͰ͋Δʯ
40. *POJD
    'SBNFXPSL
    
    lOPOMJOFBS
    OBWJHBUJPO lOPOMJOFBS
    OBWJHBUJPOʢඇઢܗφϏήʔγϣϯʣ
41. *POJD
    'SBNFXPSL
    
    /BWJHBUJPO
    4UBDL /BWJHBUJPO
    TUBDLʢφϏήʔγϣϯελοΫʣ
42. $PSEPWB$BQBDJUPS ʮ8FC
    7JFXͰΞϓϦΛදࣔͨ͠Β͍͍͡Όͳ͍ʯ
43. 8FCඪ४Λϕʔεʹͨ͠ϋΠϒϦουల։
44. 'SPOU$POGΞϓϦ 8FCΛϞόΠϧϥΠΫͳΞϓϦͱͯ͠ѻ͏͜ͱ͕Մೳ
45. 'SPOU$POGΞϓϦ 8FCΛϞόΠϧϥΠΫͳΞϓϦͱͯ͠ѻ͏͜ͱ͕Մೳ IUUQTLGVHJPOJDGSBNFXPSLKQ
46. 8FCσβΠφʔ͕೔ͰεϚϗΞϓϦΛެ։ͨ͠ํ๏
    IUUQTCMPHDOUMPHOFUBSDIJWFT
47. *POJDͰ࡞ΔϞόΠϧΞϓϦ੍࡞ೖ໳ ୯ߦຊ
    r
    
    ϖʔδɹ
     ԁ IUUQTBN[OUP1"S&M
48. খͭͬͯ͘͘͞େ͖͘ҭͯΔ
49. ௕ظͷ੒௕ɾվળઓུ
50. ·ͱΊ w8FC੍࡞͕Ͱ͖ΔͳΒɺΞϓϦΛͭ͘Δ͜ͱ͕Ͱ͖Δ
    w41"18"ͱ͚ͯͩ͠Ͱ͸ͳ͘ɺ"QQ4UPSF(PPHMF
    1MBZͰ ഑৴Ͱ͖Δ
    w΋ͪΖΜऩೖͱ୯Ձ͸૿͑ͨɻͦͯ͠Քಇ࣌ؒݮΒͯ͠΋ఆ ظతʹೖͬͯ͘Δݻఆऩೖ͕ੜ·Εͨɻ
    wԿ͔͸͡Ίͨͯ͘͜͜ʹ͖ͯΔͳΒɺͥͻϓϩμΫτ։ൃͱ *POJDΛࢼͯ͠Έ͍ͯͩ͘͞
51. ͥͻɺ঎඼୨ʹ঎඼Λฒ΂͍ͯͩ͘͞ɻ