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

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

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

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

Kazuki Shibata

October 25, 2019
Tweet

More Decks by Kazuki Shibata

Other Decks in Programming

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