$30 off During Our Annual Pro Sale. View Details »

サービスディレクターの 意思決定を支える技術

サービスディレクターの 意思決定を支える技術

airreader

July 03, 2017
Tweet

More Decks by airreader

Other Decks in Programming

Transcript

  1. αʔϏεσΟϨΫλʔͷ
    ҙࢥܾఆΛࢧ͑Δٕज़
    id:AirReader

    View Slide

  2. ࠓճ࿩͢͜ͱ

    View Slide

  3. πʔϧΛ͏·͘ར༻
    ͠ίετΛԼ͛Δ͜
    ͱͰૉૣ͍ҙࢥܾఆ
    Λߦ͏͜ͱ͕Ͱ͖Δ

    View Slide

  4. ࣗݾ঺հ

    View Slide

  5. ࣗݾ঺հ
    w ͸ͯͳ*%"JS3FBEFS
    w ॴଐגࣜձࣾ͸ͯͳ
    w ৬छσΟϨΫλʔ
    w ೥גࣜձࣾ͸ͯͳʹϢʔβʔαϙʔτ৬ͰΞϧό
    Πτೖࣾ
    w ೥Ϣʔβʔαϙʔτࣾһ࠾༻
    w ೥σΟϨΫλʔʹస਎

    View Slide

  6. αʔϏεϓϥοτϑΥʔϜ
    νʔϜʹॴଐ͍ͯ͠·͢

    View Slide

  7. αʔϏεϓϥοτϑΥʔϜ

    νʔϜͬͯͳʹ΍ΔνʔϜʁ

    View Slide

  8. ݹ͔͘Βӡ༻͍ͯ͠Δ
    αʔϏεΛ

    ҰखʹҾ͖ड͚Δ

    View Slide

  9. w ͸ͯͳμΠΞϦʔ
    w ͸ͯͳΩʔϫʔυ
    w ਓྗݕࡧ͸ͯͳ
    w ͸ͯͳϑΥτϥΠϑ
    w ͸ͯͳάϧʔϓ
    w ͸ͯͳελʔ
    w ͸ͯͳಗ໊μΠΞϦʔ
    w ࣾ಺ͷ಺෦αʔϏεͳͲ

    View Slide

  10. ΊͪΌͪ͘Όଟ͍

    View Slide

  11. ϝΠϯͰऔΓ૊ΜͰΔλεΫ

    View Slide

  12. w ݹ͘ͳͬͯ͠·ͬͨ04͔Βͷ୤
    ٫
    w ඇޮ཰ͳϛυϧ΢ΣΞ͔Βͷ୤٫

    View Slide

  13. ߈ܸతʹఫୀ͠
    αʔϏεͷޮ཰Λ্͛
    ے೑࣭ͳӡ༻Λ໨ࢦ͢

    View Slide

  14. ͔͠͠ྑ͍αʔϏε΋๊͍͑ͯΔ

    View Slide

  15. ఫୀ͚ͩͰ͸΋͍ͬͨͳ͍ʂ

    View Slide

  16. Ͱ΋ఫୀ͸.VTUҊ݅
    ޻਺͸མͱͤͳ͍

    View Slide

  17. Ͱ͖Δ͚ͩϝϯόʔͷ޻਺Λ

    ࢖Θͣʹཁ఺Λ཈͑ͨ
    ։ൃΛߦ͏ඞཁ͕͋Δ

    View Slide

  18. ͲͷΑ͏ͳมߋΛߦ͏͔
    ݕ౼͢Δʹ͸৘ใ͕ඞཁ

    View Slide

  19. ͲΕ΋ݹ͍αʔϏεͳͷͰ
    σʔλͷूܭج൫΋੔͍ͬͯ
    ͳ͍͠ɺ੔͑Δͷ΋޻਺େ

    View Slide

  20. ॳख͔Βॏ͗ͯ͢
    ਎ಈ͖͕औΕͳ͍ʜ

    View Slide

  21. ͳΜͱ͔ग़དྷͳ͍͔ʜ

    View Slide

  22. ͳΜͱ͔ग़དྷͳ͍͔ʜ

    View Slide

  23. (PPHMFͷπʔϧ͕ࢲΛٹͬ
    ͯ͘Ε·ͨ͠ʂ

    View Slide

  24. πʔϧΛར༻͢Δ͜ͱͰ
    ҙࢥܾఆʹඞཁͳ؀ڥΛ
    खܰʹ༻ҙ͢Δ͜ͱ͕Ͱ͖Δ

    View Slide

  25. ͦ΋ͦ΋ҙࢥܾఆͱ͸ʁ

    View Slide

  26. ҙࢥܾఆ͸ɺਓ΍ஂମ͕ಛఆͷ໨ඪΛୡ੒͢Δͨ
    Ίʹɺ͋Δঢ়گʹ͓͍ͯෳ਺ͷ୅ସҊ͔Βɺ࠷ળ
    ͷղΛٻΊΑ͏ͱ͢Δਓؒͷೝ஌తߦҝͰ͋Δɻ
    ҙࢥܾఆ8JLJQFEJB
    z
    z

    View Slide

  27. ࣗ෼͕ೲಘͰ͖ΔղΛݟ͚ͭΔ͜ͱ
    ղͱͦ͜΁ࢸΔಓےΛڞ༗͢Δ͜ͱ

    View Slide

  28. ҙࢥܾఆ͸σΟϨΫλʔ

    ͚ͩͰ׬݁͢Δ࡞ۀͰ͸ͳ͍

    View Slide

  29. ϝϯόʔʹ఻Θͬͯ࢝Ίͯ

    ҙࢥܾఆ͕ߦΘΕͨͱ͍͑Δ

    View Slide

  30. ҙࢥܾఆʹඞཁͳ΋ͷ

    View Slide

  31. w ༐ؾ
    w ৘ใऩूɾ෼ੳ
    w ҙࢤ఻ୡ

    View Slide

  32. ҙࢥܾఆΛ્Ή΋ͷ

    View Slide

  33. w ։ൃ޻਺ͷ੍໿
    w ࣗ਎ͷ஌ࣝෆ଍
    w ΤϯδχΞͱͷ৘ใ֨ࠩ

    View Slide

  34. ։ൃ޻਺ͷ
    ੍໿

    View Slide

  35. ओλεΫ͸ผʹ૸͍ͬͯΔ
    ֬౓͕ߴ͍ࢪࡦΛ
    ࠷େޮ཰Ͱ࣮૷ΛਐΊ͍ͨ

    View Slide

  36. ࢼߦࡨޡ͢Δ༨༟ͳ͠

    View Slide

  37. ࣗ਎ͷ஌ࣝ
    ෆ଍

    View Slide

  38. ෆ଍͍ͯ͠Δͷ͸෼͔ͬͯΔ

    ͔ͩΒͦ͜ࢼߦࡨޡ͕͍ͨ͠

    View Slide

  39. ੵۃੑ͔Βൃੜࣦͨ͠ഊ͸
    ڐ༰͢Δ͠͞ΕΔ͕

    ෆ҆ײ͕଍ᐫʹͳΔ

    View Slide

  40. ΤϯδχΞͱ
    ͷ৘ใ֨ࠩ

    View Slide

  41. ΤϯδχΞΑΓ΋
    σΟϨΫλʔ͕͍࣋ͬͯΔ

    ৘ใͷํ͕ଟ͍

    View Slide

  42. ಉ͡৘ใΛ࣋ͬͯͳ͍ͱ
    ൑அཧ༝͸఻ΘΒͳ͍

    View Slide

  43. Ͱ΋ɺͲ͏͍͏৘ใΛ
    ϕʔεʹ൑அ͍ͯ͠Δͷ͔

    ఻͑Δͷ͸͚ͬ͜͏େม

    View Slide

  44. πʔϧͰग़དྷΔ͜ͱ
    w ࣗࣾΤϯδχΞͷ޻਺Ͱ͸ͳ͘σΟϨΫλʔ
    ͷ޻਺Ͱ
    w ແҋ໼୫ͱ৭ʑͳ͜ͱ͕Ͱ͖Δ

    View Slide

  45. πʔϧ͕ղܾͯ͘͠ΕΔ͜ͱ
    w ޻਺ײͷෆ҆Λղফ͠
    w ࢼߦࡨޡͷνϟϯεΛ༩͑ͯ͘ΕΔ
    w ద੾ʹར༻͢Ε͹ɺਖ਼͘͠৘ใ͕औΕΔɾ
    ఏࣔͰ͖Δ

    View Slide

  46. w ༐ؾ
    w ৘ใऩूɾ෼ੳ
    w ҙࢤ఻ୡ

    View Slide

  47. w ༐ؾ
    w ৘ใऩूɾ෼ੳ
    w ҙࢤ఻ୡ
    ͜͜Λࢧ͑ͯ͘ΕΔ

    View Slide

  48. ৘ใऩूྫ

    View Slide

  49. 5BH.BOBHFS"OBMZUJDT
    w 5BH.BOBHFSͷॊೈͳ৘ใऔಘઃఆ
    w "OBMZUJDTͷΧελϜσΟϝϯγϣϯɺΠϕϯ
    τػೳʹΑΔ๛෋ͳղੳػೳ
    w మ൘ͷ૊Έ߹Θͤ

    View Slide

  50. ϖʔδͷछผ͕63-ʹදݱ͞Ε
    ͍ͯͳ͍͚Ͳ෼͚ͯूܭ͍ͨ͠

    View Slide

  51. ਓྗݕࡧͷ࣭໰͕ɺ࣭໰ܗࣜͳͷ͔

    Ξϯέʔτܗࣜͳͷ͔औಘ͍ͨ͠

    View Slide

  52. $44ηϨΫλͷࢦఆͰ
    ৘ใ͕औಘͰ͖Δ
    w $44ηϨΫλΛॻ͘ͱ֘౰ͷ%0.ͷJOOFS5FYU
    ΛऔಘͰ͖Δ
    w ଐੑ໊΋ࢦఆ͢Δͱଐੑͷ஋ΛऔಘͰ͖Δ
    w $44͕ͪΐͬͱΘ͔Ε͹୭Ͱ΋࢖͑Δ

    View Slide

  53. w ΞΠίϯͷҧ͍Ͱϖʔδछ͕औΕΔ
    w ࠩҟ͕ҰఆͷܗͰදݱ͞Ε͍ͯΕ͹࢖͑Δ

    View Slide

  54. ෳ਺͋Δճ༡ಈઢͷͲͷಋઢ͕
    ར༻͞Ε͍ͯΔ͔Λݟ͍ͨ

    View Slide

  55. View Slide

  56. ಈઢ͸৭ʑ͋Δ

    View Slide

  57. ηΫγϣϯͷऔಘ
    function () {
    var current = {{element}}.parentNode;
    while(current) {
    if(current.hasAttribute('id')) {
    return current.getAttribute('id');
    } else {
    current = current.parentNode;
    }
    }
    }
    w ΫϦοΫ͞Εͨ৔ॴ͕ͲͷྖҬͳͷ͔Λऔಘ͍ͨ͠
    w ͸ͯͳಗ໊μΠΞϦʔͩͱ্ͷ֊૚ʹJEଐੑ͕෇͍͍ͯ
    ΔɻҎԼͷίʔυͰऔಘͰ͖Δ
    w ΫϦοΫͷλΠϛϯάͰ"OBMZUJDTͷΠϕϯτʹૹ৴͢Δ

    View Slide

  58. ݁Ռ͜͏͍͏άϥϑ͕࡞ΕΔ

    View Slide

  59. Ϣʔβʔͷ౤ߘΞΫγϣϯ΋

    ूܭ͍ͨ͠

    View Slide

  60. Ϣʔβʔ౤ߘͷऔಘ
    • TagManagerͰ͸ɺFormૹ৴Λݕ஌͢Δ͜ͱ͕Ͱ
    ͖Δ
    • ͜ΕͱAnalyticsͷΠϕϯτΛ૊Έ߹ΘͤΔͱɺ౤
    ߘܥσʔλ΋AnalyticsʹอଘͰ͖Δ
    • Analyticsͷػೳͱ૊Έ߹ΘͤΒΕΔͷͰϩάΛू
    ܭ͢ΔΑΓߴػೳͳ৔߹΋

    View Slide

  61. w ༐ؾ
    w ৘ใऩूɾ෼ੳ
    w ҙࢤ఻ୡ

    View Slide

  62. ҙࢥ఻ୡ

    View Slide

  63. ैདྷͷ໰୊఺

    View Slide

  64. ػೳͷૂ͍ͱ
    ͦΕʹରԠ͢ΔࢦඪΛ
    ఏࣔ͢Δͷ͕େม

    View Slide

  65. ࢦඪ͸"OBMZUJDT͚ͩͰ͸ͳ͍
    ࢦඪΛ֬ೝ͢ΔͨΊͷ63-ूΛ
    ࡞ͬͨΓ͢Δඞཁ͕͋ͬͨ

    View Slide

  66. ͜Ε͸࡞Δͷ΋ݟΔͷ΋େม

    View Slide

  67. "OBMZUJDT
    4QSFBETIFFU
    4FBSDI$POTPMF
    %BUB4UVEJP

    View Slide

  68. View Slide

  69. ͸ͯͳಗ໊μΠΞϦʔͷਓؾهࣄΞʔ
    ΧΠϒػೳϦϦʔε͔࣌Βɺػೳ͝
    ͱͷϨϙʔτΛ࡞੒͢ΔΑ͏ʹͨ͠

    View Slide

  70. ҙਤΛ఻͑Δͷָ͕ʹͳΔ͠
    ͻͱ໨Ͱঢ়گ͕೺ѲͰ͖ΔͷͰ
    ΤϯδχΞ΋֬ೝָ͕ʹͳΔ

    View Slide

  71. σΟϨΫλʔ୯ಠͰͷ
    ݶքɾσϝϦοτ

    View Slide

  72. σʔλͷऔಘํ๏ͷڞ༗࿙Ε
    • CSSηϨΫλ΍IDଐੑͰ৘ใΛऔಘ͢Δ৔
    ߹ɺHTMLߏ଄ʹมߋ͕Ճ͑ΒΕΔͱσʔ
    λ͕औಘͰ͖ͳ͘ͳΔ
    ➡ ͜ͷσʔλ͕࢖͑Δɺͱ͍͏͜ͱ͕෼͔ͬ
    ͨΒɺద੾ͳλΠϛϯάͰΞϓϦέʔγϣ
    ϯʹ૊Έࠐ΋͏

    View Slide

  73. σʔλͷऔಘํ๏ͷڞ༗࿙Ε
    • AppsScript΍Spreadsheetͷؔ਺ͳͲͰؤ
    ுͬͯॲཧͯ͠σʔλΛੜ੒͍ͯ͠Δ৔߹ɺ
    յΕͨ࣌ʹ෮چ͕ࠔ೉
    ➡ ͜ͷσʔλ͕࢖͑Δɺͱ͍͏͜ͱ͕෼͔ͬ
    ͨΒɺυΩϡϝϯτΛ࢒͢ͳͲ͠Α͏

    View Slide

  74. ղܾํ๏ͷݕ౼ෆ଍
    • σʔλΛऔಘํ๏͔Βෳ਺ͷํ๏͕͋Γɺ
    JavaScript΋ॻ͚ͯ͠·͏ɻσʔλͷอଘͰ΋ෳ਺
    ͷํ๏͕͋Γɺ૊Έ߹Θͤ͸ͨ͘͞Μ͋ͬͯ೉͠
    ͍
    • ࣗ਎ͷແବʹ࣌ؒΛ͍ͯ͠Δ৔߹΋͋Δ
    ➡ JavaScript͸ΤϯδχΞϨϏϡʔʹग़͢ɻઃఆ౳
    ʹෆ͕҆͋Δ৔߹͸ଞDʹ࿩ͯ͠ΈΔɻ࡞ۀ࣌ؒ
    Λ1-2࣌ؒʹ۠੾Δ

    View Slide

  75. ղܾํ๏ͷݕ౼ෆ଍

    ➡ ઃఆ͕ҟৗʹෳࡶʹͳΔ৔߹͸ɺΤϯδ
    χΞʹ૬ஊ͢Δɻͦ΋ͦ΋΋ͬͱྑ͍ղ
    ܾํ๏͕ݟ͔ͭΔ৔߹΋͋Δ

    View Slide

  76. %ʹΑΔ৘ใऔಘ͸
    ͋͘·ͰҰ࣌తͳ΋ͷͳͷͰ
    σʔλ͕࢖͑Δͱ෼͔ͬͨΒ
    ΤϯδχΞͱ૬ஊͯ͠
    ࢓༷Λ֬ఆͤ͞·͠ΐ͏

    View Slide

  77. ·ͱΊ

    View Slide

  78. (PPHMFͷπʔϧΛ࢖͍

    %͚ͩͰ΋௿ίετ
    ແྉ ௿޻਺
    ʹ
    ҙࢥܾఆΛߦ͏ͨΊͷ؀ڥΛ
    ੔͑ΒΕ·͢

    View Slide

  79. πʔϧ͸໰୊Λ

    ղܾ͢ΔͨΊʹඞཁͳ

    ෛ୲ΛݮΒͯ͘͠ΕΔ

    View Slide

  80. ͋͘·Ͱ໰୊ղܾͷ

    ͍ͪखஈͰ͋Γ

    πʔϧΛ࢖͏͜ͱ͕

    ໨తͰ͸ͳ͍

    View Slide

  81. ৘ใղੳ΍ίϛϡχέʔγϣ
    ϯʹϑΥʔΧε͢Δ࣌ؒΛ
    ૿΍͠ɺҙࢥܾఆΛՃ଎͞
    ͤɺαʔϏεͷະདྷ࡞Γग़
    ͍͖ͯ͠·͠ΐ͏

    View Slide

  82. ͓ΘΓ

    View Slide