IDCFクラウドFacebookTwitterLinePocketこんにちは、UX開発部の橋口です。Webサービスを開発するうえで、JavaScriptは絶対的に使われる技術だと思います。みなさんもJavaScriptでエラーの調査をする際に、クライアントで実行されるためエラーの内容やどこで発生したかが分からなかったり、問い合わせ内容の再現ができず困ったことがあるのではないでしょうか?解決の糸口を作るためには、クライアントサイドで発生したエラーに関する情報を収集してあげる必要があります。JavaScriptのエラーログも収集できる著名な製品もありますが、クラウド環境への導入の場合には高額になってしまったり、独自に解析する場合でも、環境などを用意するのも大変ですし管理も大変です。IDCFにJavaScriptのエラーログを収集する方法について紹介します。課題JavaScriptのエラーを収集するにあたり問題になった2つの課題と解決策をご紹介します。先ほども挙げましたが、JavaScriptはクライアントサイドで実行されるスクリプトです。最新のブラウザであればエラー発生時にスタックトレースなど調査時に有益な情報が取得できますが、閲覧してくれる方全員が最新のブラウザを使ってくれるとは限りません。そのため、古いバージョンであっても、擬似的なスタックトレースが取得できるstacktrace.jsを今回は使用します。収集にあたってstacktrace.jsにはJSON形式でエラーの情報をPOSTしてくれるメソッドがありますが、今まで収集してこなかったため実際にどのぐらいのエラーが集まってくるか見当がつかず、収集側にどれだけのキャパシティを用意すべきなのか想定もできません。IDCFにエラーを収集します。全体で1.5億件、月間1,000万件まではスタータープランに入ります。詳細はこちら実際に収集してみようここまでは、課題などを上げてきました。IDCFへ収集する為の準備をしましょう。DBの設定まずはじめに、データベースや、テーブルを作成します。左上から二番目のDatabasesアイコンをクリックします。新しいデータベースを作成します。新しいテーブルを作成します。writeKeyの取得javascriptには書き込み専用のwriteKeyをセットします。データベースやテーブルごとに制限をかけることができないので専用のアカウントを作成するのがオススメです。profileから確認できます。profileをクリックします。Keysをクリックします。認証をするとAPIキーが表示されるのでwriteKeyを控えます。ない場合はCREATEを押して作成しましょう。IDCFに送信して見ましょう。使用することも可能です。スタックトレースの部分を改行で連結しています。今回はサンプルのためhtmlファイルに直接記載していますが、必要に応じてJavaScriptファイルにすることをおすすめします。sample</body></html>実際にエラーログを収集すると、次のようにDB内のテーブルに格納されます。さいごにIDCFクラウドでもJavaScriptエラーログを取得中です。どの画面でどの行でどのようなエラーが発生しているかデータベースに記録されるため、リリース後に新規にエラーが発生していないか、定常的に顧客のUXを低下させるような不具合が発生していないかの確認に役立てています。改善にとても役立つのでみなさんの作成されるWebアプリケーションでもエラーログの継続的な収集と解析をお勧めいたします。RDBへのリージョン/ゾーン間接続例おはようございます、サービス基盤部の森田です。今回は以前か...2020-04-13クラウドストレージの権限設定を使いこなそう!こんにちは、クラウド推進部の菊地です。CDNサービスにイベントログ機能が追加されましたクラウド推進部のCDN開発チームです。Inc.▲はてなブログをはじめよう!blog-idcfさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。