インディーハッカー
マーケティングエンジニア
グロースハッカー
個人開発者、コードも書くマーケター、グロース志向のエンジニア向け。toC・SaaS・EC・メディアなど、自分の関わるサイトのコンバージョン改善を、ターミナルから離れずに進められます。
ヒートマップは「見るだけ」で終わっていませんか？
チームに知見が残らない
ダッシュボードを開いた人だけが知っている。仮説や改善履歴がコードベースに紐づかない。
改善提案までは出ない
クリック分布は見えるが、「次に何を試すか」は人間が考える前提。
ローカルで再現できない
GUIで設定したフィルタやセグメントは、PRレビューにも引き継がれない。
CLIから叩く、コードで残す。
heatmap.config.ts
import { defineHypothesis } from 'heatmapx'
export default defineHypothesis({
page: '/pricing',
goal: 'CTA到達率を上げる',
variants: [
{ name: 'control' },
{ name: 'cta-above-fold' },
],
})
- 1. 仮説を heatmap.config.ts にコードで定義
- 2. heatmapx analyze /pricing で計測＋AI分析
- 3. AIが改善案とHTMLパッチを提案（PR自動提案は近日公開）
- 4. レビュー → マージ
- 5. もう一度 analyze で効果検証 — 問題を見つけたヒートマップが、修正の成果も映す
How it works / 使い方
3 ステップで CRO 改善まで
SDK 統合もダッシュボード操作も不要。タグを貼って、待って、CLI で分析するだけ。
01
トラッカーを設置
1行のスクリプトタグをサイトに貼るだけ（または heatmapx init）。コードレビューも SDK 設定も不要。
02
実ユーザーがブラウズ
HeatMapX がクリック・スクロール深度・ビューポートを裏で計測。24時間のトラフィックで十分なサンプルが集まります。
03
CLI で AI 改善案を取得
ターミナルで heatmapx analyze /pricing を実行（または Claude Code で依頼）。優先度付きの CRO インサイトと、すぐマージ可能な HTML パッチが返ります。
主な機能
ヒートマップ計測
クリック／スクロール／マウス移動を軽量トラッカーで記録。
CRO as Code
heatmap.config.ts で仮説を定義、PRレビューでチームに知見を残す。
Claude Code連携CLI
heatmapx analyze /pricing でAIが分析→改善提案→HTMLパッチを生成。
Why HeatMapX / なぜ HeatMapX か
他社ヒートマップツールとの比較
ヒートマップだけなら他社でも十分。HeatMapX はその先の「改善案を CLI と AI で自動生成」まで踏み込みます。
| 機能 | HeatMapX | 他社ツール A | 他社ツール B |
|---|---|---|---|
| 1行タグで導入 | |||
| CLI から AI パッチ自動生成（HTML 差分） | — | — | |
| Claude Code スキル / エージェント連携 | — | — | |
| PR 直送りできる出力 | — | — | |
| 無料プラン | ✓ 1 site | ||
| 有料プラン (月額〜) | $29 / mo | $80 / mo | — |
| セルフホスト対応 | Roadmap | — | — |
| セッションリプレイ (動画) | Roadmap | ||
| レイジ / デッドクリック検出 | Roadmap |
※ 他社情報は2026年6月時点の公開料金。
Who is it for / こんな方におすすめ
こんな方におすすめです
個人開発者からマーケ寄りエンジニア、社内チーム、Claude Code ヘビーユーザーまで。HeatMapX は「自分でビルドして、自分で改善する人」のためのツールです。
フリーランス開発者
受託サイトの効果をヒートマップで可視化して、クライアントに数値で説明。手書きレポートより速く、AI 生成パッチで改善案まで届けます。
社内開発チーム
制作会社
Ops チームも CRO コンサルも不要。開発ワークフローからヒートマップ分析を実行し、新機能と一緒に改善をリリースできます。
Claude Code ユーザー
Claude Code に「このページ分析して」と頼むだけ。会話の中で直接ヒートマップ根拠付きの改善案を受け取れます。コンテキスト切替不要。
ロードマップ
- 公開済
ダッシュボード
クリック・スクロール・マウス移動の可視化
- 公開済
トラッキングAPI
タグ1行の軽量トラッカー
- 公開済
Claude Code CLI
CLIから計測・分析・改善提案を呼び出す
- 公開済
AI改善提案＋HTMLパッチ生成
分析結果を元にClaudeが改善案をPRで提案
- 開発中
チームプラン
複数人での共同利用に対応
- 開発中
First-View A/Bテスト（設定・計測）
ファーストビューでバリアントを配信し効果を計測
- 開発中
A/Bテスト結果の反映
勝ちパターンをワンクリックで本番反映
- 開発中
A/B自動最適化（機械学習）
配信量を自動調整し勝ちパターンを継続的に拡大（広告のMLと同様）
- 開発中
セッションリプレイ（動画再生）
ユーザーの操作を動画で再生し、行動を可視化
- 開発中
レイジ／デッドクリック検出
ユーザーのフラストレーション信号（連打・無反応要素）を自動検出
Pricing / 料金
シンプルな料金体系
無料から始めて、必要に応じてスケール。年額は約 20% お得。
よくある質問
- 価格はいくらですか？
- Free / Pro $29/mo / Team $99/mo / Enterprise（要相談）の4プラン。年払いで20%オフ。詳細は heatmapx.com/ja/pricing をご覧ください。
- Hotjar / Microsoft Clarity / PostHog との違いは？
- 既存ツールはGUI操作前提のヒートマップビューアです。HeatMapXはCLI＋コードで仮説をgit管理し、AIが改善案まで提案するワークフローツールです。
- どんなサイトに対応していますか？
- タグを埋め込めるWebサイト全般。Next.js / Nuxt / Astro / WordPress 等で動作確認しています。
- プライバシーは大丈夫ですか？
- 個人を特定する情報は収集しません。クリック座標と匿名セッションIDのみを保存します。
- 始め方を教えてください。
- 無料登録 → サイトを追加 → 発行されたタグを設置 → ターミナルで heatmapx analyze を実行。最初のヒートマップとAIの改善提案まで数分で一周できます。