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

UITしくじり先生 俺みたいになるな!! ~プロダクトデザイン編~ / The Greatest Teacher in UIT, Failure Is.

UITしくじり先生 俺みたいになるな!! ~プロダクトデザイン編~ / The Greatest Teacher in UIT, Failure Is.

12/18に開催されたFROKAN × UIT #2 「年忘れLTバトル」での発表資料です
https://uit.connpass.com/event/152518/

LINE Developers
PRO

December 18, 2019
Tweet

More Decks by LINE Developers

Other Decks in Technology

Transcript

  1. UIT͘͠͡Γઌੜ
    ԶΈ͍ͨʹͳΔͳ!!
    ~ϓϩμΫτσβΠϯฤ~

    View Slide

  2. ࠓ೔࿩͢͜ͱ
    •ϓϩμΫτσβΠϯʹؔ͢ΔࣦഊஊͰ͢

    View Slide

  3. ੜా๬
    • Verda UIEνʔϜ

    • UIT Dev̎νʔϜ

    View Slide

  4. • LINEͷϓϥΠϕʔτΫϥ΢υ

    • AWSɺGCPͷΑ͏ͳ΋ͷ

    View Slide

  5. View Slide

  6. ϦχϡʔΞϧ
    • αʔυύʔςΟUI͔Βͷ୤٫

    • ϢʔβʔͷͨΊͷϓϩμΫτ

    View Slide

  7. • ϔομʔϝχϡʔ

    • ΫϦοΫͯ͠։͘ඞཁ͕͋Δ
    • αΠυόʔϝχϡʔ

    • ϑΝʔετϏϡʔͰݟ͑Δ

    View Slide

  8. • αʔόʔͷҰཡ͕ݟΒΕΔ • αʔόʔͷҰཡ͕ݟΒΕΔ

    View Slide

  9. • ϩʔυόϥϯαʔΛͭ͘ΕΔ • ϩʔυόϥϯαʔΛʢུʣ

    View Slide

  10. ϦχϡʔΞϧͷ݁Ռ
    • αʔυύʔςΟUI͔Βͷ୤٫ →

    • ϢʔβʔͷͨΊͷϓϩμΫτ →


    View Slide

  11. Ͳ͜Ͱؒҧ͑ͨʁ

    View Slide

  12. ࣦഊɿ
    ྨࣅαʔϏεΛਅࣅͨ͠

    View Slide

  13. AWSͱGCPͷମݧ
    • ΠϯϑϥϦιʔε͸όϥόϥʹఏڙ͞Ε͍ͯΔ

    • ιϦϡʔγϣϯΞʔΩςΫτ͕ΨΠυͯ͘͠ΕΔ

    View Slide

  14. LB
    API
    Server
    API
    LB
    ը໘
    DNSը໘
    Server
    ը໘
    DNS
    API
    ιϦϡʔγϣϯ
    ΞʔΩςΫτ
    Ϣʔβʔ
    AWSͱGCPͷମݧ

    View Slide

  15. • ΠϯϑϥϦιʔε͸όϥόϥʹఏڙ͞Ε͍ͯΔ

    • ιϦϡʔγϣϯΞʔΩςΫτ͸͍ͳ͍
    Verdaͷମݧ

    View Slide

  16. Verdaͷମݧ
    LB
    API
    Server
    API
    LB
    ը໘
    DNSը໘
    Server
    ը໘
    DNS
    API
    LINER

    View Slide

  17. ࠓճͷϦχϡʔΞϧ
    LB
    API
    Server
    API
    LB
    ը໘
    DNS
    ը໘
    Server
    ը໘
    DNS
    API
    LINER

    View Slide

  18. ΞʔΩςΫτ͕͍ͳͯ͘΋
    ࢖͑ΔUI/UXʹ͢΂͖ͩͬͨ

    View Slide

  19. ྫ͑͹…
    • ϩʔυόϥϯαʔɺDNS͸ηοτͰ࢖͏ͷ͕Ұൠతͳͷ
    ͰɺҰ౓ʹߏஙͰ͖ΔػೳΛఏڙ͢Δ

    • ରԠ͢ΔαʔόʔɺϩʔυόϥϯαʔɺDNSͷը໘ʹ

    ϦϯΫΛ͍ΕͯɺΠϯϑϥͷܨ͕ΓΛΘ͔Γ΍͘͢͢Δ

    View Slide

  20. ͢΂͖ͩͬͨϦχϡʔΞϧ
    LB
    API
    Server
    API
    LB
    ը໘
    DNS
    ը໘
    Server
    ը໘
    DNS
    API
    LINER

    View Slide

  21. ͦ΋ͦ΋ͷࣦഊɿ
    σβΠϯϓϩηε

    View Slide

  22. Server
    ը໘
    LB
    ը໘
    DNS
    ը໘
    VerdaͷσβΠϯϓϩηε
    • ୲౰αʔϏεͷاը

    • ୲౰αʔϏεͷAPI։ൃ
    • ୲౰αʔϏεͷAPIը໘։ൃ
    ϑϩϯτΤϯυΤϯδχΞ
    όοΫΤϯυΤϯδχΞ
    • ෼཭ͨ͠UI/UX

    View Slide

  23. Server
    ը໘
    LB
    ը໘
    DNS
    ը໘
    ͋Δ΂͖σβΠϯϓϩηε
    • ϓϩμΫτσβΠϯͱ։ൃ
    ϑϩϯτΤϯυΤϯδχΞ
    όοΫΤϯυΤϯδχΞ
    • ౷߹͞ΕUI/UX

    View Slide

  24. ·ͱΊ
    • ঢ়گ͕ҧ͏ྨࣅαʔϏεͷUIΛͨͩਅࣅ͢Δͷ͸ѱख

    • ϓϩμΫτͷʮ࢖ΘΕํʯΛ஌Ζ͏

    • ϑϩϯτΤϯυΤϯδχΞ͸ɺϓϩμΫτͷ

    ʮ࢖ΘͤํʯΛσβΠϯ͢ΔଘࡏͰ͋Δ

    View Slide

  25. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View Slide