ダッシュボードの使い方

ダッシュボードの見方や表示される情報、各機能ページへのアクセス方法を解説します。

ダッシュボード概要

ダッシュボードはログイン後に最初に表示されるページです。 全監視のステータスを一目で確認でき、システム全体の健康状態をすばやく把握できます。

表示される情報

1

おすすめの使い方

監視を効率的に始めるための導線(サイトチェック → ヘルスチェック → ビジュアル → 通知)が 4ステップで表示されます。クリックでそのまま各設定ページへ移動できます。

2

要対応の監視 / プラン使用状況

左に「異常」または「変更検知」のアクティブ監視リスト、右に現在のプラン使用状況を表示。 対応が必要な監視がひと目で分かり、各監視ページへワンクリックで遷移できます。

3

ステータスボード

登録した監視ごとに、直近30件の実行結果を時系列バー(左=古い、右=新しい)で表示します。 セルの色は緑=OK / 黄=変更検知 / 赤=エラー / 灰=未実行。 各セルにカーソルを合わせると、実行日時・ステータス・主要指標を詳細表示します。 種別ごとに初期5件まで表示し、超過分は「もっと見る」で5件ずつ展開できます。

ダッシュボード

おすすめの使い方

監視したいサイトを以下の順番で設定すると、効率的に監視を始められます

1

サイトチェック

まずサイト構造を把握。URLを入力してページ一覧を自動取得します。

2

ヘルスチェック

重要なページの死活監視を設定。ステータスコードとレスポンスタイムを定期チェック。

3

ビジュアル監視

画面の見た目を自動監視。スクリーンショットの差分で意図しない変更を検知。

4

通知を設定

監視で異常があったときに Slack やメールで知らせる宛先を登録します。

要対応の監視1件
  • ヘルスチェックエラー

    shop.example.com /api

    最終実行: 2026/03/16 14:28

プラン使用状況Pro
サイトチェック2 / 10
ヘルスチェック8 / 20
ビジュアルチェック3 / 10
モーションチェック1 / 1
AIチェック(今月)42 / 50
ステータスボード直近30件
ヘルスチェック2
  • ヘルスチェック

    example.com /api/health

    2026/03/16 14:32 / 200 / 142ms

  • ヘルスチェック

    shop.example.com /api

    2026/03/16 14:28 / 500 / 89ms

ビジュアルチェック1
  • ビジュアルチェック

    example.com トップ

    2026/03/16 14:30 / 差分 3.2%

上のバーの各セルにカーソルを合わせると、実行日時・ステータス・主要指標がポップアップで表示されます。

各機能ページへのアクセス

サイドバーから各機能ページに移動できます。 サイトチェック・ヘルスチェック・ビジュアルチェック・モーションチェック・AIチェック・設定の各ページへ、ワンクリックでアクセス可能です。

ステータスボードの各行や「要対応の監視」リストをクリックすると、対象の監視詳細ページへ直接遷移できます(AIチェックの場合は最新ジョブの詳細へ)。

ダッシュボードの情報はリアルタイムで更新されます。ページをリロードしなくても最新の状態が反映されます。