人生の成功の鍵は、過ちから学ぶことです。
web 開発でも同じことが言えます。
エラー追跡は、パフォーマンスの問題を突き止める前に特定するのに役立つため、web プロジェクトにとって重要なコンポーネントです。
2018年最高のエラー監視ツールと戦略のいくつかを見てみましょう。
エラー追跡とは？
理想的には、ユーザーが遭遇する前に web アプリケーションのバグを識別する必要があります。
最初のインプレッションはすべてであり、エラーメッセージで迎えられることは、新しい訪問者を怖がらせるための確実な方法です。
さらに悪いことに、これらのユーザーは、アプリがクラッシュしたことを伝えるのに時間がかからないでしょう。さらに悪いことに、彼らは Twitter 上で単語を広め、開始することができます。
エラー追跡とは、問題を事前に特定し、可能な限り迅速に修正するプロセスです。エラー監視は、ユーザーと運用チームによって報告されたバグに対処するにつれて複雑化する可能性があるため、
最初から効率的なエラー追跡ワークフローを実現することが重要です。
エラー追跡はどのように役立つか?
人生のあらゆる状況と同様に、小さな問題をできるだけ早く解決して、大きな問題にならないようにする方が簡単です。
したがって、開発サイクルの最初からエラー追跡を実装すると、チームの時間と頭痛が大幅に軽減されます。
バックエンドエラー追跡
バックエンドまたはサーバー側のエラーには、ページ例外や JavaScript エラーなどが含まれます。
すべてのバックエンドエラーがユーザーエクスペリエンスに影響するわけではありませんが、それらを追跡することは、アプリのチューニングに役立つことがあります。
Google 開発ツールコンソールでは、リアルタイムのフィードバックを提供して、エラーの原因を追跡したり、ハンドラを設定して例外データの収集を自動化したりすることができます。
すべてのコードエラーがユーザーに顕著であるわけではないことに注意してください。例外を追跡するために使用するツールに関係なく、
エラー監視の最も困難な部分は、すべての “ノイズ” をフィルタリングして、実際の問題に集中できるようにすることです。
人間のテスターが常に必要になる理由です。
フロントエンドのエラー追跡
古いエラー監視ツールは、主にバックエンドエラーに焦点を当てていました。バックエンドエラー追跡は、すべてのサーバー側コードが同じ場所で実行されるため、比較的簡単です。
フロントエンドのパフォーマンスは、ユーザーのハードウェア、ソフトウェア、および接続に大きく依存するため、フロントエンドのエラーを監視するにはもう少し作業が必要です。
あなたのウェブサイトやアプリが1ダース以上のウェブブラウザと何百もの異なるデバイスでスムーズに実行されることを確認する必要があります。これは簡単な偉業ではありません。
フロントエンドのエラーには、UI の不具合、パフォーマンスの低下、インターフェイスの破損などがあります。データの収集に加えて、エラーがユーザーエクスペリエンスに与える影響を正確に理解する必要があります。
そこで、バグの再現が登場します。
バグの再現
web 開発のバグを再現するということは、発生する条件を再作成することによって、自分でエラーを見ることです。
「バグを再現できない場合、それを修正することはできません」というのは、web 開発サークルの中で人気のあることわざです。
すべてのウェブサイトやアプリは、ユーザーがバグを報告する方法を提供する必要があります。
たとえば、ここで KeyCDN では、アプリケーション内のセキュリティバグを見つけるユーザーのための賞金プログラムを提供しています。
もちろん、あなたのアプリケーションではなく、ユーザーの接続やネットワークの構成で問題がある場合もあります。
幸いなことに、特定のエラー追跡ソリューションを使用すると、ユーザーが経験したことを正確に確認できるように、ユーザーセッションを記録して再生することができます。
便利なエラー追跡ツール
オンラインで利用できるエラー監視ツールは不足していませんが、さまざまな洞察を提供します。アプリケーションをデバッグし、エラーを追跡するときに使用できる2つの主な方法があります。
最初の方法は、自動化されたソリューションを使用することです。
これらはエラーを追跡し、エラーが発生したときに警告し、問題を再現または解決する方法についての洞察を提供します。
もう1つの方法は、ツールまたはサービスを使用できる手動のデバッグ/エラー追跡です。
これらの機能により、エラーを手動で注釈付けし、最終的に開発チームに送信することができます。
エラーを最小限に抑えるために、自動および手動の両方のツールを使用することをお勧めします。
これは、web アプリケーションのエラーを追跡するための最良のツールの一部であります。
自動テスト
1. Raygun
Raygunは、すべてのウェブサイトのエラーでより良い目を保つために同時に使用することができる3つの別々のサービスを提供しています。
これには、クラッシュレポート、実際のユーザー監視、および APM ソリューションが含まれます。
クラッシュレポートでは、発生したエラーやクラッシュが通知されます。彼らのラム酒製品は、パフォーマンスのボトルネックとそれらを改善する方法についての洞察を提供します。
最後に、APM を使用すると、サーバー側のボトルネックに関するデータを収集できます。
2. Rollbar
Rollbarは、完全なスタックエラー追跡ソリューションです。これは、キャッチされていないエラー、レポートエラー、およびログメッセージをキャプチャします。
また、リアルタイムでエラーを監視し、インスタントアラートを取得し、詳細なエラーデータを確認して、エラーを再現し、迅速に修正することもできます。
ありはまた、JavaScript、角度、node.js、Python、ルビー、Django、PHP、Clojure、.NET、アンドロイド、iOS、Haskell、Drupal、レール、および多くを含むサポート言語の非常に広範なリストを持っています。
3. Sentry
Sentryは、オープンソースであるということで、他のエラー追跡ツールとは少し異なります。
あなたが愛好家であれば、あなたは完全に無料のSentryを使用することができます。
しかし、プロジェクトやビジネスが成長するにつれて、有料プランを購入する必要があります。
Sentryのダッシュボードは、スタックトレース、ソースマップのサポート、すべての URL のパラメータとセッション情報などの有用な情報のトンを提供します。
また、各リリースの影響を確認して、バグが発生している場所を確認したり、バグを簡単に報告する方法をユーザーに提供したりすることもできます。
4. LogRocket
LogRocketは他の人とは少し違います。
LogRocket がバグを検出すると、ユーザーが画面に表示する内容を正確にキャプチャするビデオが自動的に作成されます。
また、JavaScript のエラー、ブラウザのメタデータ、コンソールログ、スタックトレース、ネットワーク要求などを追跡します。
このようにすると、エラーをすぐに再現してユーザーに影響があるかどうかを確認したり、ログを確認することでどのように発生したかを確認したりできます。
LogRocket を Redux、反応、角度などのライブラリと統合して、より堅牢なエラー監視を行うこともできます。
手動テスト
5. Usersnap
Usersnapは、Slack、インターコム、ワードプレス、Evernote、Drupal のようなツールとの互換性を提供します。
JavaScript の埋め込みのおかげで、Usersnap はクライアント側のエラーに関するレポートも提供します。
便利なフローティングウィジェットは、任意の web ページに注釈を追加することが容易になります。
QA チームがあれば、Usersnap は開発者とのコミュニケーションを効率化する優れた方法です。
6. マーカー
マーカーは、チームワークを容易にするために Trello やたるみのようなコラボレーションツールと統合します。
バグが発生すると、マーカーはユーザーの詳細と共にすべての人にスクリーンショットを送信します。
残念ながら、マーカーは現在 Chrome の拡張機能としてのみ利用可能ですが、開発者は WordPress のためのさらなる統合に取り組んでいます。
7. DebugM
DebugMeの拡張機能は、Chrome を含むほとんどの web ブラウザと互換性があります。
サファリ, Internet Explorer, マイクロソフトエッジとオペラ.これにより、チームメンバーは痛みを作成し、互いにエラーを共有することができます。
また、組み込みのエラー追跡のためにアプリケーションの meta タグにコードを埋め込むこともでき、訪問者にフィードバックを提供することも可能です。
8. zipBoard
エラーを修正するのに役立つ情報と一緒間違いの素敵な視覚的表現のためのzipBoardにあなたの URL を入力してください。
組み込みのタスクマネージャを使用すると、注釈をタスクに変換してチームメイトに割り当てることができます。
すべてのベスト、あなたは絶対にあなたの最初のプロジェクトのためのコストで zipBoard のフルバージョンを試すことができます。
アップグレードを選択した場合は、追加料金なしで、できるだけ多くのユーザーを追加できます。
エラー追跡ワークフローの確立
エラー追跡には、主に4つの方法があります。
包括的なバグテスト戦略は、それらすべてを組み込む必要があります。
1. 自動テスト
開発プロセスの早い段階で、エラー追跡プロセスを自動化するためにテストスイートを活用する必要があります。
これらのプログラムは、ユーザーがさまざまな状況下で実行するアクションをシミュレートするテストケースを設定するのに役立ちます。
2. 手動テスト
時には人間の目は、バグをキャッチする必要があります。
大規模な開発チームは、それが構築されているように手動でソフトウェアをテスト時間を費やす人間テスターを採用している理由です。
専任テスターのチームに余裕がない場合は、開発者はダブルデューティを実行する必要があります。
BrowserStackとUsersnapは、ほとんどのオペレーティングシステムとブラウザで実行されるため、手動エラー追跡に最適なツールです。
多くのトラフィックは、スマートデバイスから毎年来ているので、モバイルテストを無視しないでください!
3. クラウドソーシング
近年の web の急速な拡大のおかげで、クラウドソーシングはすべてのための一般的なソリューションとなっています。
このコンテキストでのクラウドソーシングは、ユーザーがバグを報告する方法を提供することを意味するだけではありません。
Testbirdsや拍手などのサービスは、自分の時間の間にソフトウェアプロジェクトをテストするために、世界中からのユーザーを募集します。
一部のサービスは、プロジェクトごとに一律料金を請求しますが、バグごとに課金されるものもあります。
Testbirds は、ビデオゲームのテストを提供しており、複数の国で大きな存在感を持っているので、グローバルな視聴者にリーチしようとしているデベロッパーにとって理想的です。
拍手は、ウェアラブルとスマートカードのテストを提供しています。
エラー追跡のクラウドソーシングのアイデアはまだ上にキャッチされている間, あなたはこれらのポップアップのようなより多くのサービスを見ることを期待することができます。
4. ユーザーレポート
一部のユーザーは、アプリがクラッシュしたかどうかを確実に知らせますが、実際にはそれを修正するのに役立つ十分な情報を提供することはほとんどありません。
そのため、バグを報告するときに正しい質問をユーザーに確認する必要があります。
幸いにも、 Jira サービスデスクのようなエラートラッカーは、ユーザーがエラーが発生したときに入力するためのテンプレートを設定する簡単な方法を提供し、
上記のツールの多くは、ユーザーのセッションに関する情報を記録します。
概要
プロジェクトに最適なエラー追跡ソフトウェアは、チームの規模、予算、および技術的なニーズによって異なります。
大小問わず、訪問者の満足度を維持したい場合は、ツールと戦略の組み合わせを採用して、バグを効率的にキャッチする必要があります。
おすすめタグ