ぼくのアプリがカイゼンできない

HTML5 APP CONFERENCE 2018 で発表した内容です
https://html5app-conf.connpass.com/event/87730/

Transcript

1. 18"J04"OESPJEରԠ͢Δ)5.-ΞϓϦΛ
   ࣮ϓϩμΫτͰ͍͔ʹߏங͠ɺҭ͍ͯͯ͘ͷ͔ɻ
   ʙ
   ॳظ։ൃ͔Β౓ͷେن໛ϦϑΝΫλϦϯάΛܦͯಘͨ஌ݟ
   ʙ ぼくのアプリが カイゼンできない！
2. $.
3. https://techfeed.io
4. ࠓ͙͢ݕࡧʂʂ
5. $.
   ͓ΘΓ
6. ๻ͷΞϓϦ͕
   վળͰ͖ͳ͍ʂ 18"J04"OESPJEରԠ͢Δ)5.-ΞϓϦΛ
   ࣮ϓϩμΫτͰ͍͔ʹߏங͠ɺҭ͍ͯͯ͘ͷ͔ɻ
   ʙ
   ॳظ։ൃ͔Β౓ͷେن໛ϦϑΝΫλϦϯάΛܦͯಘͨ஌ݟ
   ʙ
7. ϓϩϩʔά ʮ΍ͬͨʂ)5.-ΞϓϦͰ͖ͨʂϦϦʔεͩʂʂʯ ͓ΊͰͱ͏͍͟͝·͢ɻ
 ͔͠͠ɺຊ౰ͷΞϓϦ։ൃ͸
 ͜Ε͔ΒͩͬͨͷͰ͢ʜ
8. ਺೔ޙŋŋŋ ͋ΕʁͳΜ͔ಈ͔ͳ͍ͱ͔ΫϨʔϜདྷͨͧɻ
 Ϣʔβʔͷ୺຤͕ݟ͑ͳ͍ͷͰΤϥʔ͕࠶ݱͰ͖ͳ͍ͳʜ
 
 ୀձ͕ଓ͍ͯΔͳ͊
 Կ͕ݪҼ͔Α͘෼͔Βͳ͍ʜ
   ৽͍͠ػೳΛ௥Ճ͠Α͏ʂ
 طଘίʔυ͕ϘϩϘϩ͗ͯ͢
 ϦϑΝΫλϦϯά͠ͳ͍ͱͩɻ
 ϦϑΝΫλϦϯάͨ͠Βಈ͔ͳ͘ͳͬͨʂ
9. ࠓ೔͓࿩͢͠Δ͜ͱ w ΞϓϦ͸ग़͔ͯ͠Β͕େมʂ
   w ΍Γ͍ͨࣄɺ΍Βͳ͖Ό͍͚ͳ͍ࣄ͕ࢁ΄Ͳग़ͯ͘Δ
   w ۓٸରԠɺόάʹ௥ΘΕͯվળͰ͖ͳ͍
   w Ͳ͕͜ϙΠϯτͳͷ͔෼͔Βͳ͍ɺͳʹ͔ΒखΛ͚ͭ Δ͔ࢦඪ͕ͳ͍
   w ͱɺͳΒͳ͍ͨΊʹɺ४උΛ͔ͬ͠Γ͠·͠ΐ͏
10. Ͱ͸ͳ͍
11. ࠓ೔఻͍͑ͨ͜ͱ ຬ଍ͷ͍͘΋ͷ͸ઈର࡞Εͳ͍ɻૣ͘ϓϩ μΫτΞ΢τͯ͠ࢢ৔Ͱ͔֬ΊΔɻ
    ૣ͘ग़ͯ͠ɺૣ͘վળΛճ͢͜ͱ͕ॏཁ
    ͦͷͨΊͷ)5.-ͷΞϓϦ͡Όͳ͍ͷ͔ɻ
 ૣ͍ɺ͍҆ɺͦͦ͜͜͏·͍
    ͦͷͨΊͷώϯτΛ͓࿩͠͠·͢ɻ
12. ໨࣍  ٕज़બఆ
     ։ൃ؀ڥ
     ઃܭ
     ςετ
     ϩΪϯά
     ؂ࢹ
     ෼ੳ
