Between front-end and server-side in service development

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

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>
   /780@;
   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