セッションリプレイ
完全ガイド

ユーザーがあなたのウェブサイトを閲覧している間、その隣に座っている様子を想像してみてください。素晴らしいと思いませんか？ユーザーがどのような問題に直面しているかを直に体験でき、彼らが理解できずにフラストレーションを感じているアプリケーションの部分を目にすることができます。

次に、そうした問題が発生したときにユーザーを脇に寄せ、ブラウザの開発者ツールを開いて何が悪かったのかを把握できる様子を想像してみてください。それは素晴らしいことではないでしょうか？

ここでセッションリプレイの出番です。これを使えば、ユーザーがあなたの Web アプリケーションをどのように操作しているかを観察し、舞台裏で何が起きたのかを確認できるため、何か問題が起きた場合でもその状況を容易に再現できます。

セッションリプレイツールは、同じ企業内の多くの異なる領域に対応できるため、適切な選択肢を選ぶことがいっそう難しくなります。

• 新しいデザイン更新にユーザーがどのように反応しているか確認したいですか？セッションリプレイにお任せください！
• アプリがクラッシュし続ける理由を突き止めようとしていますか？セッションリプレイがその問いに答えられます。
• リリースしたばかりの機能にユーザーがどう反応しているか気になりますか？ご想像のとおり、セッションリプレイはこちらでも役立ちます！

セッションリプレイツールが他に類を見ないほど輝く、最も一般的なユースケースのいくつかを見ていきましょう。

セッションリプレイ技術は非常に汎用性が高く、組織内のさまざまなチームに価値を提供します。それが、市場にこれほど多くのセッションリプレイの代替手段が存在する理由の一つです。それぞれが異なるペルソナやユースケースに焦点を当てています。それらすべてをまとめて網羅するツールはほとんど存在しません。ですから、セッションリプレイツールを選ぶ際には、社内のユーザーとその主要なユースケースを念頭に置くようにしてください。

セッション録画を捕捉し再生する際、舞台裏で何が起きているのかを少し明らかにしてみましょう。一部は技術的な内容かもしれませんが、ご心配なく。すべて納得していただけるはずです。

セッションリプレイの内部では、実際に何が捕捉されるのか？

収集されるデータは、セッションリプレイツールによって異なる場合があります。これらのツールは組織内の異なるペルソナを対象とする場合があり、そのため一部のユースケースには対応しても、他のユースケースには対応しないことがあることを覚えておいてください。とはいえ、最良のツールは以下の要素を捕捉できるべきです。

• ユーザー行動： クリック、マウスの動き、スクロール、ためらいなどのことです。ユーザーは重要なメッセージをスクロールで通り過ぎていないでしょうか？あるいは、いくつかのボタンをいらだたしげにクリックしているのでしょうか？このデータは、主要なフラストレーションを浮かび上がらせるのに貴重です。
• DOM の変更： ウェブサイトを訪れると、ブラウザは画像、テキスト、動画といったさまざまな要素をダウンロードしてから組み立て、各ページをレンダリングします。Document Object Model（DOM）は、これらの要素とブラウザの間の翻訳者として機能し、ウェブページの組み立てとレンダリングを可能にします。セッションリプレイツールは、これらの要素のいずれかが更新されたタイミングを検出し、その変更（mutations）をリプレイの一部として捕捉します。DOM の変更は、セッション録画の不可欠な構成要素です。それらは、リプレイを構成するフレームなのです。
• 開発者ツールこれらはブラウザが提供するツールで、開発者がローカルのテスト環境であらゆる種類の問題を再現するのに役立ちます。ネットワークリクエストやペイロード、JavaScript エラー、ログ、Web アプリケーションの状態などのことです。一部のリプレイツールは、こうした技術データを各ユーザーセッションごとに捕捉するため、開発者にとってデバッグが驚くほど容易になります。
• Web vitals：ページだけでなくさまざまなリソースも含めて、Web アプリの読み込み時間を監視することは、ユーザーがあなたのサイトをどのように体験しているかについて貴重な洞察をもたらします。さらに、メモリや CPU の使用率といった指標は、クラッシュを追跡し、アプリケーションの速度低下を修正するために利用できます。これにより、セッションリプレイツールはあなたの可観測性スタックの重要な要素となります。
• フラストレーション：レイジクリック（Click rages）、過度なスクロール、デッドクリックは、セッションリプレイプラットフォームが検出できるユーザーのフラストレーションの例です。それらを特定することは、ユーザーにより良い製品体験を提供するための第一歩です。
• カスタムイベント： これは、録画された各セッションと併せて記録する必要があるかもしれない、アプリケーション内の下流または上流のイベントを対象とします。カスタムイベントを追跡するということは、それらのデータの断片をリプレイと同期させ、はるかに豊かなコンテキストを得られるということです。
• メタデータ：特定の録画に関する追加情報です。ユーザー ID（userIDs）、セグメント、ブラウザのバージョン、国などのことです。メタデータは、リプレイを絞り込んだり、データを集計したりするために使われます。
• アセット：画像、フォント、スタイルシートといった特定のアセットのキャッシュは、あらゆるセッションリプレイプラットフォームにとって不可欠な側面です。新しいウェブサイトのためにセッションを録画し、数か月後に新たな装いを与えようと決めたとしましょう。さて、もしアセットがキャッシュされていなかったら、古い録画は以前のスタイルシートやフォントを参照できないため、単純に壊れてしまいます。だからこそアセットのキャッシュはきわめて重要であり、どれだけ時間が経っても、リプレイが元の姿に忠実であり続けることを保証してくれるのです。