13. ɽٕज़બఆ
14. ͍͖ͳΓΉ͍ͣ
    ͜Ε͚ͩͰ࣌ؒ͸ޠΕͦ͏
15. ΞϓϦ։ൃͷछྨ wωΠςΟϒΞϓϦ
    w"OESPJEʢ+BWB
    ,PUMJOʣ
    wJ04ʢ0CKFDUJWF$ɼ4XJGUʣ
    wϋΠϒϦουΞϓϦ
    wωΠςΟϒϕʔεʢ9BNBSJO
    $
    3FBDU/BUJWF
    +4
    'MVUUFS
    %BSUʣ
    w)5.-ϕʔεʢ$PSEPWB
    +4ʣ
16. ͦ΋ͦ΋ϋΠϒϦουʹ͢Δඞཁ͸͋Δͷ͔ʁ
    ʮ"JSCOC
    3FBDU/BUJWF΍ΊΔͬͯΑʯ
 ͕࿩୊ʹͳΓ·ͨ͠Ͷɻ
17. Φʔόʔϔου w ૚͕ॏͳΔ΄Ͳ͍ΖΜͳΦʔόʔϔου͕େ͖͍ɻ
    w ύϑΥʔϚϯε໘Ͱ͸େ෼վળͭͭ͠΋ΤίγεςϜͷϥΠϑαΠΫ ϧͳͲʹେ͖ͳӨڹɻ
    w ྫ͑͹ɺ৽͍͠04όʔδϣϯ͕ग़ͨͱ͖ɺDPSEPWB
    QMVHJO͕ରԠ͢ Δ·Ͱ͸λΠϜϥά͕ΘΓͱ͋Δ͠ɺ΋ͷʹΑͬͯ͸ରԠ͞Εͳ͍ɻ DPSEPWB
    
    ωΠςΟϒϕʔεͷϋΠϒϦου

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ӽ͑ΒΕͳ͍น
    
    ωΠςΟϒ
18. બఆϑϩʔνϟʔτ w ׈Β͔ͳΞχϝʔγϣϯ΍ύϑΥʔϚϯε͕ॏཁʢήʔϜͳͲʣ
    ˠ:FT
    ωΠςΟϒΞϓϦ
    w ωΠςΟϒͷ৽͍͠ػೳ͕ඞཁʢ"3ͳͲʣ
    ˠ:FT
    ωΠςΟϒΞϓϦ
    w ͦΕҎ֎ʢ࣍1BHFʣ ΫϩεϓϥοτϑΥʔϜͷΞϓϦΛ։ൃ͢Δͱ͖ͷ
    ϑϩʔνϟʔτΛߟ͑ͯΈͨ
19. બఆϑϩʔνϟʔτ w ωΠςΟϒͷ։ൃऀ͕͍Δ
    w :FT
    J04"OESPJEͷͦΕͧΕ͍Δ
    w :FT
    ˠ
    ωΠςΟϒΞϓϦ
    w /P
    ʢยํ͔͍͠ͳ͍ʣ
    w ༧ࢉɺظ͕ؒ͋Δ
    w :FT
    ˠ
    ωΠςΟϒΞϓϦ
    w /P
    ʢ༧ࢉɺظ͕ؒͳ͍ʣ
    ˠϋΠϒϦουΞϓϦʢωΠςΟϒϕʔεʣ
 ·ͣ͸ҰͭͷϓϥοτϑΥʔϜͰ
20. બఆϑϩʔνϟʔτ w/P
    ʢωΠςΟϒͷ։ൃऀ͕͍ͳ͍ʣ
    w8FCΞϓϦͷ։ൃ͕ಘҙ
    w:FT
    
    ௕ظతӡ༻ͱ֦ு͕ܾ·͍ͬͯͯɺ༧ࢉ΋͋Δ
    w:FT
    ˠ
    ωΠςΟϒษڧͯ͠ωΠςΟϒ΍ͬͨ΄͏͕͍͍ɻ·ͨ ͸ωΠςΟϒϕʔεͷϋΠϒϦου։ൃ
    w/P
    ʢ༧ࢉ΋ظؒ΋ͳ͍ʣ·ͨ͸18"΋ϦϦʔε͍ͨ͠
    ˠ
    ϋΠϒϦουʢ)5.-ϕʔεʣ
    w/P
    ʢ8FCΞϓϦͷ։ൃ͕ಘҙͰͳ͍ʣ
    ˠ
    ωΠςΟϒษڧͯ͠ωΠςΟϒ΍ͬͨ΄͏͕͍͍ɻ·ͨ͸ω ΠςΟϒϕʔεͷϋΠϒϦου։ൃ
