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

Between front-end and server-side in service development

Koichiro Ohba
May 17, 2014
730

Between front-end and server-side in service development

Koichiro Ohba

May 17, 2014
Tweet

Transcript

  1. ϕϯνϟʔͷαʔϏε։ൃʹ͓͚Δ
    ϑϩϯτΤϯυͱαʔόαΠυͷؒ
    גࣜձࣾΫϥ΢υϫʔΫε
    େ৔ޫҰ࿠
    Φʔϓϯηϛφʔ!Ԭࢁ

    Ԭࢁݝཱେֶ

    View Slide

  2. େ৔ޫҰ࿠
    $50BU$SPXE8PSLT JOD

    View Slide

  3. ๻ͱԬࢁ

    View Slide

  4. Ϋϥ΢υϫʔΫεʁ

    View Slide

  5. View Slide

  6. ձһ਺


    ΫϥΠΞϯτ਺


    ࢓ࣄґཔ૯ֹ

    ԯԁ
    ˞೥݄ݱࡏ

    View Slide

  7. ʮ࢓ࣄΛґཔ͍ͨ͠اۀʯͱʮ࢓ࣄΛड͚͍ͨݸਓʯΛ!
    ΦϯϥΠϯͰϚονϯάɺ࠷୹15෼Ͱ࢓ࣄ։࢝ͷ࣮੷ʂ
    53 % -




    3<2,-& 9<2+-)
    *
    %-
    6.-!(
    % '
    ,#17
    ,$- 17 #"
    =1A>
    /[email protected];
    B4-,-?:

    View Slide

  8. ґཔͰ͖Δ࢓ࣄͷछྨ

    View Slide

  9. എܠ̍ʣਖ਼ࣾһൺ཰ͷݮগ


    View Slide

  10. എܠ̎ʣ௒ߴྸԽࣾձ

    View Slide

  11. എܠ̏ʣঁੑͷबۀΪϟοϓ

    View Slide

  12. ϛογϣϯ
    ੈلͷ৽͍͠ϫʔΫελΠϧΛ
    ఏڙ͢Δ

    View Slide

  13. ࣌ؒͱ৔ॴʹͱΒΘΕͳ͍ࣗ༝ͳಇ͖ํ

    View Slide

  14. αʔϏε։͔࢝Βͷ1೥10͔݄Ͱ
    ݄ؒͷܖ໿ֹۚ͸23ഒҎ্ʹ੒௕ʂ
    ˞೥݄Λͱͯ͠දࣔ
    0%
    500%
    1000%
    1500%
    2000%
    2500%
    2012
    4

    2012
    5

    2012
    6

    2012
    7

    2012
    8

    2012
    9

    2012
    10

    2012
    11

    2012
    12

    2013
    1

    2013
    2

    2013
    3

    2013
    4

    2013
    5

    2013
    6

    2013
    7

    2013
    8

    2013
    9

    2013
    10

    2013
    11

    2013
    12

    2014
    1

    2014
    2

    View Slide

  15. 6*ςʔϚ
    ಇ͘Λ௨ͯ͡ਓʑʹসإΛ

    View Slide

  16. ʮ͋Γ͕ͱ͏ʯϘλϯ
    ײँͷؾ࣋ͪ

    ͷՄࢹԽ

    View Slide

  17. ؾܰͳ૬ஊ
    ࢓ࣄʹʮԠืʯ͢Δલʹ

    ؾܰʹ૬ஊ͕Ͱ͖·͢

    View Slide

  18. ϚΠνʔϜ
    ܖ໿ͨ͜͠ͱͷ͋Δ

    ϝϯόʔʹ͸

    ͍ͭͰ΋ؾܰʹ

    ϝοηʔδ΍

    ࢓ࣄͷґཔ͕Ͱ͖·͢

    View Slide

  19. ͓࢓ࣄ૬ஊॴ

    View Slide

  20. *%&"4
    $0%&
    %"5"
    ϦʔϯελʔτΞοϓ
    #6*-%
    -&"/
    .&"463&

    View Slide

  21. 69վળͰ΍ͬͯΔ͜ͱ
    w Ϣʔβʔαϙʔτ͔Βͷཁ๬ڞ༗
    w ΠϯλʔϯʹΑΔ69վળఏҊ

    View Slide

  22. Ϣʔβʔ͔Βͷվળཁ๬Λ·ͱΊͯڞ༗
    ཁ๬ʹ͍ͭͯαʔϏεʹͲͷΑ͏ʹ
    ͋ͯ͸ΊΔ͔ΛΈΜͳͰٞ࿦͢Δ

    View Slide

  23. ϢʔβʔମݧΛେ੾ʹ͠ɺ
    ࣾ಺ͷڞ௨ݴޠʹ͢Δ

    View Slide

  24. ֶੜ͞ΜʹΠϯλʔϯʹདྷͯ΋Β͍
    ̏ʙ໊̐ͷνʔϜΛ૊ΜͰ
    ࣮ࡍͷαʔϏεΛ৮Γͳ͕Β
    ̏ʙ̑೔ͰվળΛఏҊͯ͠΋Β͏

    View Slide

  25. ͱ͋ΔΠϯλʔϯͷࣄྫ

    View Slide

  26. View Slide

  27. View Slide

  28. View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. View Slide

  38. एऀͷϐϡΞͳࢹ఺ʹΑΔؾ෇͖
    Ϣʔβʔͷଟ༷ੑΛ࣮ײ
    ࣮αʔϏε΁ͷվળ
    ࠾༻௚݁

    View Slide

  39. αʔϏεͷվળʹ͍ͭͯߟ͑Δػձ
    Λ೔ʑͷۀ຿ʹ૊ΈࠐΉ
    -&"/ͷػձΛ૿΍͢

    View Slide

  40. ։ൃମ੍

    View Slide

  41. w $50
    w ΤϯδχΞ໊
    w σβΠφʔ໊̍
    w ʴЋ ۀ຿ҕୗ

    View Slide

  42. γεςϜߏ੒

    View Slide

  43. w 3VCZ
    w 3VCZPO3BJMT
    w .Z42-
    w "84 &$71$3%443

    View Slide

  44. ମ੍ͷมભ
    ૑ۀظ
    ݱࡏ




    *OTUBHSBN


    View Slide

  45. ࣗಈԽ
    ޮ཰Խ

    View Slide

  46. νϟοτΛத৺ʹͨ͠ϫʔΫϑϩʔ
    ςετ͕ίέͯΔΑʂ
    ϦϦʔε͞ΕͨΑʂ
    ΞαΠϯ͞ΕͨΑʂ
    ϓϧϦΫ͖ͨΑʂ

    View Slide

  47. %FQMPZNFOUQJQFMJOF
    Commit
    stage
    Capacity test
    User
    acceptance
    test
    Acceptance
    test stage
    Production
    ʰܧଓతσϦόϦʔʱ+F[)VNCMF %BWJE'BSMFZஶ "4$**

    View Slide

  48. $*αʔϏεͷ׆༻
    w HJUIVCͱ࿈ಈ
    w ςετͷࣗಈ࣮ߦ
    w ςετΤϥʔ௨஌
    w σϓϩΠϝϯτͷࣗಈ࣮ߦ
    w σϓϩΠϝϯτΤϥʔͷ௨஌

    View Slide

  49. ֤छ$*αʔϏε
    w 5SBWJT$* USBWJTDJPSH

    w $JSDMF$* DJSDMFDJDPN

    w %SPOF ESPOFJP

    w 8FDLFS XFDLFSDPN

    w $PEF4IJQ XXXDPEFTIJQJP

    w #BNCPP BUMBTTJBODPN

    w 4FNBQIPSF TFNBQIPSFBQQDPN

    ܈༤ׂڌʂ

    View Slide

  50. TFNBQIPSFBQQDPN

    View Slide

  51. ޙ͔ΒࣗಈԽΛ
    ࡞Γ͜Ήͷ͸େม

    View Slide

  52. IUUQTUXJUUFSDPNLPJDIJSPPTUBUVT

    View Slide

  53. ෼ੳج൫
    .&"463&Λࢧ͑Δ

    View Slide

  54. ෼ੳج൫ͱ͸
    %BUB$PMMFDUJPO %BUB4UPSBHF %BUB"OBMZUJDT
    ղੳ
    ू໿
    %#
    8FCMPH
    "QQMPH
    7JTVBMJ[F
    %BTICPBSE
    "SDIJWF
    ूܭ

    View Slide

  55. %BUB4UPSBHF

    View Slide

  56. "843FE4IJGU
    w ෼ࢄ3%#.4
    w 42-͕࢖͑Δ 1PTUHSF42-
    TVCTFU

    w εέʔϧΞ΢τͰ͖Δ
    w ΧϥϜφʔܕ
    w େྔσʔλʹରԠͰ͖Δ

    View Slide

  57. XXXqZEBUBDPN

    View Slide

  58. %BUB"OBMZUJDT
    w HFDLPCPBSE
    HFDLPCPBSEDPN

    w EVDLTCPBSE
    EVDLTCPBSEDPN

    w DIBSUJP DIBSUJPDPN

    7JTVBMJ[BUJPO

    View Slide

  59. GPDVTMJHIUHJUIVCJP

    View Slide

  60. %PNPXXXEPNPDPN

    View Slide

  61. ·ͱΊ
    wϑϩϯτΤϯυɺαʔόαΠυͱྖҬ͸ҧ͑ͲϢʔ
    βʔʹՁ஋Λఏڙ͢Δ໨ઢͰ໨ඪΛڞ༗͢Δ
    wࣗಈԽ͸ޙ͔Β͍Ε͜Ήͷ͸େมͳͷͰ࠷ॳ͔Β
    ߟ͑Δͱ͍͍Α
    wޙ͔Β͍ΕΔࡍʹ͸ਓ͕௚઀৮ΕΔͱ͜Ζʢνϟο
    τͱ͔ʣ͔Β͍ΕΔͱ͍͍Α
    wαʔϏεͷεςʔδɺձࣾͷεςʔδʹΑͬͯඞ
    ཁͳ͜ͱ͸มΘͬͯ͘ΔͷͰ༏ઌ౓Λߟ࣮͑ͯߦ

    View Slide

  62. DSPXEXPSLTDPKQSFDSVJU

    View Slide

  63. DSPXEXPSLTKQNJTDJOUFSOTIJQTVNNFS

    View Slide