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
770

Between front-end and server-side in service development

オープンセミナー2014@岡山
http://okayama.open-seminar.org/

Koichiro Ohba

May 17, 2014
Tweet

Transcript

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

    Ԭࢁݝཱେֶ

    View full-size slide

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

    View full-size slide

  3. Ϋϥ΢υϫʔΫεʁ

    View full-size slide

  4. ձһ਺


    ΫϥΠΞϯτ਺


    ࢓ࣄґཔ૯ֹ

    ԯԁ
    ˞೥݄ݱࡏ

    View full-size slide

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




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

    View full-size slide

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

    View full-size slide

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


    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. αʔϏε։͔࢝Βͷ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 full-size slide

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

    View full-size slide

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

    ͷՄࢹԽ

    View full-size slide

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

    ؾܰʹ૬ஊ͕Ͱ͖·͢

    View full-size slide

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

    ϝϯόʔʹ͸

    ͍ͭͰ΋ؾܰʹ

    ϝοηʔδ΍

    ࢓ࣄͷґཔ͕Ͱ͖·͢

    View full-size slide

  17. ͓࢓ࣄ૬ஊॴ

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

  27. γεςϜߏ੒

    View full-size slide

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

    View full-size slide

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




    *OTUBHSBN


    View full-size slide

  30. ࣗಈԽ
    ޮ཰Խ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    w $JSDMF$* DJSDMFDJDPN

    w %SPOF ESPOFJP

    w 8FDLFS XFDLFSDPN

    w $PEF4IJQ XXXDPEFTIJQJP

    w #BNCPP BUMBTTJBODPN

    w 4FNBQIPSF TFNBQIPSFBQQDPN

    ܈༤ׂڌʂ

    View full-size slide

  35. TFNBQIPSFBQQDPN

    View full-size slide

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

    View full-size slide

  37. IUUQTUXJUUFSDPNLPJDIJSPPTUBUVT

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

  41. XXXqZEBUBDPN

    View full-size slide

  42. %BUB"OBMZUJDT
    w HFDLPCPBSE
    HFDLPCPBSEDPN

    w EVDLTCPBSE
    EVDLTCPBSEDPN

    w DIBSUJP DIBSUJPDPN

    7JTVBMJ[BUJPO

    View full-size slide

  43. GPDVTMJHIUHJUIVCJP

    View full-size slide

  44. %PNPXXXEPNPDPN

    View full-size slide

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

    View full-size slide

  46. DSPXEXPSLTDPKQSFDSVJU

    View full-size slide

  47. DSPXEXPSLTKQNJTDJOUFSOTIJQTVNNFS

    View full-size slide