21. ͪΐͬͱ·ͯɺ)5.-ΞϓϦɺ
 ΄ͱΜͲग़൪ͳ͍͡Όͳ͍͔ʂʁ
22. େৎ෉Ͱ͢ɻ
 ࣮͸݁ߏ֘౰͢Δɻ
23. )5.-ΞϓϦͷదॴ ͓ۚͱ࣌ؒʹ༨༟͕͋ΔͳΒωΠςΟϒ͕͍͍ʂ ͱ͸͍͑ɺݱ࣮తʹͦΜͳ͜ͱ͸كɻ
    ελʔτΞοϓʹ͓͍ͯܧଓੑͱ͔༧ࢉͱ͔͋Δ Θ͚ͳ͍ɻ
    ࠷ॳ͸௿ίετͰ؆୯ʹ࡞ΕΔ
    )5.-ΞϓϦͷ ັྗ͸େ͖͍ɻ
24. ಋೖͱӡ༻ DPSEPWB
    
    ωΠςΟϒϕʔεͷϋΠϒϦου

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ӽ͑ΒΕͳ͍น
    
    ωΠςΟϒ ಋೖίετ DPSEPWB
    
    ωΠςΟϒϕʔεͷϋΠϒϦου

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ӽ͑ΒΕͳ͍น
    
    ωΠςΟϒ ӡ༻ίετ ˞
    ݸਓͷײ૝Ͱ͢ ˞
    ݸਓͷײ૝Ͱ͢ ۜͷ஄ؙ͸ͳ͍ɻ
    ίετΛઌʹ͔࣋ͭɺޙʹπέΔ͔ͷҧ͍ɻ
25. ɽ։ൃ؀ڥ
26. ݴޠ ͳΜͰ΋͍͍͕ɺܕ͸௒ॏཁʂ
    ੩తʢ઴ਐతʣܕ෇͚ݴޠΛڧ͘Φεεϝ͢Δɻ
 ʢ࠷ۙͷ͸େମ͋Δ
    5ZQF4DSJQU
    %BSU
    
    ,PUMJO
    FUDʣ
    ΞϓϦ͕੒௕͍ͯ͘͠ͱ͖ɺϦϑΝΫλϦϯά͸ඞͣى͖Δɻ ͦͷ࣌ɺܕ͕͋Δ͔ͳ͍͔Ͱۤ͠Έ͕େ෼ҧ͏ɻ
    νΣοΫ͸ݫ͠Ίʹ
 ʢTUSJDU/VMM$IFDLTɺTUSJDU1SPQFSUZ*OJUJBMJ[BUJPOͱ͔͸0/ʹ͍ͨ͠ʣ
27. )PU
    3FMPBE -JWF3FMPBE)PU3FMPBE͸΍ͬͺཉ͍͠ -JWF3FMPBE ιʔε͕มߋ͞ΕΔͱϏϧυ͞Εͯը໘͕ࣗಈͰϦϩʔυ͞ΕΔɻ )PU3FMPBE ιʔε͕มߋ͞ΕΔͱϏϧυ͞Εͯը໘ͷҰ෦͕ࣗಈͰஔ͖׵ΘΔɻ ࠷ۙͷ'8͸େମ΋ͬͯΔ
28. ։ൃ༻ΞϓϦ ։ൃ༻ͱຊ൪༻ͷΞϓϦ͸෼͚ͨ΄͏͕͍͍ɻ
 Ͱ͖Ε͹εςʔδϯά΋ɻ
    ຖճΞϓϦΛ্ॻ͖Πϯετʔϧͱ͔໘౗͗͢Ͱ͢ΑͶɻ
    ΍Γํ͸'8ʹΑͬͯ৭ʑɻجຊ
    όϯυϧ*%Λ෼͚Δ
