Microsoft Clarityでインサイトを見つけよう

2025/7/26(土)に開催された .NETラボ 勉強会 2025年7月( https://dotnetlab.connpass.com/event/358430/ ) に参加した時に当日受付LTで発表した資料です。 #dotnetlab

Transcript

1. Microsoft Clarityで インサイトを見つけよう 2025/07/26 .NETラボ 2025年7月 当日LT NTTテクノクロス 中島進也（なかしょ）
2. 自己紹介 • なかしょ（中島進也） @nakasho_dev • 所属：NTTテクノクロス株式会社 デジタルトランスフォーメーション事業部 • 業務：MaaS関連のスマートフォンアプリ開発担当 • 趣味： ➢妻とモンハンデート ➢IT関連の勉強会（主にモバイル系 or アジャイル系 or Microsoft系） ➢技術コミュニティの運営スタッフ ✓eXtreme Programming Japan User Group（XPJUG） 2019〜 ✓TDD BootCamp Online (TDDBC) 2020～ ※本資料は私個人の意見であり、所属企業・部門見解を代表するものではありません。
3. https://confengine.com/conferences/scrummatsuri XP祭り2025 10/4(土)開催
4. インサイトとは？ 4 • マーケティングにおける「インサイト」とは、顧客自身も気づいて いない深層心理のことを指す • 隠れたインサイトを見つけ出すことで、商品開発やマーケティング に活かすことができる • インサイトが重要視される理由として以下が挙げられる ➢顧客を深く理解できる ➢認知拡大につながる ➢新たな需要を開拓できる ➢競合他社と差別化できる 参考：https://www.ownly.jp/sslab/insight-needs
5. 参考：https://clarity.microsoft.com/lang/ja-jp
6. Clarityについて 6 • ユーザー行動を可視化・分析するためのツール • 無制限のデータ保持 • 完全無料で利用可能 ➢ただし、匿名化されたうえで学習データとして使われる • GDPRとCCPAにも対応 • 数ステップの準備でサイト/アプリ全体をトラッキング • 対応プラットフォーム ➢Webサイト ➢モバイルアプリ ➢サードパーティプラットフォーム 参考：https://www.ownly.jp/sslab/insight-needs
7. 参考：https://clarity.microsoft.com/mobile-apps 対応しているモバイルアプリプラットフォーム
8. 参考：https://github.com/microsoft/clarity/issues/635 Clarity for .NET MAUI Application #635
9. 参考：https://github.com/Kebechet/Maui.MicrosoftClarity Kebechet/Maui.MicrosoftClarity
10. 参考：https://learn.microsoft.com/en-us/clarity/mobile-sdk/android-sdk?tabs=kotlin 設定は容易 Androidの場合は最初に起動するActivityで初期化
11. Clarityの主な機能 11 • ヒートマップ ➢ユーザがどこをクリックしたか色 で表示 ➢スクロールの到達率や注目エリア も表示 • セッションレコーディング • ダッシュボード • インサイト機能（AI分析）
12. Clarityの主な機能 12 • ヒートマップ • セッションレコーディング ➢ユーザの画面操作を録画（スク ロール・クリック・入力など） ➢離脱ポイントや注目箇所を動画で 確認できる • ダッシュボード • インサイト機能（AI分析）
13. Clarityの主な機能 13 • ヒートマップ • セッションレコーディング • ダッシュボード ➢ページビュー、ユニークユーザー 数、参照元などを集計 ➢人気ページやユーザの傾向を把握 できる • インサイト機能（AI分析）
14. Clarityの主な機能 14 • ヒートマップ • セッションレコーディング • ダッシュボード • インサイト機能（AI分析） ➢イライラクリック（連打） ➢デッドクリック（無効なクリック） ➢Copilotによる自動コメントで改善 ポイントを提案
15. 検証用にRSSリーダーを作成
16. 例外が発生しClarityへ送信できていない．．． W java.io.IOException: Pipe closed W at java.io.PipedInputStream.checkStateForReceive(PipedInputStream.java:263) W at java.io.PipedInputStream.receive(PipedInputStream.java:229) W at java.io.PipedOutputStream.write(PipedOutputStream.java:149) W at android.graphics.Picture.nativeWriteToStream(Native Method) W at android.graphics.Picture.writeToStream(Picture.java:228) W at java.lang.reflect.Method.invoke(Native Method) W at com.microsoft.clarity.g.L.a(SourceFile:343) W at com.microsoft.clarity.i.h.invoke(SourceFile:3) W at com.microsoft.clarity.q.x.a(SourceFile:25) W at com.microsoft.clarity.i.i.invoke(SourceFile:18) W at com.microsoft.clarity.q.g.a(SourceFile:2) W at com.microsoft.clarity.q.g.a(SourceFile:1) W at com.microsoft.clarity.i.r.b(SourceFile:29) W at com.microsoft.clarity.i.r$$ExternalSyntheticLambda1.run(D8$$SyntheticClass:0) W at java.lang.Thread.run(Thread.java:1012) マルチバイト文字を排除せ よという野生の感が．．．
17. 日本語を排除したら ログを送信できた
18. まとめ 18 • ClarityはMicrosoftが提供するUX解析ツール • ヒートマップでクリック・スクロール・注目エリアを可視化 • セッションレコーディングでユーザの操作を動画で再現 • AIインサイト機能でイライラクリックや離脱要因を自動検出 • Clarityで消費者の潜在的な欲求を見つけていこう
19. ご清聴ありがとうございました。 19 @nakasho_dev