Rails Developers Meetup #1
https://rails-developers-meetup.connpass.com/event/55363/
ίϯϙʔωϯτࢦ࣌ͷJSΤϥʔτϥοΩϯάEDWARD FOX@Rails Developers Meetup 2017/05/18
View Slide
λΠτϧ͔͚ͬͭͯ͜·͕͢RailsͰϑϩϯτΛ࡞͖ͬͯͨதͰΤϥʔऩूʹ͍ͭͯߟ͑ͨ͜ͱΛ͠·͢
Edward Fox- Developer @ Repro Inc.- RoR, JavaScript, AWS- Vue.js, HTTP/2, Browsers
Rails × ϑϩϯτΤϯυ Ͱ०ͳ
webpacker
ReactVue.jsͳͲͷίϯϙʔωϯτࢦͳϥΠϒϥϦ͕͙͢ಈ͘
ΫϥΠΞϯτͷ͕େ͖͘ͳΔҰํɺΤϥʔτϥοΩϯάσόοάपΓ͕εΩͩΒ͚
ϑϩϯτͷΤϥʔΛૄ͔ʹ͍͚ͯ͠ͳ͍
ࠓͷ݁:Sentry ͍·͠ΐ͏
Sentry is Կ
1. Τϥʔʹؾ͘2. ΤϥʔΛཧղ͢Δ3. ΤϥʔΛ࠶ݱ͢Δ
RailsͰ༻ҙͨ͠APIΤϯυϙΠϯτʹJS͔Βඇಉظ௨৴ͯ͠σʔλΛऔಘ
RailsͰఆ௨ΓͷJSONΛฦ͍ͯͯ͠ɺ࣮σʔλΛड͚औͬͨΫϥΠΞϯτ͏·͘ॲཧͰ͖͍ͯͳ͍͔
ΫϥΠΞϯτͰͷΤϥʔൃੜ࣌ʹ- ϦΫΤετύϥϝʔλ- ελοΫτϨʔε- Τϥʔͷߦɾྻ൪߸ͱ͍ͬͨใ͕औಘՄೳ
֊ߏΛ࣋ͭίϯϙʔωϯτ͔ΒΤϥʔ͕ൃੜ
Τϥʔͷൃੜࣗମʹؾ͚ͯɺΤϥʔΛىͨ͜͠ίϯϙʔωϯτ͕Ͳ͏͍͏ঢ়ଶ͔Θ͔Βͳ͍
- component name- lifecycle hook- state, data, props- localStorageͱ͍ͬͨใ͕औಘՄೳ
Τϥʔ͕ൃੜͨ͠ͱ͖ͷίϯϙʔωϯτͷঢ়ଶΛѲ͠ɺΤϥʔͷৄࡉΛཧղͰ͖Δ
ΤϥʔࣗମΛཧղͰ͖ͯͦͷΤϥʔʹࢸΔ·ͰͷྲྀΕ͕͔Βͣ࠶ݱͰ͖ͳ͍
SentryͷBreadcrumbsΛݟΔ
Ϣʔβʔͷը໘ૢ࡞͕͑ΔͨΊΤϥʔͷ࠶ݱ͕༰қ
Ϧιʔεͷঢ়ଶ͕URLͰදݱͰ͖ͳ͍SPAͰ͋ͬͯɺSentryʹૹΔใΛ؆୯ʹՃͰ͖Δ
·ͱΊ
Sentry ͍·͠ΐ͏
ϦονͳUIɺSPAΛ࡞ΔͳΒΫϥΠΞϯτͷΤϥʔΛͪΌΜͱऩू͠ݎ࿚ͳRailsΞϓϦΛ࡞Ζ͏
edwardkenfox.com