29. ɽઃܭ
30. 4FSWJDFͷઃܭ w ϏδωεϩδοΫΛ୲͏૚ʢ"OHVMBSͰ͸4FSWJDFͳͲʣ ͸ϑϨʔϜϫʔΫʹґଘ͠ͳ͍
    w ΋ͪΖΜ7JFXʹґଘ͠ͳ͍
    w ͱ͸͍͑ɺ΍͸Γґଘ͢Δ΋ͷ͸͋Δɻ
    w ͦΕΒ͸
    $POUSPMMFS
    ͱͯ͠4FSWJDFͱ͸ผʹ؅ཧ͢Δɻ ୯ମςετ͠΍͘͢ͳΓɺϙʔλϏϦςΟ΋্͕Δɻ ˓
    4FSWJDF
    
    4FSWJDF
    ˓
    $POUSPMMFS
    
    4FSWJDF
    ˓
    $POUSPMMFS
    
    7JFX º
    4FSWJDF
    
    7JFX
    º
    4FSWJDF
    
    $POUSPMMFS
    
31. 4FSWJDFͷઃܭ w QVCMJDͳΠϯλʔϑΣʔε͸جຊతʹશͯ
    4USFBN
    PS
    1SPNJTF
    Λฦ͢ɻ
    w ޙ͔Βඇಉظʹ͢Δͷ͸πϥΠͨΊɺ࠷ॳ͔Β ඇಉظʹ͓ͯ͘͠ɻ
    w &4
    ͳΒ
    BTZODBXBJU
    ͔ͭ͏ͱ؆୯ɻ ֦ுੑͱϙʔλϏϦςΟ্͕͕Δɻ
32. 1SFTFOUBUJPOBM
    $PNQPOFOUT w 1SFTFOUBUJPOBM %VNC
    DPNQPOFOU
    w ஫ೖ͞ΕͨσʔλΛදࣔ͢Δ͚ͩɻ
    w ࠶ར༻ੑ͕ߴ͍
    w $POUBJOFS 4NBSU
    DPNQPOFOU
    w 1SFTFOUBUJPOBM΁σʔλΛ౉ͨ͠Γɺෳ਺੍ޚͨ͠Γ͢Δɻ
    w ͋Δఔ౓ͷػೳΛ࣋ͬͨ΋ͷͰɺڽͬͨ7JFX͸࣋ͨͳ͍ɻ 4FF
    1SFTFOUBUJPOBM
    BOE
    $POUBJOFS
    $PNQPOFOUT
    
 IUUQTNFEJVNDPN!EBO@BCSBNPWTNBSUBOEEVNCDPNQPOFOUTDBGBDE
33. ɽςετ
34. ΫϥΠΞϯτςετ ςετ͸ॏཁɻ
 ͔͠͠ɺΫϥΠΞϯτςετ͸೉͍͠ɻ
    ͳͥ೉͍͔͠ʁ
 ɾͦ΋ͦ΋6*ͷςετ͸͠ΜͲ͍
 ɾͦΕʹՃ͑ͯ6*͸සൟʹมΘΔɻ
 ɾ௥ै͢Δͷ͸ϝϯςφϯείετ͕ߴ͍
    ςετͷର৅ΛߜΔ
 ɾ4FSWJDFʢϏδωεϩδοΫʣͷςετΛத৺ʹ
 ɾྑ͘όά͕ग़Δɺக໋తͳͱ͜Ζ͸6*΋ςετ
35. ΫϥΠΞϯτςετߏ੒ w ϩʔΧϧςετʢσόοάʣ
    ,BSNB
    
    +BTNJOF
    
    $ISPNF
    w $*αʔό
    ,BSNB
    
    +BTNJOF
    
    $ISPNF
    )FBEMFTT
