ユーザ体験を生み出す現場作り

「minne」技術戦略カンファレンス
http://peatix.com/event/121467

Transcript

1. ϢʔβମݧΛੜΈग़͢
   ݱ৔࡞Γ
   

   View Slide

2. About Me
   @nakajijapan
   Software Engineer
   GMO PEPABO, inc.
   iOS / Web / OS X
   /,+1BHFS7JFX$POUSPMMFS
   /,+.PWJF$PNQPTFS
   /,+.VMUJ.PWJF$BQUVSF7JFX
   1IPUP4MJEFSGPS4XJGU
   UFJUFOGPS049
   

   View Slide

3. minne
   iOS / Android
   

   View Slide

4. minne
   ɾ̏̌̌ສμ΢ϯϩʔυಥഁ
   ɾྲྀ௨ֹۚͷ΄ͱΜͲ͕ϞόΠϧ͔Βੜ·Ε͍ͯΔ
   ɾٸܹͳ੒௕ʂʂ
   

   View Slide

5. มԽ
   

   View Slide

6. View Slide

7. 2014೥10݄
   ɾJ04ΤϯδχΞ
   ɾ"OESPJEΤϯδχΞ
   ɾσΟϨΫλʔ
   ɾσβΠφʔ
   ਓ
   ਓ
   ਓ
   ਓ
   

   View Slide

8. View Slide

9. 2015೥ 10݄
   ɾJ04ΤϯδχΞ
   ɾ"OESPJEΤϯδχΞ
   ɾσΟϨΫλʔ
   ɾσβΠφʔ
   ɾ"1*
   14
   ̑ਓ
   ̐ਓ
   ̎ਓ
   ̎ਓ
   ̍ਓ
   

   View Slide

10. View Slide

11. ό
    ʔ
    ϯʂ
    

    View Slide

12. มԽʹରԠ͍ͯͨ͘͠Ίʹ
    ͞Βʹվળ͍ͯͨ͘͠Ίʹ
    

    View Slide

13. ࣗ෼ͨͪʹ͠
    ͔Ͱ͖ͳ͍͜
    ͱΛ͠Α͏ʂʂ
    

    View Slide

14. UX
    

    View Slide

15. Ϣʔβମݧ
    αʔϏεͰϢʔβ͕ମݧ͢Δ͜ͱ
    ϋϯυϝΠυָ͍ͬͯ͠
    

    View Slide

16. ମݧ͔ΒಘΒΕΔ
    ʮָ͍͠ʯͱʮخ͍͠ʯ
    Λ࠷େԽ
    

    View Slide

17. ࠓ·Ͱ
    σβΠϯʹσβΠφ
    

    View Slide

18. ݱঢ়
    σβΠϯ σβΠφʴΤϯδχΞʴσΟϨΫλ
    
    Design Develop
    Plan
    

    View Slide

19. ݱঢ়
    Design Develop
    Plan
    σβΠϯ σβΠφʴΤϯδχΞʴσΟϨΫλ
    
    

    View Slide

20. ϢʔβΛ஌Δ
    

    View Slide

21. ϢʔβΛ஌Δ
    ɾԿΛ͍ͨ͠ͷ͔
    ɾԿΛඞཁͱ͍ͯ͠Δͷ͔
    ɾͦͷ࣌ͷײ৘͸ͲΜͳ͔
    

    View Slide

22. ϖϧιφ
    ߦಈγφϦΦ ͷ࡞੒
    

    View Slide

23. ϢʔβΛ஌Δ
    ɾϖϧιφΛ࡞Δ
    ɾݸਓ৘ใ
    ɾϢʔβετʔϦʔ
    ɾ೔ৗߦಈ
    ɾझຯɾᅂ޷
    ɾਓੜ؍
    ɾߦಈγφϦΦΛ࡞Δ
    ɾ8IZ ͳͥ
    
    ɾ)PX ͲΜͳঢ়گ
    Ͱ
    ɾ8IFSF Ͳ͜
    Ͱ
    ɾ8IBU ͲΜͳ͜ͱ
    Λ͢Δͷ͔
    

    View Slide

24. ͳͥ͢Δͷ͔
    ɾνʔϜͷ߹ҙ
    ɾνʔϜϝϯόͱڞ௨ʹࢦඪΛ࣋ͪɺಉ͡໨తͷͨΊʹࢥߟɾߦಈͰ͖Δ
    Α͏ʹ͢Δ
    ɾԿͷͨΊʹԿΛ͢Δͷ͔Λ໌จԽͰ͖Δ
    ɾજࡏސ٬ʹରͯ͠త֬ͳମݧΛఏڙͰ͖Δ
    ɾҙࢥܾఆͷεϐʔυΛ্͛Δ͜ͱ͕Ͱ͖Δ
    

    View Slide

25. ϓϩτλΠϓςετ
    

    View Slide

26. ͳͥ͢Δͷ͔
    wσβΠϯ͞ΕͨϢʔβମݧͷ໰୊ΛݦࡏԽͤͯ͞ɺૣظ
    ʹൃݟͰ͖Δ
    wΤϯδχΞ΋ؔ༩͢Δ
    w࣮૷࣌ͷޙ໭Γ͕ͳ͘ͳΔ
    wϢʔβͱಉ͡ମݧ͕Ͱ͖ɺཧղΛਂΊΔ͜ͱ͕Ͱ͖Δ
    

    View Slide

27. Ϣʔβςετ
    

    View Slide

28. 6*TDPQF
    

    View Slide

29. ͳͥ͢Δͷ͔
    ɾϢʔβͷຊ࣭తͳߦಈΛᖰΓͩ͢
    ɾ֤ετʔϦʔΛࣄ࣮ɾԾઆɾҙݟͰ৘ใ෼ղͯ͠Կ͕
    ໰୊͔நग़͢Δ
    ɾڝ߹ͱͷൺֱɾ෼ੳ
    

    View Slide

30. ஫ҙ͍ͯ͠Δ͜ͱ
    ɾϢʔβͷҙݟ͸ͦͷ··औΓೖΕͳ͍
    ɾຊ࣭తͳ໰୊͸ผʹ͋Δ͜ͱ͕ଟ͍
    

    View Slide

31. .BQQJOH
    

    View Slide

32. .BQQJOH
    

    View Slide

33. Ծઆ
    ݕূ
    ֶश
    

    View Slide

34. Ծઆ
    ݕূ
    ֶश
    ૣ͘ճ͢
    ࢓૊Έ࡞Γ
    

    View Slide

35. Develop
    

    View Slide

36. ॳظͷମ੍
    ɾ!OBLBKJKBQBO
    ɾਓͰ։ൃ
    ɾͱʹ͔͘ΨϦΨϦ։ൃ
    Develop
    Design
    Plan Test
    

    View Slide

37. ̑ਓ
    ମ੍
    

    View Slide

38. ͜ͷ··ߦ͘ͱ
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    

    View Slide

39. ͜ͷ··ߦ͘ͱ
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    Develop
    Design
    Plan Test
    

    View Slide

40. ՝୊
    ɾΤϯδχΞ΋σβΠϯΛΑΓҙࣝ͠ͳ͚Ε͹͍͚ͳ͍
    ɾ୺຤ͷݕূʹ͕͔͔࣌ؒΔ
    ɾ༷ʑͳ΋ͷ͕ࣗಈԽͰ͖͍ͯͳ͍
    ɾطଘͷίʔυ͕ෳ਺ਓʹ଱͑͏ΔίʔυͰ͸ͳ͍
    

    View Slide

41. Develop
    Design
    Plan Test
    ݱঢ়
    ɾΤϯδχΞ΋σβΠϯϓϩηεʹհೖ͢Δ
    ɾϓϩλΠϐϯάςετ
    Develop
    Design
    Plan Test
    

    View Slide

42. QAνʔϜ
    ɾ2"νʔϜͷൃ଍
    ɾݕূ͸NJOOF͕αϙʔτͱ͍ͯ͠Δશ04ͷόʔδϣ
    ϯͰ֬ೝ
    ɾJ04 J04 J04
    2"νʔϜ
    Develop
    Design
    Plan Test
    Test
    

    View Slide

43. %FTJHO %FWFMPQ
    

    View Slide

44. %FTJHO %FWFMPQ
    

    View Slide

45. νʔϜମ੍
    ɾ։ൃ಺Ͱ΋໾ׂͷ෼୲
    ։ൃνʔϜ
    ϦϑΝΫλϦϯάνʔϜ
    ج൫νʔϜ
    ςετɾ෼ੳ
    πʔϧͷಋೖ
    minneνʔϜ
    طଘίʔυͷ
    վળ
    

    View Slide

46. ςετͷऔΓ૊Έ
    ɾςετจԽɾश׳࡞Γ
    ɾఆظతʹؙҰ೔ͷ࢖ͬͯςετ͔͠͠ͳ͍೔ͷ࣮ࢪ
    ɾࠓ·Ͱͳ͔ͬͨςετΛ࡞ΓࠐΈ·͘Δ
    ɾςετͷॆ࣮Խ
    ɾ6OJU5FTU
    ɾ*OUFHSBUJPO5FTU
    

    View Slide

47. ςετͷऔΓ૊Έ
    RailsSandboxServer
    https://github.com/amacou/rails_sandbox_server
    ɾRailsͰ࢖༻͞Ε͍ͯΔfixtureΛར༻ͨ͠௨৴ςετ
    ɾࠁʑͱมԽ͢Δ࢓༷ʹ଱͑͏Δςετ؀ڥͷߏங
    ɾσʔλͷϩʔϧόοΫ΋ग़དྷΔ
    ɾࣗલͰfixture͸࡞੒͠ͳ͍ʂ
    @amacou
    

    View Slide

48. RailsSandboxServer
    - (void)setUp
    {
    [super setUp];
    [[MITestServer defaultServer] setupFixtures:@[@"users", @"profiles"]];
    [MIUserDefaultsManager setUserDefaultsForTest];
    }
    - (void)tearDown
    {
    [[MITestServer defaultServer] rollback];
    [MIUserDefaultsManager clearUserDefaults];
    }
    TIQSFQBSFUFTUTFSWFSTI
    'BTUMBOF
    5FTU$PEF
    

    View Slide

49. ௨஌पΓͷ࢓૊Έ
    GitHub for enterprise
    νʔϜϝϯόʔ
    ΤϯδχΞ
    ςετ݁Ռ
    ΫϥογϡϨϙʔτ
    σϓϩΠ௨஌
    σϓϩΠ
    ϨϏϡʔ
    pull request
    ఆྫۀ຿͓஌Βͤ
    ഑෍
    ௨஌
    

    View Slide

50. ௨஌ͷ༷ࢠ
    ఆظ௨஌
    ςετ
    Ϗϧυ
    ΫϥογϡϨϙʔτ
    

    View Slide

51. ௨஌ͷ༷ࢠ
    ఆظ௨஌
    ςετ
    Ϗϧυ
    ΫϥογϡϨϙʔτ
    ϨϏϡϫʔࣗಈܾఆ
    

    View Slide

52. มԽʹ଱͑Δ
    ɾΤίγεςϜԽ
    ɾࣗલͷ࣮૷͸ࣺͯΔ
    ɾந৅ԽͰ͖Δ΋ͷ ແ͍΋ͷ͸࡞ͬͯ͠·͓͏
    ɾ/,+1BHFS7JFX$POUSPMMFS
    ɾ/,+1IPUP4MJEFS$POUSPMMFS
    ɾ/,+/FUXPSL"DUJWJUZ*OEJDBUPS
    https://github.com/nakajijapan
    

    View Slide

53. ΤίγεςϜԽ
    /,+1BHFS7JFX$POUSPMMFS /,+1IPUP4MJEFS$POUSPMMFS
    

    View Slide

54. ࠓޙʹ޲͚ͯ
    

    View Slide

55. ࠓޙʹ޲͚ͯ
    ɾ6*69ͷߋͳΔڧԽ
    ɾ࡞඼ʹग़ձ͏͖͔͚ͬ࡞Γ
    ɾݕࡧपΓͷվળ
    ɾਃ੥·ͰͷࣗಈԽ
    ɾ֤ʑͷ1$ʹґଘ͠ͳ͍؀ڥͷ੔උ
    ɾ+FOLJOT͔Β$JSDMF$*΁
    ɾGBTUMBOFͷ֦ॆ
    

    View Slide

56. ࠓޙʹ޲͚ͯ
    ɾ4XJGUԽ
    ɾ0CKFDUJWF$͔ΒͷҠߦΛ։࢝
    

    View Slide

57. ࣗ෼ͨͪʹ͠
    ͔Ͱ͖ͳ͍͜
    ͱΛ͠Α͏ʂʂ
    

    View Slide

58. ΋ͬͱ
    ͓΋͠Ζ͘
    Ͱ͖Δ
    

    View Slide