コンソールのログ見せてもらえませんか?」クライアント「。(ナニイッテンダコイツ)」(ここでレスが帰ってこなくなる)こんな感じのことがたまーにあります。このやりとりって結構大変なんですよねクライアントによってITリテラシーがバラバラなので、、、しかもこの後にローカルで環境を再現してエラーの内容を把握してってなると、結構時間が無駄になってる気がします。考えるとサーバーのエラーは当然のようにトラッキングして集約するのに、フロントのエラーがほったらかしなのはどうなのとも思いました。そこで今回はVuejsで構築したSPAの上で発生したエラーをトラッキングするための仕組みを考えてみました。エラーをトラッキングするとなると、考えることは以下の2点になるかなと思います。やって検知する?どこにエラーの情報を集約する?どちらも試してみたので、順を追って書いていきます、どうやって検知する?ざっくり3種類方法があるようなのでそれぞれ調べてみました。window.onerrorerrorCapturedVue.config.errorHandlerwindow.onerrorVue.jsはJavascriptの上で動作します。Javascript自体のエラー検知の機構を使うことができます。developer.mozilla.org使い方はこのような感じ。onclick="HOGEHOGEHOGE">PureなJavascriptでエラー</button>この状態でbuttonを押すとonerrorがキャッチします。onerrorの引数はこんな感じ。エラーオブジェクト(下記の画像参照)errorCapturedこちらはVuejs独自のエラー検知の機構で、Vuejsの各Component独自に定義することができます。vuejs.orgSFCでの使い方はこのような感じ。},}</script>dataとかpropsとかと並列に定義できます。順番に発火させてエラーが伝播していきます。することで途中で止めることができます。上記の例では子Componentから親Componentへのエラー伝播を止めることができます。同一ですが、グローバルに設定する点が全く異なりますvuejs.org使い方は以下のような感じ。発火しませんまとめ3種類紹介しましたが、これを踏まえて僕なりのエラー検知機構の使い分け場面を考えてみました。言う話は、別記事にしようと思いますのでもう少しだけお待ちくださいー。2019の16日目です。...2019-11-03GitHubのTrendを総評してみた(2019/11)先月に引き続きやっていきます。先月の最後らへん、若干頻度落...2019-08-10Vue.jsのエラーハンドリングについて調べた件(後編)おはようございます。参加しました!こんばんは。最近物欲がないmorifujiです。received.」が出てPDF出力できない場合の対処方法Rustで気軽にWebSocketサーバを作ったら意外と大変だった件DockerだけでLet'sEncryptの証明書を取得してingressに紐付けてみたGitHubのTrendを総評してみた(2019/12)GitHubのTrendを総評してみた(2019/11)月別アーカイブはてなブログをはじめよう!Kouchannel55さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。