Upgrade to Pro — share decks privately, control downloads, hide ads and more …

solving frontend issues

arm4
February 16, 2019

solving frontend issues

arm4

February 16, 2019
Tweet

More Decks by arm4

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  4. ೥݄
    ϓϥϜβʹೖࣾ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  14. ৽ͨͳ՝୊͕ൃੜʂ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  24. ৽ͨͳ՝୊͕ൃੜʂ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide