OpenClaw Webコントロールパネル使用ガイド

はじめに

OpenClaw には内蔵の Web Dashboard が備わっており、ブラウザを通じて AI ゲートウェイのあらゆる側面を直感的に管理・監視できます。リアルタイムの会話からシステムステータス、設定の調整からデバイス管理まで、Dashboard は日常運用で最もよく使用されるツールです。本記事では、Dashboard の各機能と使い方を完全に紹介します。

Dashboard の起動

Dashboard には 2 つの起動方法があります。

ゲートウェイと同時に自動起動

OpenClaw ゲートウェイを起動すると、Dashboard はデフォルトで同時に有効になります。

openclaw gateway --port 18789
# Dashboard は http://localhost:18789/dashboard で利用可能

単独起動

Dashboard サービスを単独で起動することもできます。

openclaw dashboard
# デフォルトで http://localhost:18789/dashboard で起動

openclaw dashboard --port 8080
# カスタムポートを指定

アクセスと認証

ブラウザで Dashboard のアドレスを開いた後、パスワードが設定されている場合は認証を完了する必要があります。

{
  "gateway": {
    "dashboardPassword": "your-strong-password"
  }
}

パスワード入力後、Dashboard はセッション Token を生成し、ブラウザを閉じるまでログイン状態を維持します。

本番環境では、特に host を "0.0.0.0" に設定している場合、パスワードの設定を強く推奨します。

メインページ：概要

ログイン後に最初に表示されるのは概要ページで、カード形式でシステムのコアステータスを表示します。

ステータスカード

稼働時間：ゲートウェイが動作している時間
アクティブチャンネル：現在接続されているメッセージングチャンネルの数と名前
今日のメッセージ：当日処理されたメッセージの総数
アクティブセッション：現在アクティブな会話のあるユーザー数
モデルステータス：各モデルプロバイダーの可用性とレスポンス遅延
システムリソース：CPU、メモリ使用状況

リアルタイムメッセージフロー

概要ページの下部にはリアルタイムメッセージフローがあり、すべてのチャンネルの最新メッセージを表示します。チャンネルやユーザーでフィルタリングでき、AI の返信品質をリアルタイムで監視するのに便利です。

セッション管理

Dashboard のセッション管理機能は、日常的に最も頻繁に使用されるモジュールです。

セッションリスト

左側パネルにすべてのアクティブおよび履歴セッションが、最終アクティブ時間順に表示されます。各セッションエントリには以下が表示されます。

ユーザー名とアバター（あれば）
ソースチャンネルのアイコン
最後のメッセージの概要
最終アクティブ時間

対話インターフェース

セッションをクリックすると、右側に完全な対話内容が表示されます。ここでは以下が可能です。

履歴の閲覧：スクロールして完全な会話記録を確認
直接対話：AI アシスタントの身分でメッセージを送信（テスト用または手動介入）
ブランチの表示：ツリー型セッションのブランチを可視化して表示、ブランチノードをクリックで切り替え
メッセージの削除：指定したメッセージとそのすべての子ノードを削除
対話のエクスポート：現在のセッションを JSON またはプレーンテキスト形式でエクスポート

新規対話

Dashboard 内で直接 AI と対話を開始し、設定の効果を素早くテストすることもできます。

「新規対話」ボタンをクリック
ターゲット Agent を選択
メッセージの入力を開始

Dashboard の対話セッションデータは web_dashboard.jsonl ファイルに保存されます。

チャンネル監視

チャンネル監視ページでは、すべての設定済みチャンネルの詳細なステータスが表示されます。

情報項目	説明
接続状態	オンライン / オフライン / 再接続中
最終ハートビート	最後のハートビート時刻
メッセージ統計	今日の送受信メッセージ数
エラーカウント	直近 24 時間のエラー回数
遅延	メッセージ処理の平均遅延

問題が発生しているチャンネルについては、「再接続」ボタンをクリックして再接続を試みるか、「ログを表示」をクリックしてそのチャンネルの詳細なログを確認できます。

Agent 管理

複数の Agent を設定している場合、Dashboard は可視化された Agent 管理インターフェースを提供します。

Agent リストの表示：すべての設定済み Agent の概要
Agent の編集：Agent の名前、モデル、システムプロンプトなどの設定を変更
統計の表示：各 Agent のメッセージ量、アクティブユーザー数、平均レスポンス時間
ルーティングルール：マルチ Agent ルーティング設定の表示と編集

Dashboard で変更した設定は自動的に openclaw.json に書き戻されるため、手動でファイルを編集する必要はありません。

モデルテスト

モデルテスト（Playground）ページでは、チャンネルを経由せずに直接モデルと対話できます。

モデルプロバイダーと具体的なモデルを選択
システムプロンプトとパラメータをカスタマイズ（temperature、maxTokens など）
画像をアップロードしてビジョン機能をテスト
生の API リクエストとレスポンスを表示

この機能は、モデル設定のデバッグや異なるモデルの返信品質の比較に非常に有用です。

デバイス管理

デバイス管理ページでは、ペアリング済みのモバイルデバイスを管理します。

デバイスリストの表示：すべてのペアリング済みデバイスの名前、プラットフォーム、最終アクティブ時間
ペアリングコードの生成：ボタンをクリックして新しいペアリングコードまたは QR コードを生成
デバイスの削除：デバイスのアクセス権限を取り消し
プッシュテスト：指定デバイスにテストプッシュ通知を送信

ログビューア

Dashboard には組み込みのログビューアがあり、以下をサポートします。

リアルタイム追跡：tail -f と同様のリアルタイムログストリーム
レベルフィルタ：debug、info、warn、error でフィルタリング
検索：ログ内容の全文検索
時間範囲：特定の時間帯のログを選択して表示

設定エディター

Dashboard はオンライン設定エディターを提供しており、openclaw.json を直接変更できます。

シンタックスハイライトと自動補完
保存前に設定の有効性を自動検証
ワンクリックホットリロード（ゲートウェイの再起動不要）
変更履歴記録、以前のバージョンへのロールバック可能

# ホットリロードはコマンドラインからもトリガー可能
openclaw reload

システム情報

システム情報ページでは OpenClaw の実行環境を表示します。

OpenClaw バージョン
Node.js バージョン
OS 情報
設定ファイルのパス
データディレクトリのサイズ
ロード済みスキルリスト
MCP Server の接続状態

Dashboard 設定オプション

openclaw.json で Dashboard の動作をカスタマイズできます。

{
  "gateway": {
    "dashboard": {
      "enabled": true,
      "path": "/dashboard",
      "theme": "auto",
      "language": "zh-CN",
      "refreshInterval": 5000,
      "maxLogLines": 1000
    }
  }
}

パラメータ	説明
`path`	Dashboard の URL パス
`theme`	テーマ：`auto`、`light`、`dark`
`language`	インターフェース言語
`refreshInterval`	データ更新間隔（ミリ秒）
`maxLogLines`	ログビューアの最大行数

モバイルアクセス

Dashboard はレスポンシブデザインを採用しており、スマートフォンのブラウザでも正常に使用できます。Dashboard をスマートフォンのホーム画面に追加して PWA（Progressive Web App）として使用すれば、ネイティブアプリに近い体験が得られます。

iOS Safari：共有ボタンをタップ → ホーム画面に追加。 Android Chrome：メニューをタップ → アプリをインストール。

セキュリティに関する推奨事項

常に dashboardPassword を設定する
パブリックネットワークからアクセスする場合は必ず HTTPS を有効にする
デバイス管理ページを定期的に確認し、使用しなくなったデバイスを削除する
リバースプロキシ（Nginx/Caddy）を使用して追加のアクセス制御を設けることを検討する

まとめ

OpenClaw の Web Dashboard は、リアルタイム監視から設定編集まですべての運用ニーズをカバーする包括的な管理インターフェースです。コマンドラインのパラメータを覚える必要なく、AI ゲートウェイのあらゆる側面を直感的に管理できます。Dashboard を日常管理の主要なエントリーポイントとして使用し、コマンドラインツールと組み合わせて自動化やバッチ処理を行うことを推奨します。