これらのツールは、（帯域幅を大量に消費する）動画を録画する代わりに、後で視覚的なリプレイへと再構築できるイベントデータを捕捉します。

データ処理

収集されると、データはいくつかの処理ステップを経ます。

• データサイズを削減するための圧縮
• 機密情報の除去（プライバシー設定に基づく）
• 検索可能にするためのインデックス作成
• 他の指標やイベントとの関連付け

この処理により、データが効率的に保存され、必要なときに素早く取り出せることが保証されます。

リプレイの再構築

セッションリプレイを視聴すると、ツールはユーザーの体験を再構築します。

• ユーザーに見えていたとおりに DOM を再構築する
• ユーザー操作を順番に再生する
• カーソルの動きをアニメーションで表現する
• フォームの入力とその変化を表示する
• 視覚的なリプレイと並べて技術データを表示する

この再構築は、ユーザーが体験した内容をきわめて正確に再現するため、あなたはユーザーの目を通して自分のアプリケーションを見ることができます。

他のツールとの統合

ほとんどのセッションリプレイツールは、あなたの技術スタック内の他のシステムと統合できます。

• Sentry のようなエラー追跡ツール
• Google Analytics のような分析プラットフォーム
• Intercom や Zendesk のようなカスタマーサポートシステム
• Salesforce のような CRM ソリューション

これらの統合は、ユーザー行動を他のビジネス指標やワークフローと結びつけることで、セッションリプレイの価値を高めます。

ほとんどのセッションリプレイツールは、開発者が何を記録し、何をサニタイズ（sanitized）するかを制御できるようにしています。サニタイズされた要素はサーバーに送信されません。実際、それらはユーザーのブラウザから決して外に出ることはありません。代わりに、マスクされる（つまりテキストはアスタリスクに、画像はプレースホルダーに置き換えられる）か、追跡されない（データは単に無視される）かのいずれかです。

たとえば、あなたのウェブサイトのユーザープロフィールページに、住所や電話番号のようにサニタイズすべき個人情報が含まれているとしましょう。開発チームは、これらのフィールドをトラッカー（tracker）に対して「マスクする」とマークできます。そうすれば、ユーザーがプロフィールページを訪れるたびに、トラッカーはそれらのフィールドの内容をアスタリスクに置き換えてサニタイズします。その結果、いかなる個人を特定できる情報（PII）も明らかにすることなく、ユーザージャーニーを完全に捕捉した、適切にサニタイズされたリプレイが得られます。

コンプライアンス

PII データを保有している場合、常に従うべき社内のプライバシーポリシーと、遵守すべき外部の規制があります。

社内で課されるポリシーは、インフラ周りのセキュリティ制限から、インストールできるソフトウェアに至るまで、多岐にわたります。国際的な規制に関しては、最も重要なものが3つあります。

外部のコンプライアンスに関しては、最も重要なものが3つあります。

• GDPR EU 市民からデータを収集する場合に適用されます。GDPR はまた、ユーザーがあなたのデータベースから自分のデータを削除するよう求めることも認めています。これはもちろん、セッションリプレイのデータにも及びます。
• HIPPA これは医療関連のデータに特有のものです。ユーザーについてこの種の情報を収集しているなら、おそらくすでにこれを遵守していることでしょう。
• CCPA GDPR に似ていますが、アメリカ合衆国カリフォルニア州の居住者を対象としています。

医療業界に属しておらず、あなたのウェブサイトが世界中からアクセス可能であれば、GDPR と CCPA を遵守しなければならない可能性が高いでしょう。セッションリプレイツールを組み合わせることは、乗り越えるべき余分なハードルのように思えるかもしれません。しかし、これらのツールはサニタイズやその他のきめ細かな制御を通じて、データプライバシーの懸念を解決します。開発者はトラッカーに対して、どのデータを追跡し、どれを無視するかを指示できます。そうすることで、PII はユーザーのブラウザ内で安全に保たれ、サーバーには送信されません。

