SentryでSPAのエラーログを収集する

We Are JavaScripters! @37th【初心者歓迎・LT会】の資料です。

Transcript

1. !TIJCF
   4FOUSZͰ41"ͷΤϥʔϩάΛऩू͢Δ
   

   View Slide

2. ࣲా࿨ف,B[VLJ4IJCBUB
   !TIJCF
   ࠷ۙ͸NJDSP$.4ͱ͍͏೔ຊ੡ϔουϨε$.4Λ࡞͍ͬͯ·͢ɻ
   σβΠϯɺϑϩϯτΤϯυ࣮૷ʢओʹ41"ʣ͕޷͖ɻ
   3FBDUϝΠϯ͚ͩͲɺ࠷ۙ7VF/VYU͋ͨΓ΋৮Δɻ
   

   View Slide

3. View Slide

4. NJDSP$.4ͷͬ͘͟Γٕज़ߏ੒
   ๏ "84"NQMJGZ੡
   ๏ αʔόʔϨε41"ߏ੒ʢ+".TUBDLʣ
   ๏ ϑϩϯτ͸3FBDU3FEVY
   ๏ .POPSFQPʢϑϩϯτ͔ΒόοΫ·Ͱʣ
   

   View Slide

5. Τϥʔϩάऩू͍ͯ͠·͔͢ʁ
   

   View Slide

6. ΫϥΠΞϯταΠυͷ

   Τϥʔϩάऩू͍ͯ͠·͔͢ʁ
   

   View Slide

7. ͜ͷ41"࣌୅ɺ΋͸΍8FC͸ΞϓϦͱಉٛ
   ϑϩϯτΤϯυ #'' όοΫΤϯυ
   4UPSBHF
   %BUBCBTF
   "1*
   "QQ
   8FC "1*
   

   View Slide

8. ͱ͋ΔΞϓϦΤϯδχΞͷݴ༿
   “
   ”
   ΞϓϦͰ͸౰ͨΓલͷΑ͏ʹ$SBTIMZUJDTΛೖΕΔͷʹ
   8FC͸ͦ͏͍͏ͷೖΕͳ͍ͷʁ
   

   View Slide

9. 41"ͷݱ࣮
   ๏ Ϣʔβʔ͸ը໘͕ਅͬനʹͳͬͨΓɺσʔλ͕දࣔ͞Εͳ͔ͬͨΓ͢Δ
   ๏ ී௨ʹ΍ͬͯͨΒϢʔβʔ͔Βͷใࠂ͕͋Δ·Ͱؾ෇͚ͳ͍
   ๏ αʔόαΠυͰͷΤϥʔϩάऩू͚ͩͰ͸ෆ׬શ
   ๏ Τϥʔ͸ɺݱ৔ʢϒϥ΢βʣͰى͖͍ͯΔ
   

   View Slide

10. ຊ୊4FOUSZΛ࢖͓͏
    

    View Slide

11. 4FOUSZͱ͸
    ๏ Πϕϯτϩάͷऩूπʔϧ
    ๏ ༷ʑͳϓϥοτϑΥʔϜʹରԠ͍ͯ͠Δʢ࣍εϥΠυʣ
    ๏ ϩʔϯν͸೥ʢEKBOHPECMPHɺͷͪʹ4FOUSZʹSFOBNFʣ
    

    View Slide

12. ࢖͑ΔϓϥοτϑΥʔϜ
    

    View Slide

13. ࣮ࡍͷը໘
    

    View Slide

14. όάҰཡը໘
    

    View Slide

15. όάҰཡը໘
    όάͷൃੜස౓ɺൃੜճ਺ɺൃੜਓ਺͕෼͔Δ
    
    

    View Slide

16. όάৄࡉը໘
    ͲͷߦͰόά͕ى͖ͨͷ͔·Ͱ
    ڭ͑ͯ͘ΕΔ
    όάΛҾ͖౰ͯͨϢʔβʔͷ؀ڥ
    ˠ࠶ݱ͕͠΍͍͢
    

    View Slide

17. 4FOUSZʹόϯυϧ+4ͷNBQϑΝΠϧΛΞοϓϩʔυ͢Δ
    ๏ 4FOUSZଆͰΤϥʔͷࡉ͔͍Ґஔ·Ͱදࣔͤ͞ΔͨΊʹ8FCQBDLͷ

    Ϗϧυ࣌ʹ4FOUSZଆʹNBQϑΝΠϧΛΞοϓϩʔυ͢Δ
    ๏ ͦͷ··ͩͱ1SPEVDUJPOʹNBQϑΝΠϧ΋ग़ͯ͠·͏ͷͰɺϏϧυޙʹ
    NBQϑΝΠϧΛ࡟আ͢Δʢۤ೑ͷࡦʣ
    

    View Slide

18. ·ͱΊ
    ๏ 8FCͰ΋ΫϥΠΞϯταΠυͷΤϥʔϩάΛऩू͢΂͖
    ๏ 4FOUSZΛಋೖ͢ΔͱϢʔβʔ͕௚໘͍ͯ͠ΔΤϥʔʹ͙͢ʹؾ෇͚Δ
    ๏ Τϥʔͷ؀ڥ΋࠶ݱ͠΍͍͢͠ɺରԠͷ༏ઌ౓΋͚ͭ΍͍͢
    

    View Slide

19. 5IBOLT
    
    !TIJCF
    

    View Slide