DMMに於ける技術導入はじめの一歩

17年8月22日に開催した　#DMMmeetup DMMフロントエンド開発最前線にて発表した際の資料です

Transcript

1. %..ʹԙ͚Δ

   ٕज़ಋೖ͸͡ΊͷҰา
   גࣜձࣾ%..DPNϥϘσβΠϯຊ෦ϑϩϯτΤϯυ։ൃ෦
   ςΫχΧϧϦʔυࠤʑ໦྄জ
   

   View Slide

2. ࣗݾ঺հ
   w ࠤʑ໦྄জ ͻΖ͖͋
   
   w 8FCσβΠφˠιγϟή։ൃˠ8FC։ൃ
   w !EPVUPSJ
   w ࣇͷύύ
   

   View Slide

3. ຊ೔͓࿩͢Δ͜ͱ
   w %..ͷ։ൃମ੍ ૊৫ମ੍
   
   w ٕज़ಋೖΛ࢝ΊΔʹ͋ͨͬͯͷ͏ͪͰͷࣄྫ
   w ࠓޙͷ՝୊
   

   View Slide

4. ຊ೔͓࿩͠ͳ͍͜ͱ
   w ۩ମతͳٕज़ͷ࿩
   w ࠓͬΆ͞Λ௥͍͔͚ଓ͚ΔϑϩϯτΤϯυ
   ք۾ͷ࿩
   

   View Slide

5. ͸͡Ίʹ
   

   View Slide

6. ϑϩϯτΤϯυ։ൃ෦
   ϑϩϯτΤϯυ
   ։ൃ෦ઃཱ
   
   σβΠϯ෦
   ϑϩϯτΤϯυνʔϜ
   ໊
   ໊
   
   ໊
   

   View Slide

7. ϑϩϯτΤϯυ։ൃ෦
   w ϑϩϯτΤϯυ։ൃ෦͸ɺࠓ೥݄ʹ৽ઃ
   w ݩ͸σβΠϯ෦෇͖ͷϑϩϯτΤϯυνʔϜ
   w σβΠφ͔Βస਎͢Δέʔε΋͋ΓɺόοΫϘʔ
   ϯ͕ͦΕͧΕҧ͏
   

   View Slide

8. ςΫχΧϧϦʔυͷ໾ׂ
   ඼࣭޲্ɾ඼࣭୲อ
   ϑϩϯτΤϯυ։ൃ෦ͷ஍ྗఈ্͛
   ։ൃͷޮ཰Խͱ࠷େԽ
   ٕज़ྗ޲্
   

   View Slide