したがって、施行されている規制を遵守できるよう、セッションリプレイツールが個人データをどのように扱えるのかを確認し理解することが常に重要です。

データの所有権とセキュリティ

データがサニタイズされているとしても、それは誰が所有するのでしょうか？そして、それが安全に処理・保存されることをどうやって保証できるのでしょうか？これは多くのコンプライアンスチームやセキュリティチームの頭を悩ませるかもしれません。

ほとんどのツールが SaaS アプリケーションの形態で提供される一方で、一部のセッションリプレイソリューションは、そのプラットフォーム全体を自社の環境でセルフホストすることを可能にしています。これは、データを自分が所有し、そのデータも自社のサーバー上に存在することを意味するため、社内のセキュリティおよびプライバシーポリシーを遵守できます。

これは決定的に重要な点です。どのセッションリプレイプラットフォームを選ぶか決める際には、その詳細を十分に理解しておくようにしてください。

セッションリプレイの料金モデルを理解することは、十分な情報に基づいた意思決定を行い、想定外のコストを避けるのに役立ちます。一般的な料金体系と考慮すべき点を見ていきましょう。

一般的な料金モデル

セッションリプレイツールは通常、次の料金モデルのいずれかを採用しています。

考慮すべき隠れたコスト

基本料金のほかに、こうした潜在的な追加コストにも注意してください。

• 保存期間： より長い保持期間は、しばしばコストが高くなります
• 高度な機能： 一部のツールは、ヒートマップやエラー追跡といった機能に追加料金を課します
• 統合コスト： スタック内の他のツールと連携させると、費用が発生する場合があります
• 導入サポート： 構築時の技術的な支援は、追加コストとなる場合があります
• カスタムデータ保持： 特別なコンプライアンス要件が料金に影響を与える場合があります

評価のプロセスでは、こうした潜在的なコストについて常に確認してください。

市場には数多くのセッションリプレイツールがあるため、自社のニーズに合った適切な一つを選ぶのは難しいことがあります。評価のプロセスで考慮すべき点を以下に示します。

不可欠な機能

導入の容易さ

セッションリプレイのトラッカーは、技術スタックが何であれ、開始するのに数行のコード以上を要するべきではありません。基本的なセットアップが完了したら、その機能を拡張するのがどれだけ容易かに注目すべきです。ツールが提供する柔軟性が高いほど、あなたのユースケースに適合する可能性が高まります。

理想的なトラッカーは、最小限のコードで簡単にセットアップできると同時に、あなたが思いどおりにカスタマイズするために必要なあらゆるオプションを提供すべきです。これには、カスタムイベントの捕捉、データのサニタイズ、セッションへの追加情報の付与などが含まれます。これらすべては、パフォーマンスへの影響を最小限に抑えながら達成されるべきです。

強力な開発者ツール

フロントエンド開発者のためにセッションリプレイの力を活用するには、彼らがすでに日々慣れ親しみ使用している環境によく似た環境を提供することが重要です。実際、すべての主要なブラウザには、開発者が日々の業務であらゆる種類の問題を再現しデバッグするのに役立つ技術ツールの一式である、何らかの形の開発者ツールが付属しています。

理想的なセッションリプレイツールは、こうした技術的な手がかりを捕捉し、開発者に馴染みのあるデバッグ体験を提供できるべきです。結局のところ、セッションリプレイが特に効果を発揮する領域の一つは、バグを特定し修正するのに要する時間の短縮です。

セルフホスティング

データプライバシーのセクションで述べたとおり、コンプライアンスやセキュリティのポリシーによっては、セッションリプレイプラットフォームを自分でホストするか、クラウドサービスとして利用するかについて、選択の余地が与えられないこともあります。

幸いなことに、一部のセッションリプレイソリューションは、そのプラットフォーム全体を自社のサーバーにインストールして運用できるセルフホスティングのオプションを提供しています。これには2つの大きなメリットがあります。

• データへの完全な制御 。これはユーザーによって生成されたものです。セッションリプレイのデータは、処理・保存されるあなたのサーバーへと直接送られます。
• 社内ポリシーや規制への準拠がこの方法ではるかに容易になります。長時間にわたるコンプライアンスやセキュリティのチェックに時間が浪費されることはもうありません。

結局のところ、セルフホスティングは、自社のデータを完全に制御できるため、エンタープライズ企業がしばしば選ぶソリューションです。データの所有権とセキュリティが自社にとって重要な関心事であるなら、選択肢を評価する際にこの基準を優先するようにしてください。

