Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

airreader

July 03, 2017
Tweet

More Decks by airreader

Other Decks in Programming

Transcript

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

  2. ࠓճ࿩͢͜ͱ

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

  4. ࣗݾ঺հ

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

    w ೥Ϣʔβʔαϙʔτࣾһ࠾༻ w ೥σΟϨΫλʔʹస਎
  6. αʔϏεϓϥοτϑΥʔϜ νʔϜʹॴଐ͍ͯ͠·͢

  7. αʔϏεϓϥοτϑΥʔϜ
 νʔϜͬͯͳʹ΍ΔνʔϜʁ

  8. ݹ͔͘Βӡ༻͍ͯ͠Δ αʔϏεΛ
 ҰखʹҾ͖ड͚Δ

  9. w ͸ͯͳμΠΞϦʔ w ͸ͯͳΩʔϫʔυ w ਓྗݕࡧ͸ͯͳ w ͸ͯͳϑΥτϥΠϑ w ͸ͯͳάϧʔϓ

    w ͸ͯͳελʔ w ͸ͯͳಗ໊μΠΞϦʔ w ࣾ಺ͷ಺෦αʔϏεͳͲ
  10. ΊͪΌͪ͘Όଟ͍

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

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

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

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

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

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

  17. Ͱ͖Δ͚ͩϝϯόʔͷ޻਺Λ
 ࢖Θͣʹཁ఺Λ཈͑ͨ ։ൃΛߦ͏ඞཁ͕͋Δ

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

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

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

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

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

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

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

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

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

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

  28. ҙࢥܾఆ͸σΟϨΫλʔ
 ͚ͩͰ׬݁͢Δ࡞ۀͰ͸ͳ͍

  29. ϝϯόʔʹ఻Θͬͯ࢝Ίͯ
 ҙࢥܾఆ͕ߦΘΕͨͱ͍͑Δ

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

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

  32. ҙࢥܾఆΛ્Ή΋ͷ

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

  34. ։ൃ޻਺ͷ ੍໿

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

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

  37. ࣗ਎ͷ஌ࣝ ෆ଍

  38. ෆ଍͍ͯ͠Δͷ͸෼͔ͬͯΔ
 ͔ͩΒͦ͜ࢼߦࡨޡ͕͍ͨ͠

  39. ੵۃੑ͔Βൃੜࣦͨ͠ഊ͸ ڐ༰͢Δ͠͞ΕΔ͕  ෆ҆ײ͕଍ᐫʹͳΔ

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

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

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

  43. Ͱ΋ɺͲ͏͍͏৘ใΛ ϕʔεʹ൑அ͍ͯ͠Δͷ͔
 ఻͑Δͷ͸͚ͬ͜͏େม

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

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

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

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

  48. ৘ใऩूྫ

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

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

  51. ਓྗݕࡧͷ࣭໰͕ɺ࣭໰ܗࣜͳͷ͔
 Ξϯέʔτܗࣜͳͷ͔औಘ͍ͨ͠

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

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

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

  55. None
  56. ಈઢ͸৭ʑ͋Δ

  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ͷΠϕϯτʹૹ৴͢Δ
  58. ݁Ռ͜͏͍͏άϥϑ͕࡞ΕΔ

  59. Ϣʔβʔͷ౤ߘΞΫγϣϯ΋
 ूܭ͍ͨ͠

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

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

  62. ҙࢥ఻ୡ

  63. ैདྷͷ໰୊఺

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

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

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

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

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

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

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

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

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

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

    ʹෆ͕҆͋Δ৔߹͸ଞDʹ࿩ͯ͠ΈΔɻ࡞ۀ࣌ؒ Λ1-2࣌ؒʹ۠੾Δ
  75. ղܾํ๏ͷݕ౼ෆ଍  ➡ ઃఆ͕ҟৗʹෳࡶʹͳΔ৔߹͸ɺΤϯδ χΞʹ૬ஊ͢Δɻͦ΋ͦ΋΋ͬͱྑ͍ղ ܾํ๏͕ݟ͔ͭΔ৔߹΋͋Δ

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

  77. ·ͱΊ

  78. (PPHMFͷπʔϧΛ࢖͍
 %͚ͩͰ΋௿ίετ ແྉ ௿޻਺ ʹ ҙࢥܾఆΛߦ͏ͨΊͷ؀ڥΛ ੔͑ΒΕ·͢

  79. πʔϧ͸໰୊Λ
 ղܾ͢ΔͨΊʹඞཁͳ
 ෛ୲ΛݮΒͯ͘͠ΕΔ

  80. ͋͘·Ͱ໰୊ղܾͷ
 ͍ͪखஈͰ͋Γ
 πʔϧΛ࢖͏͜ͱ͕
 ໨తͰ͸ͳ͍

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

  82. ͓ΘΓ