solving frontend issues

Transcript

1. -BSBWFMͱ7VFKTʹग़ձͬͨࢲ͕
   ϨΨγʔͳ؅ཧαΠτΛ
   ൒41"ʹ͢Δ·ͰͷาΈ
   -BSBWFM+1$POGFSFODF
   ϋτϤ΢ί
   !QMVNTB
   

   View Slide

2. ࣗݾ঺հ
   גࣜձࣾϓϥϜβ
   5FDI-FBE
   ോ ༸ࢠ
   ެࣜ5XJUUFS!QMVNTB
   ϥϥɾϕϧࢠ͞Μͷதͷਓ
   ͓ؾܰʹϑΥϩʔ͍ͩ͘͞ʂ
   

   View Slide

3. ձࣾ঺հ
   גࣜձࣾϓϥϜβ
   ۀ຿γεςϜΛ࡞Γଓ͚೥
   ΦʔμʔϝΠυͰͷ
   8FCγεςϜߏஙΛ
   ಘҙͱ͢Δडୗ։ൃձࣾ
   

   View Slide

4. ೥݄
   ϓϥϜβʹೖࣾ
   

   View Slide

5. ౰࣌ͷϓϥϜβ
   • -BSBWFMΛ࠾༻ͯ͠൒೥
   • αʔόʔαΠυΤϯδχΞ
   ͔͍͠ͳ͍
   • ࢓༷͕ෳࡶͳΦʔμʔϝΠ
   υͷۀ຿γεςϜΛߏங
   • ϑϩϯτ͸K2VFSZ
   • ͳͷʹ6*ɾ69ʹର͢Δͩ͜
   ΘΓ͕͍͢͝
   

   View Slide

6. ܾҙ
   ϑϩϯτΤϯυͰ๊͍͑ͯΔ
   ٕज़՝୊Λղܾ͢Δʂ
   

   View Slide

7. ٕज़՝୊̍
   ߏ଄Խ͞Ε͍ͯͳ͍
   ڊେKTϑΝΠϧʂ
   ೥ळ ϛογϣϯελʔτ
   

   View Slide

8. ՝୊Λ໌֬ʹ͢Δ
   େ੝ΓεύήοςΟΛ
   ߏ଄Խ͞Εͨίʔυʹ͍ͨ͠ɻ
   ˠ+4ϑϨʔϜϫʔΫΛ࠾༻͢Δ
   

   View Slide

9. Լௐ΂Λ͢Δ
   • ਓؾ
   • ίϛϡχςΟ΍όοΫϘʔϯ
   • ։ൃͷ׆ൃੑ
   ˠ"OHVMBS+4 3FBDU 7VFKT
   ˞"OHVMBS+4͸ݱࡏͷ"OHVMBSͷલ਎ͷ໊শ
   

   View Slide

10. શࣾ࠾༻͢Δ͜ͱΛ೦಄ʹҰͭʹߜΔ
    • ֶशίετ
    • ࠓͷٕज़ͱͷ਌࿨ੑ
    • υΩϡϝϯτͷॆ࣮౓
    • ઃܭ͠΍͢͞ͱॊೈੑͷߴ͞
    ˠ7VFKT
    

    View Slide

11. ෍ڭ
    ͱʹ͔͘Ξϐʔϧʂ
    • ΈΜͳͷͭΒΈ͕ղܾͰ͖ΔͱΞϐʔϧʂ
    • -BSBWFMͱ૬ੑ͍͍͠ɺͱʹ͔͘؆୯ͩͱप
    ғʹΞϐʔϧʂ
    • Ғ͍ਓΛั·͑ͯɺ
    ʮ͜͏͍͏6*͕؆୯ʹ࡞ΕΔΜͰ͢Αʂʯͱ
    ݱ෺ΛΞϐʔϧʂ
    

    View Slide

12. ࣾ಺γεςϜͷߏங
    7VFKTͰ41"Λ
    ߏங
    

    View Slide

13. ຊҊ݅Ͱ࠾༻ʂ
    ೥݄
    ϛογϣϯίϯϓ
    

    View Slide

14. ৽ͨͳ՝୊͕ൃੜʂ
    

    View Slide