拡張性

開発者は、自分たちのセッションリプレイツールの上で、調整し、強化し、カスタム機能を構築することを楽しみます。オープンコア（open-core）やプラグインベースのアーキテクチャは、ソリューションを設計上拡張可能にし、社内ユーザーのニーズに対して将来にわたって通用するものにします。

拡張性とカスタマイズを優先するなら、代替手段を評価する際にオープンソースのセッションリプレイソリューションを検討してみてください。

検索の機能

1日に数百万件のセッションを捕捉すると、関連するリプレイを見つけることが、干し草の山から針を探すように感じられることがあります。理想的なセッションリプレイツールは、強力で多用途な検索エンジンを提供すべきです。これには、ユーザーの操作、特定のセッション属性、技術的なイベントなど、捕捉されたほぼあらゆるデータの断片で絞り込める能力が求められます。

このような絞り込みの機能は、適切なツールを選ぶうえで決定的に重要になります。

分析

セッションリプレイツールが捕捉する全データを使えば、Web アプリのさまざまな側面を追跡し理解するための多様な可視化を作成できる、と考えるのは決して突飛なことではありません。

たとえば、読み込み時間、最も遅いリソース、その他の web vitals 指標を含め、自社ウェブサイトのパフォーマンスを監視するダッシュボードを作成できます。また、何か問題が起きたときにアラートを受け取り、セッションリプレイを使って根本原因を特定することもできます。これにより、潜在的に重大な問題を解決するまでの時間が短縮されます。

ですから、セッションリプレイツールを選ぶ際には、データを集計し、あなたにとって重要な指標の可視化を作成する能力を優先してください。

料金のスケーラビリティ

前のセクションで述べたとおり、セッションリプレイソリューションには2つの主要な料金モデルがあります。モデルを選ぶ際には、自社のウェブサイトのトラフィックとユースケースに基づいて、それがどれだけスケーラブルかを考慮することが重要です。

ウェブサイトが月に数百万件のセッションを生成するなら、価値ベースの料金モデルを検討してください。一方、トラフィックが少ない場合、最も安価な選択肢は、ボリュームベースの料金を提供するセッションリプレイソリューションを利用することです。さらに良いのは、コスト削減のために自分でホストできるオープンソースの代替手段を探すことです。

統合

サードパーティのツールと統合できる能力は、通常、強力なセッションリプレイソリューションの証です。実際、セッションリプレイが示してくれるのは物事の一面、つまりあなたのフロントエンドだけです。バグを再現する際に完全なコンテキストが必要で、そのためにバックエンドのログが要るとしたらどうでしょうか？ここで、スタック内の他のツールとの統合が非常に役立つことがあります。

もう一つの興味深い統合の種類は、JIRA のようなチケットシステムとの統合です。特定のリプレイをレビューしながら、必要な詳細をすべて含むチケットを作成することで、QA チームのワークフローを大幅に改善できます。

ですから、セッションリプレイツールを選ぶ際には、利用可能な統合を必ず確認してください。

機能の幅広さ

選ぶソリューションが、主要なユースケースに必要な適切な機能群を備えていることを確認するのは不可欠ですが、実際には、そのツールが持ち得るすべての機能に目を向けておくことをおすすめします。

先に述べたとおり、セッションリプレイツールは組織内のさまざまな役割やチームに恩恵をもたらし得ます。主に少数のユースケースを対象としていても、将来的に他のチームメンバーが恩恵を受けられるような補完的な機能を提供するツールを検討してください。

コミュニティ

最後に、どのセッションリプレイソリューションを選ぶか決める際には、そのコミュニティを考慮することが重要だとわたしたちは考えます。ユーザー（オープンソース製品の場合は開発者）が積極的に関わり、プラットフォームに貢献している活発なコミュニティは、成功した健全な製品の証です。

結論

セッションリプレイツールは、卓越したデジタル体験の提供に注力する組織にとって不可欠なものとなりました。視覚的なコンテキストと技術データの両方を提供することで、他の分析ツールには到底及ばない独自の洞察をもたらします。

とらえどころのないバグの修正に取り組む開発者であれ、ユーザーフローの改善を目指すプロダクトマネージャーであれ、戸惑う顧客を支援するサポートチームの一員であれ、セッションリプレイは、あなたが Web アプリケーションを理解し最適化する方法を一変させることができます。

自社の組織向けに選択肢を評価する際には、機能性とプライバシーへの配慮のバランスを取り、自社の具体的なニーズとリソースに合致したソリューションを選ぶことを忘れないでください。