9. ςΫχΧϧϦʔυͷ໾ׂ
   (-
   -&
   -& -&
   5-
   άϧʔϓ
   

   View Slide

10. ςΫχΧϧϦʔυͷ໾ׂ
    (-
    -&
    -& -&
    5-
    άϧʔϓ
    

    View Slide

11. ςΫχΧϧϦʔυͷ໾ׂ
    (-
    -&
    5-
    ϓϩμΫτͷ੒Ռ෺ʹ੹೚Λෛ͏ਓ
    άϧʔϓͷӡӦʹ੹೚Λෛ͏ਓ
    ෦໳ͷ ٕज़໘
    ͷ੒௕ʹ੹೚Λෛ͏ਓ
    

    View Slide

12. ࣮ࡍͷମ੍ɺ಺৘
    w αʔϏεͷ਺͕ଟ͘ɺνʔϜ਺͕ଟ͍
    w νʔϜʹΑͬͯઓྗ͕όϥόϥ
    w σβΠφ͕ଟ͍νʔϜ΋͋Δ
    w ϓϩμΫτͷ੒Ռɾ඼࣭͸શͯΞαΠϯ͞Ε
    ΔνʔϜྗʹ͔͔͍ͬͯΔ
    

    View Slide

13. ٕज़ಋೖΛ࢝ΊΔʹ͋ͨͬͯ
    ͔͜͜Βຊ୊
    

    View Slide

14. ʮٕज़ಋೖʯͱ͸
    ʮࠓ·Ͱʹ΍͍ͬͯͳ͔ͬͨ

    ΍Εͳ͔ͬͨ
    ͜ͱΛ৽ͨʹಋೖ͢Δʯ

    ͱఆٛ͠·͢
    

    View Slide

15. Կ͔͠Β৽͍͜͠ͱΛಋೖ͢Δʹ͸

    ͜ΕΒ͸΍Γ΍͍͢έʔεͰ͕͢

    ͦ͏Ͱͳ͍৔߹
    w ৽ن։ൃͳͲ۠੾Γ͕͍͍৔߹
    w ࣾ಺Ҋ݅ͳͲείʔϓ͕ߜΒΕ͍ͯΔ৔߹
    

    View Slide

16. w ։ൃͨ͠ޙͷӡ༻͸Ͳ͏͢ΔΜͰ͔͢
    w ࠓ·Ͱͷ΋ͷͰ໰୊ͳ͘ಈ͍͍ͯΔ
    w ΍ͬͨ͜ͱͳ͍͜ͱʹର͢Δയવͱͨ͠ෆ҆
    w ͦ΋ͦ΋ಋೖ͢Δඞཁ͕͋Δͷ͔Ͳ͏͔͕Θ͔Βͳ͍
    w Өڹൣғ͕େ͖͗ͯ͢ɺͲ͏ͳΔ͔Θ͔Βͳ͍
    w ӡ༻ͰखҰഋͰɺͦ΋ͦ΋޻਺͕औΕͳ͍
    w ଞ෦໳ͱͷௐ੔ʹίετ͕͔͔Δ
    

    View Slide

17. w ։ൃͨ͠ޙͷӡ༻͸Ͳ͏͢ΔΜͰ͔͢
    w ࠓ·Ͱͷ΋ͷͰ໰୊ͳ͘ಈ͍͍ͯΔ
    w ΍ͬͨ͜ͱͳ͍͜ͱʹର͢Δയવͱͨ͠ෆ҆
    w ͦ΋ͦ΋ಋೖ͢Δඞཁ͕͋Δͷ͔Ͳ͏͔͕Θ͔Βͳ͍
    w Өڹൣғ͕େ͖͗ͯ͢ɺͲ͏ͳΔ͔Θ͔Βͳ͍
    w ӡ༻ͰखҰഋͰɺͦ΋ͦ΋޻਺͕औΕͳ͍
    w ଞ෦໳ͱͷௐ੔ʹίετ͕͔͔Δ
    

    View Slide

18. ՝୊͸νʔϜʹ
    ґͬͯόϥόϥ
    

    View Slide

19. ཁҼͷ੾Γ෼͚
    w ৺తཁҼ
    w ٕज़తཁҼ
    w ϦιʔεཁҼ
    w ֎తཁҼ
    ͪΐͬͱཁҼΛ෼͚ͯߟ͑ͯΈΔ
    

    View Slide

20. ཁҼͷ੾Γ෼͚
    w ৺తཁҼ
    w ٕज़తཁҼ
    w ϦιʔεཁҼ
    w ֎తཁҼ
    ͪΐͬͱཁҼΛ෼͚ͯߟ͑ͯΈΔ
    ͜ͷล͸Կͱ͔ͳΓͦ͏
    

    View Slide

21. DBTF
    w ଞνʔϜ͕ͲΜͳٕज़Λར༻͍ͯ͠Δ͔௥͍
    ͔͚ΒΕͳ͍ʢ·ͨ͸ͦͷػձ͕ͳ͍ʣ
    w ଞڌ఺ͳ͜ͱ΋͋Γɺಈ޲͕ݟ͑ͮΒ͍
    

    View Slide

22. DBTF
    w ଞνʔϜ͕ͲΜͳٕज़Λར༻͍ͯ͠Δ͔௥͍
    ͔͚ΒΕͳ͍ʢ·ͨ͸ͦͷػձ͕ͳ͍ʣ
    w ଞڌ఺ͳ͜ͱ΋͋Γɺಈ޲͕ݟ͑ͮΒ͍
    νʔϜͰಋೖ͍ͯ͠Δٕज़ൃ৴ͷ৔ͷఏڙ
    w ִि։࠵
    w (PPHMFϋϯάΞ΢τʹͯ഑৴
    

    View Slide

23. DBTF
    w ϢχοτςετΛಋೖ͍͕ͨ͠஌ݟ͕ͳ͍
    

    View Slide

24. DBTF
    w ϢχοτςετΛಋೖ͍͕ͨ͠஌ݟ͕ͳ͍
    ؀ڥಋೖɺαϙʔτ
    w 5-ओಋͰ௚઀։ൃϦϙδτϦʹ؀ڥΛ༻ҙ
    w খ͞ͳͱ͜Ζ͔Βίπίπ
    

    View Slide

25. DBTF
    w ϑϩϯτΤϯυΤϯδχΞͷϦιʔε͕଍Βͣ
    ɺ
    σβΠφʹίʔυΛॻ͍ͯ΋Β͍ͬͯΔ
    w ͨͩɺ඼࣭ͷ޲্͸͍ͨ͠
    w ීஈͷίʔυϨϏϡʔ͚ͩͰ͸ݶք͕͋Δ
    

    View Slide

26. DBTF
    w ϑϩϯτΤϯυΤϯδχΞͷϦιʔε͕଍Βͣ
    ɺ
    σβΠφʹίʔυΛॻ͍ͯ΋Β͍ͬͯΔ
    w ͨͩɺ඼࣭ͷ޲্͸͍ͨ͠
    w ීஈͷίʔυϨϏϡʔ͚ͩͰ͸ݶք͕͋Δ
    ଞ෦໳ σβΠφ
    ͱͷ࿈ܞڧԽ
    w σβΠφ޲͚ͷษڧձ։࠵
    

    View Slide

27. ·ͱΊ
    w Ͳ͏΍ٕͬͯज़Λ޿Ί͍͔ͯ͘ըҰతͰ࣮֬
    ͳਖ਼ղ͸ͳ͍
    w ԿͷͨΊͷٕज़ͳͷ͔ɺ໨తΛ໌֬ʹͯ͠ɺ
    νʔϜɾϓϩδΣΫτ୯ҐͰدΓఴͬͯҰॹ
    ʹ໛ࡧ͍ͯ͘͠
    

    View Slide

28. ࠓޙͷ՝୊
    w ࣗ૸͍ͯ͘͠νʔϜମ੍
    w ςΫχΧϧϦʔυ͕ډͳͯ͘΋ͦΕͧΕ͕

    ՝୊Λݟ͚ͭղܾ͍ͯ͘͠
    w ϦʔυΤϯδχΞ૚ͷҭ੒
    w ૬ޓʹӨڹ͠߹͑ΔΑ͏ͳ؀ڥ࡞Γ
    

    View Slide

29. ͦΜͳ%..Ͱ͸
    Ұॹʹಇ͘஥ؒΛืू͍ͯ͠·͢ʂ
    

    View Slide

30. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide