RxJS, mixpanelで実装するSPAの行動分析基盤

Transcript

1. 3Y+4
   NJYQBOFMͰ࣮૷͢Δ41"ͷߦಈ෼ੳج൫ :PTVLF
   ,VSBNJ !2VSBNZ
   
   1
2. "CPVU
   NF
3. w 2VSBNZ UXJUUFS(JU)VC2JJUB ͱ͍͍·͢
   w OHKBQBOͷελοϑͯ͠·͢
   w IUUQTMBDLJOWJUFOHKBQBOPSH
   w "OHVMBS
   5ZQF4DSJQU
   7JNΛภѪ͍ͯ͠·͢ ࣗݾ঺հ
4. ձࣾαʔϏε঺հ
5. "*ΞφϦετ w IUUQTXBDVMBJDPN
6. "*ΞφϦετ w (PPHMF
   "OBMZUJDTͷσʔλΛݩʹɺ8FCαΠτͷվળҊΛ ఏҊ
   w ྫɿʮಛఆͷϖʔδΛݟΔͱ$73͕ஶ͘͠ѱ͘ͳΔʯ౳
   w 8FCϚʔέλʔ
   ୅ཧళ͞Μ޲͚ʹ࢖ͬͯ΋Β͏ͨΊͷ##
   4BB4
   w "OHVMBS
   WʹΑΔ41"
7. ࠓ೔ͷςʔϚ
8. 41"͕ͲͷΑ͏ʹ࢖ΘΕͯΔ͔஌Γ͍ͨ
9. σʔλΛݩʹվળ఺Λݟ͚ͭΔ
10. NJYQBOFM w Ϣʔβʔ୯ҐͷΠϕϯτΛࡉ͔͘औಘɾ෼ੳͰ͖Δ
11. NJYQBOFMͷಛ௃ w NJYQBOFMUSBDL ʜ
    Ͱ೚ҙͷΠϕϯτΛૹ৴Ͱ͖Δ
    w σʔλΛ"1*ͰFYQPSUͰ͖Δ
    w #JH2VFSZʹJNQPSU
    w ଞͷσʔλιʔε %# ͱ૊Θͤͯɺ3FEBTI
    ͰΫΤϦΛ ࡞Γɺ༷ʑͳ࣠Ͱ෼ੳ͕Ͱ͖Δ
12. ͲͷΑ͏ʹૹ৴͢Ε͹Α͍͔ʁ
13. ϢʔβʔΠϕϯτͷந৅Խ w 41"Ͱ͸༷ʑͳʮΠϕϯτʯ͕ൃੜ͢Δ
    w %0.Πϕϯτ ϑΥʔϜͷೖྗ
    ϘλϯΫϦοΫ౳
    w ϧʔλʔʹΑΔը໘ભҠ
    w Ϟʔμϧ΍Ξϥʔτͷ։ด
    w Ϗδωεཁ݅తͳ ίϯόʔδϣϯΠϕϯτ
    w FUDʜ
14. Πϕϯτͷந৅Խ w ΠϕϯτͷൃੜՕॴຖʹNJYQBOFM΁ͷૹ৴Λॻ͘ͷ͸৑௕ɺ ॲཧͷݟཱ͕ͯѱ͘ͳΔ
    w ͦ͜ͰɺΠϕϯτΛ3YKTͷετϦʔϜͱͯ͠ந৅Խ
    w ͜ͷετϦʔϜΛ4VCTDSJCFͯ͠.JYQBOFM΁ૹ৴
    w 3YKT
    ࣌ؒͰൃੜ͢ΔΠϕϯτΛந৅తʹѻ͏͜ͱʹಛԽ͠ ͨϥΠϒϥϦ
15. ࢀߟʹͨ͠Ϟσϧ  ҰൠతͳQVCTVC
    Ϟσϧ
    w SYKT͕࢓૊ΈΛఏڙͯ͘͠ΕΔ
     -PH+ͳͲͰݟΒΕΔΧςΰϦઃܭ
    w lVJz
    w lVJCVUUPOz
    w lVJCVUUPODMJDLz
16. this.ngZone.runOutsideAngular(() => { if (e && e["__pushed__"]) return; if (e) e["__pushed__"] = true; const element = this.elemRef.nativeElement as HTMLElement; const value = element.textContent; const typeAttr = element.getAttribute("type"); const kindAttr = element.getAttribute("kind"); const iconAttr = element.getAttribute("iconKind"); const activity = createActivity(element, { categorySuffix: "button", action: "click", value, }); if (typeAttr) activity.label += `[type='${typeAttr}']`; if (kindAttr) activity.label += `[kind='${kindAttr}']`; if (iconAttr) activity.label += `[iconKind='${iconAttr}']`; this.accumulator.push(activity); }); 1VCMJTI
    &WFOUT
17. Observable.merge( activities .filterCategorizedActivity("ui.router") .filter(({ action }) => action === "navigationEnd") .debounceTime(100), activities .filterCategorizedActivity("ui.root", { exclude: true }) .filterCategorizedActivity("ui.router", { exclude: true }) ) .mapFlattenData() .subscribe(({ action, category, ...rest }) => mixpanel.track(`${category}.${action}`, rest)) ; 4VCTDSJCF
    &WFOUT
18. Πϕϯτந৅ԽͷϝϦοτ w Πϕϯτͷந৅ԽʹΑΓɺૹ৴ίʔυΛ௥Ճ͢Δ͚ͩͰɺଞ αʔϏε΁ͷ࿈ܞ͕Մೳɻ
    w FYɿྫ֎ൃੜ࣌ʹɺൃੜͨ͠Πϕϯτͷ௚ۙ݅ΛΤϥʔ τϥοΩϯάαʔϏε4FOUSZ΁ૹ৴
 ܽམ͢Δ͜ͱ΋ʜ
19. 4VNNBSZ
20. ·ͱΊ w NJYQBOFM͍͍ͧ
    w #JH2VFSZ͍͍ͧ
    w 3Y+4͍͍ͧ
    w "OHVMBS͍͍ͧ
21. 5IBOL
    ZPV