Claude Code に対応した初の AI ヒートマップ「HeatMapX」を提供開始
合同会社XTV
2026年6月4日
6 views
合同会社XTV(本社:東京都、以下XTV)は、2026年6月4日、コマンドラインインターフェース(CLI)から操作する新しいタイプのヒートマップ「HeatMapX(ヒートマップエックス)https://heatmapx.com/」の提供を開始しました。
ターミナルで heatmapx analyze を実行すると、対象ページのクリック・スクロールを計測し、AIがコンバージョン上の課題を診断、改善のためのHTMLパッチをプルリクエストとして自動生成します。Claude Code に対応したヒートマップとしては、当社が把握する限り初の提供となります(2026年6月時点/当社調べ)。無料プランから利用可能で、「npm i -g heatmapx」ですぐに試せます。
従来のヒートマップ/行動分析ツールは、クリックやスクロールを可視化する点では優れている一方、「見てもその先の改善になかなかつながらない」という課題が残っていました。気づきはダッシュボードの中にとどまり、実際の修正コードに落ちる前に忘れられてしまう――サイト改善(CRO:コンバージョン率最適化)の現場で繰り返されてきた“あるある”です。
一方で 2026 年現在、開発スキルを持つマーケターを指す「マーケティングエンジニア」「グロースエンジニア」という職種が、米国 SaaS 企業を中心に急速に広がっています。コードを読み書きでき、改善仮説を自分の手で実装まで持っていく彼ら/彼女らにとって、ダッシュボードを「眺める」型のヒートマップは日々のワークフローと噛み合いません。
HeatMapX は、こうした開発寄りのマーケター・グロース担当者を主な利用者として想定し、彼らの日常ワークフロー(ターミナル・Git・プルリクエスト)の中に分析と改善コードを置きにいくため、GUI ダッシュボード型のヒートマップに対する「CLI 型ヒートマップ」として設計されています。
CLI から実行する新しいヒートマップ
heatmapx analyze /pricing のように、対象ページを指定して実行。クリック・スクロールを軽量タグで計測し、結果を CLI に返します。GUI を開かずに分析を回せます。
AI が課題を診断し、改善コードを“PR”で提案
計測データを AI(Anthropic Claude)が読み、コンバージョン上の最有力課題を指摘。さらに改善のための HTML パッチをプルリクエストとして生成するため、人間がレビューして取り込めます(自動で本番反映はしません)。
仮説をコードとして管理する「CRO as Code」
「どんな仮説で、何を変えたか」を Git の履歴として残せるため、改善の知見がチームとコードベースに蓄積されます。CLI × Git × AI の3点セットで、CRO を開発ワークフローに溶け込ませます。
# 1. インストールnpm i -g heatmapx
# 2. 対象ページを計測・AI診断heatmapx analyze https ://example.com/pricing
# 3. 改善HTMLパッチをプルリクエストとして生成heatmapx patch --pr
Claude Code を導入済みの環境では、Claude Code から直接 heatmapx コマンドを呼び出して上記フローを実行できます。
SaaS の料金ページ改善
heatmapx analyze /pricing で CTA クリック分布を計測。AI が「Free → Pro アップグレード導線が弱い」と診断し、ボタン配置・コピー改善の HTML パッチをプルリクエストで提案。
メディア記事の離脱対策
ブログ記事のスクロール深度を計測。AI が「読者の7割が冒頭3段落で離脱」と検出し、見出し配置・記事内 CTA 挿入位置の改善案をプルリクエストで提案。
EC サイトのカートCV改善
商品詳細ページからカートまでの遷移を計測。AI が「サイズ選択 UI で離脱が集中」と特定し、セレクタ改善コードをプルリクエストで提案。
Node.js 18 以上
主要ブラウザ(Chrome / Safari / Edge / Firefox の最新版)
計測対象:Next.js / Nuxt / React / Vue / 静的HTML サイト(タグを1行入れるだけで導入可)
連携:Claude Code、GitHub(プルリクエスト自動生成)
プラン
月額
主な内容
Free
無料
個人開発者・評価用(1サイト)
Pro
$29/月
個人SaaS・フリーランス向け
Team
$99/月
社内チーム・代理店向け ※近日公開予定
Enterprise
要相談
カスタム利用
※無料プランから利用可能。年払いで20%オフ。詳細は https://heatmapx.com/ をご参照ください。
2026年6月(提供開始月):チームプランをリリース。複数人で同じプロジェクトを共有し、ヒートマップと改善履歴をチームで運用できる体制を提供
2026年8月:A/B テスト機能を実装。AI が提案した改善案の効果検証までを CLI で完結
2026年9月:CLI × GitHub Actions 連携をリリース。プルリクエスト自動生成の PR ボットとして動作
▼会社概要
会社名:合同会社XTV
所在地:東京都渋谷区恵比寿南 2-10-1
事業内容:クラウドサービスの企画・開発・運営、AIマーケティングソリューション事業、メディア事業
コーポレートサイト:https://xtv.co.jp
HeatMapX(ヒートマップエックス)サービスサイト:https://heatmapx.com
▼XTVのサービス
マーケティングソリューション事業https://xtv.co.jp/solution
コンバージョン計測ツール「ConversionOK(コンバージョンオーケー)」https://conversionok.com/
国内最大級インドアゴルフ検索サイト「INGOL(インゴル)」https://in-gol.com/
アジアのゴルフデータプラットフォーム「DataGolfAsia(データゴルフアジア)」https://datagolf.asia/
パーソナルジム検索サイト「GYM NAVI(ジムナビ)」https://gymnavi.jp/
K-POPコアファンのチケット攻略と海外遠征を完全サポートするメディア「K-POPチケットナビ」https://kpop-ticket.com/
報道関係者の皆様向けに、HeatMapX の製品デモ・・取材を随時受け付けております。下記までお気軽にご連絡ください。
合同会社XTV 広報担当:info@xtv.co.jp
ターミナルで heatmapx analyze を実行すると、対象ページのクリック・スクロールを計測し、AIがコンバージョン上の課題を診断、改善のためのHTMLパッチをプルリクエストとして自動生成します。Claude Code に対応したヒートマップとしては、当社が把握する限り初の提供となります(2026年6月時点/当社調べ)。無料プランから利用可能で、「npm i -g heatmapx」ですぐに試せます。
従来のヒートマップ/行動分析ツールは、クリックやスクロールを可視化する点では優れている一方、「見てもその先の改善になかなかつながらない」という課題が残っていました。気づきはダッシュボードの中にとどまり、実際の修正コードに落ちる前に忘れられてしまう――サイト改善(CRO:コンバージョン率最適化)の現場で繰り返されてきた“あるある”です。
一方で 2026 年現在、開発スキルを持つマーケターを指す「マーケティングエンジニア」「グロースエンジニア」という職種が、米国 SaaS 企業を中心に急速に広がっています。コードを読み書きでき、改善仮説を自分の手で実装まで持っていく彼ら/彼女らにとって、ダッシュボードを「眺める」型のヒートマップは日々のワークフローと噛み合いません。
HeatMapX は、こうした開発寄りのマーケター・グロース担当者を主な利用者として想定し、彼らの日常ワークフロー(ターミナル・Git・プルリクエスト)の中に分析と改善コードを置きにいくため、GUI ダッシュボード型のヒートマップに対する「CLI 型ヒートマップ」として設計されています。
CLI から実行する新しいヒートマップ
heatmapx analyze /pricing のように、対象ページを指定して実行。クリック・スクロールを軽量タグで計測し、結果を CLI に返します。GUI を開かずに分析を回せます。
AI が課題を診断し、改善コードを“PR”で提案
計測データを AI(Anthropic Claude)が読み、コンバージョン上の最有力課題を指摘。さらに改善のための HTML パッチをプルリクエストとして生成するため、人間がレビューして取り込めます(自動で本番反映はしません)。
仮説をコードとして管理する「CRO as Code」
「どんな仮説で、何を変えたか」を Git の履歴として残せるため、改善の知見がチームとコードベースに蓄積されます。CLI × Git × AI の3点セットで、CRO を開発ワークフローに溶け込ませます。
# 1. インストールnpm i -g heatmapx
# 2. 対象ページを計測・AI診断heatmapx analyze https ://example.com/pricing
# 3. 改善HTMLパッチをプルリクエストとして生成heatmapx patch --pr
Claude Code を導入済みの環境では、Claude Code から直接 heatmapx コマンドを呼び出して上記フローを実行できます。
SaaS の料金ページ改善
heatmapx analyze /pricing で CTA クリック分布を計測。AI が「Free → Pro アップグレード導線が弱い」と診断し、ボタン配置・コピー改善の HTML パッチをプルリクエストで提案。
メディア記事の離脱対策
ブログ記事のスクロール深度を計測。AI が「読者の7割が冒頭3段落で離脱」と検出し、見出し配置・記事内 CTA 挿入位置の改善案をプルリクエストで提案。
EC サイトのカートCV改善
商品詳細ページからカートまでの遷移を計測。AI が「サイズ選択 UI で離脱が集中」と特定し、セレクタ改善コードをプルリクエストで提案。
Node.js 18 以上
主要ブラウザ(Chrome / Safari / Edge / Firefox の最新版)
計測対象:Next.js / Nuxt / React / Vue / 静的HTML サイト(タグを1行入れるだけで導入可)
連携:Claude Code、GitHub(プルリクエスト自動生成)
プラン
月額
主な内容
Free
無料
個人開発者・評価用(1サイト)
Pro
$29/月
個人SaaS・フリーランス向け
Team
$99/月
社内チーム・代理店向け ※近日公開予定
Enterprise
要相談
カスタム利用
※無料プランから利用可能。年払いで20%オフ。詳細は https://heatmapx.com/ をご参照ください。
2026年6月(提供開始月):チームプランをリリース。複数人で同じプロジェクトを共有し、ヒートマップと改善履歴をチームで運用できる体制を提供
2026年8月:A/B テスト機能を実装。AI が提案した改善案の効果検証までを CLI で完結
2026年9月:CLI × GitHub Actions 連携をリリース。プルリクエスト自動生成の PR ボットとして動作
▼会社概要
会社名:合同会社XTV
所在地:東京都渋谷区恵比寿南 2-10-1
事業内容:クラウドサービスの企画・開発・運営、AIマーケティングソリューション事業、メディア事業
コーポレートサイト:https://xtv.co.jp
HeatMapX(ヒートマップエックス)サービスサイト:https://heatmapx.com
▼XTVのサービス
マーケティングソリューション事業https://xtv.co.jp/solution
コンバージョン計測ツール「ConversionOK(コンバージョンオーケー)」https://conversionok.com/
国内最大級インドアゴルフ検索サイト「INGOL(インゴル)」https://in-gol.com/
アジアのゴルフデータプラットフォーム「DataGolfAsia(データゴルフアジア)」https://datagolf.asia/
パーソナルジム検索サイト「GYM NAVI(ジムナビ)」https://gymnavi.jp/
K-POPコアファンのチケット攻略と海外遠征を完全サポートするメディア「K-POPチケットナビ」https://kpop-ticket.com/
報道関係者の皆様向けに、HeatMapX の製品デモ・・取材を随時受け付けております。下記までお気軽にご連絡ください。
合同会社XTV 広報担当:info@xtv.co.jp
企業情報
合同会社XTV
この記事をシェア
紹介テンプレート
✓ クリップボードにコピーしました