15. ٕज़՝୊̎
    Ͳ͜Ͱมߋ͞Ε͔ͨෆ໌ͳ
    ૒ํ޲͗͢Δσʔλ
    ˍେྔͷΠϕϯτ
    ೥݄ ϛογϣϯελʔτ
    

    View Slide

16. ՝୊Λ໌֬ʹ͢Δ
    σʔλ͕มΘΔλΠϛϯάΛ
    ໌֬ʹ੍ޚ͍ͨ͠ɻ
    ΠϕϯτͰσʔλΛड͚౉͢ͷΛ΍Ί
    ผίϯϙʔωϯτͰಉ͡σʔλΛࢀর͍ͨ͠ɻ
    ˠঢ়ଶ؅ཧϑϨʔϜϫʔΫΛ࠾༻͢Δ
    

    View Slide

17. Լௐ΂Λ͢Δ
    • ਓؾ
    • ίϛϡχςΟ΍όοΫϘʔϯ
    • ։ൃͷ׆ൃੑ
    ˠ3FEVY 7VFY .PC9
    

    View Slide

18. શࣾ࠾༻͢Δ͜ͱΛ೦಄ʹҰͭʹߜΔ
    • ֶशίετ
    • ࠓͷٕज़ͱͷ਌࿨ੑ
    ˠ7VFY
    

    View Slide

19. ෍ڭϑΣʔζ̍
    ͱʹ͔͘Ξϐʔϧʂ
    • ঢ়ଶ؅ཧ͠ͳ͍ͭΒΈΛΞϐʔϧʂ
    • ঢ়ଶ؅ཧΛ͢Δͱόά͕গͳ͘ͳΔ͜ͱΛΞ
    ϐʔϧʂ
    

    View Slide

20. ྫ֎͕ൃੜʂ
    ͪΐͬͱߴ౓ͳ࿩Ͱɺ
    ࢖ͬͯͳ͍ਓʹ
    ͭΒΈ͕·ͬͨ͘఻ΘΒͳ͍ɻ
    ˠ͍ͬͨΜ෍ڭ׆ಈΛ΍ΊΔ
    

    View Slide

21. ೥݄
    ৽ਓΤϯδχΞ͕
    ࢲͷҊ݅ʹΞαΠϯ͞ΕΔʂ
    

    View Slide

22. ෍ڭϑΣʔζ̎
    ௥͍Ξϐʔϧʂ
    • ଞͷΤϯδχΞʹ΋ͭΒΈΛ࣮ײͯ͠΋Β͍ɺ
    ҰॹʹͭΒΈΛΞϐʔϧʂ
    • ษڧձΛ։͖ɺͱʹ͔͘؆୯ʹͭΒΈ͕ແ͘ͳΔ
    ͜ͱΛΞϐʔϧʂ
    

    View Slide

23. ຊҊ݅Ͱ࠾༻ʂ
    ೥݄
    ϛογϣϯίϯϓ
    

    View Slide

24. ৽ͨͳ՝୊͕ൃੜʂ
    

    View Slide

25. ٕज़՝୊̏
    K2VFSZͱ7VFͷ
    ૬ੑͷѱ͞ʹΑΔ࣮૷ίετͷ૿Ճ
    ೥݄ϛογϣϯελʔτ
    

    View Slide

26. ՝୊Λ໌֬ʹ͢Δ
    ΋͏K2VFSZΛ࢖͍ͨ͘ͳ͍ɻ
    K2VFSZ͔Βͷଔۀɻ
    ˠ7VFKT༻6*ϑϨʔϜϫʔΫΛ࠾༻
    

    View Slide

27. Լௐ΂Λ͢Δ
    ͍ͭ΋ͷʹՃ͑ͯ
    • %BUFQJDLFS͕͋Δ͔
    • 6*ίϯϙʔωϯτͷछྨ͕ଟ͍͔
    ˠ&MFNFOU 7VFUJGZ
    

    View Slide

28. શࣾ࠾༻͢Δ͜ͱΛ೦಄ʹҰͭʹߜΔ
    ͍ͭ΋ͷʹՃ͑ͯ
    • ϨεϙϯγϒରԠ
    • ϨΠΞ΢τͷ͠΍͢͞
    ˠ7VFUJGZ
    

    View Slide