36. ϓϩμΫγϣϯίʔυͷ੒௕͸ܕͱςετͰଅਐ ͞ΕΔʂ
    ܕͰ੩తʹνΣοΫ͠ɺಈతͳ࢓༷͸ςετͰ୲อ͢Δɻ ͜ΕΒೋ͕ͭ͋ΔͱɺվળͷͨΊͷϦϑΝΫλϦϯά΋ ڪ͘ͳ͍ʂ
    
 ෭࡞༻ͱͯ͠
 ςετ͠΍͍͢ίʔυΛҙࣝ͢Δͱɺίʔυ͕ݟ௨͠Α͘៉ྷʹͳΔɻ
37. ɽϩΪϯά
38. ϩάͷछྨ wΞϓϦέʔγϣϯϩά
    ΞϓϦέʔγϣϯͷڍಈͷϩάɻओʹ%FCVH༻
    wૢ࡞ϩά
    ͲͷϘλϯΛԡͨ͠ͷ͔ɺ஋Λೖྗ͔ͨ͠Ϣʔβʔૢ࡞ͷϩά
    wύϑΥʔϚϯεϩά
    ॳظԽ࣌ؒɺը໘ϩʔυɺߋ৽ύϑΥʔϚϯεͷଌఆ݁Ռ
    wΤϥʔϩά
    Τϥʔ͕ى͖ͨͱ͖ͷϩάɻো֐ղੳʹඞਢ
39. DMJFOU
    MPHHFS ཁ݅
    w ϩάϨϕϧʹΑΔग़͠෼͚
    w αʔό΁ͷૹ৴
    w ·ͱΊͯѹॖɺΤϥʔ࣌ͷ஗Ԇ࠶ૹͳͲ
    5FDI'FFEͰ͸ࣗ࡞ͨ͠
40. ϩάσʔλ ΫϥΠΞϯτϩάʹඞཁͳ߲໨
    w ୺຤*%
    w ୺຤࣌ࠁ
    w ϓϥοτϑΥʔϜʢJ04
    BOESPJE
    XFCʣͱόʔδϣϯ
    w "QQόʔδϣϯ
    w Ϣʔβ*%ʢϩάΠϯͯ͠Ε͹ʣ
    w ૢ࡞*%
    w ը໘*%
    w Τϥʔʢ͋Ε͹ʣ
41. ɽ؂ࢹ
42. ؂ࢹ ؂ࢹ߲໨
    w %#ɺαʔόʔɺ"1*ͷࢮ׆؂ࢹ
    w $16ɺϝϞϦɺ%JTLͳͲͷϦιʔε؂ࢹ
    w ΞϓϦέʔγϣϯͷϩά؂ࢹ
    w ύϑΥʔϚϯε؂ࢹ
    ؂ࢹαʔϏε
    w .BDLFSFM
    /FXSFMJD
    EBUBEPH
    ͳͲ
43. ɽ෼ੳ
44. ෼ੳ w 8FC͸(PPHMF
    "OBMZUJDTɺΞϓϦͰ͸
    'JSFCBTF
    "OBMZUJDT͕Ұൠత
    w 5FDI'FFEͰ͸18"ͱซͤͯ("Ͱߦ͍ͬͯΔ
    w 1BHF7JFXɺ&WFOUͷଌఆ͕ॏཁ
    w ผ్
    #JH2VFSZ΋׆༻
45. ·ͱΊ
46. ·ͱΊ w ΞϓϦΛܧଓతʹվળ͢ΔώϯτΛ঺հ͠·ͨ͠ɻ
    w શ෦Λ΍Δඞཁ͸ͳ͍ɻ
    w ܕͱςετ͸ॏཁͳͷͰڧ͘Φεεϝɻ
    w ४උʹ͔͚࣌ؒ͗ͯ͢ϦϦʔεͰ͖ͳ͍ͷ͸ຊ຤స౗ɻ
 ઴ਐతʹվળ͍͚ͯ͠͹Α͍ɻ
    w ͜͏͍͏͜ͱΛ5FBNͰೝࣝͯ͠ߦ͏֮ޛ͕ඞཁɻ
47. ʮ֮ޛʼnͱ͸ ΞϓϦ͕੒௕͢΂͖
    ಓΛ੾Γ։͘͜ͱͩο
48. օ༷ͷΞϓϦ͕
    ୔ࢁϦϦʔε͞Ε·͢Α͏ʹɻ
    ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