29. ຊҊ݅Ͱ࠾༻ʂ
    ೥݄
    ϛογϣϯίϯϓ
    ͜Ε·Ͱͷ෍ڭˍαϙʔτ࣮੷ʹΑΓɺٕज़࠾༻
    ʹؔͯ͠पғ͔Β৴པΛಘ͍ͯͨʂ
    /P෍ڭ࠾༻Λ࣮ݱʂ
    

    View Slide

30. ಉ࣌ฒߦͰผͷ՝୊΋ൃੜʂ
    

    View Slide

31. ٕज़՝୊̐
    ϧʔςΟϯάΛ
    -BSBWFMͱKTͷ྆ํͰ΍Δ͜ͱͰͷ
    ࣮૷ίετͷ૿Ճ
    ೥݄ϛογϣϯελʔτ
    

    View Slide

32. ՝୊Λ໌֬ʹ͢Δ
    ηογϣϯͰ஋ΛҾ͖ճͨ͘͠ͳ͍ɻ
    ݕࡧύϥϝʔλͷ௥Ճ࡟আΛ؆୯ʹߦ͍͍ͨɻ
    63-ʹΑͬͯ
    ίϯϙʔωϯτΛ؆୯ʹ੾Γସ͍͑ͨɻ
    ϧʔςΟϯάΛશ෦KTʹ೚͍ͤͨɻ
    ˠ7VF3PVUFSΛ࠾༻
    

    View Slide

33. ຊҊ݅Ͱ࠾༻ʂ
    ೥݄
    ϛογϣϯίϯϓ
    7VF3PVUFSΛ͢Ͱʹ࠾༻͍ͯ͠ΔҊ͕݅͋Γ
    શࣾతʹ࠾༻͢Δ͜ͱ͕ܾఆ
    େ͖ͳϝχϡʔ͝ͱʹ41"ͱ͍͏൒41"ʹ
    

    View Slide

34. ؾ͍ͮͨΒ
    ٕज़՝୊Λղܾ͢ΔͨΊ
    ৽͍ٕ͠ज़ΛऔΓೖΕΔ
    จԽ͕ࠜ෇͍͍ͯͨʂ
    

    View Slide

35. ೥݄
    ϓϥϜβͷۀ຿γεςϜͰ
    ඪ४తʹ࠾༻͞Ε͍ͯΔ
    ϥΠϒϥϦɾϑϨʔϜϫʔΫ
    -BSBWFM7VFKT
    7VFY 7VF3PVUFS
    7VFUJGZ
    

    View Slide

36. ·ͱΊ
    ٕज़՝୊ΛΫϦΞ͢ΔͨΊ
    ৽͍ٕ͠ज़Λ࠾༻͢Δࡍʹ
    Ұ൪ॏཁͳ͜ͱ͸ʁ
    

    View Slide

37. ·ͱΊ
    ՝୊Λਅ݋ʹड͚ࢭΊͯߟ͑ͯ΋Β͑Δ
    ΤϯδχΞͱͯ͠ͷ
    ឺͱ৴པΛपғͱங͘͜ͱʂ
    

    View Slide

38. ·ͱΊ
    ͦͷͨΊʹ
    ΍Βͳ͚Ε͹ͳΒͳ͍͜ͱ͸ʁ
    

    View Slide

39. ·ͱΊ
    • ࣮੷Λ࢒͢͜ͱ
    • ੒Ռ෺ΛݟͤΔ͜ͱ
    • ࣗ෼͕཰ઌͯ͠ษڧ͢Δ͜ͱ
    • पғͷαϙʔτΛ੯͠·ͳ͍͜ͱ
    • ࠔ͍ͬͯΔΤϯδχΞͷ࿩Λฉ͘͜ͱ
    

    View Slide

40. ·ͱΊ
    ࠔ͍ͬͯΔΤϯδχΞ͸
    ٕज़՝୊Λ๊͍͑ͯ·͢ʂ
    վળ͢Δνϟϯεʂ
    ৽͍͜͠ͱʹνϟϨϯδ͢Δνϟϯεʂ
    

    View Slide

41. ͜Ε͔Β΋ϓϥϜβ͸ɺ
    ͓٬༷͕ຊ౰ʹٻΊ͍ͯͨ
    ۀ຿γεςϜΛ࣮ݱ͢ΔͨΊɺ
    ͍ΖΜͳٕज़ʹ
    ௅ઓ͍ͯ͜͠͏ͱࢥ͍ͬͯ·͢ʂ
    

    View Slide