ステータスページ
サービスの稼働状況をユーザーに公開するステータスページを作成できます。
ステータスページの作成
Section titled “ステータスページの作成”ダッシュボードの「ステータスページ」メニューから新しいページを作成します。
| 項目 | 説明 |
|---|---|
| ページ名 | ステータスページのタイトル |
| スラッグ | URL パス(例: my-service)。小文字英数字とハイフンのみ |
| 説明 | サービスの概要説明 |
| 公開設定 | 公開 / 非公開の切り替え |
| カスタムドメイン | 独自ドメインの設定(有料プラン、任意) |
モニターの紐づけ
Section titled “モニターの紐づけ”ステータスページに表示するモニターを選択します。複数のモニターをグループ化して表示できます。
公開 URL
Section titled “公開 URL”ステータスページは以下の URL で公開されます:
https://status.manako.dev/{slug}カスタムドメイン
Section titled “カスタムドメイン”有料プラン(Pro以上)では、ステータスページに独自ドメインを設定できます。
- Pro プラン以上が必要です
- 設定するドメインの DNS 管理権限が必要です
- サブドメイン(例:
status.example.com)の使用を推奨します
- ステータスページの編集画面でドメインを入力し「有効化」をクリック
- 表示された DNS レコードをドメインの DNS 設定に追加します:
| レコード | 用途 | 設定例 |
|---|---|---|
| CNAME | ステータスページへのルーティング | status.example.com → status.manako.dev |
| TXT または CNAME | SSL 証明書発行のための検証 | 画面に表示される値をそのまま入力 |
- DNS レコードが反映されたら「検証」をクリック
- 検証が完了すると SSL 証明書が自動発行され、カスタムドメインでアクセス可能になります
トラブルシューティング
Section titled “トラブルシューティング”検証が失敗する
Section titled “検証が失敗する”- DNS レコードが正しく設定されているか確認してください
digコマンドや DNS Checker などのツールで反映状況を確認できます- 設定後すぐに検証すると、反映が完了していない場合があります。時間をおいて再試行してください
SSL 証明書が発行されない
Section titled “SSL 証明書が発行されない”- ドメインに CAA レコードが設定されている場合、Cloudflare の CA を許可する必要があります:
CAA 0 issue "letsencrypt.org"CAA 0 issue "pki.goog"CAA 0 issuewild "letsencrypt.org"CAA 0 issuewild "pki.goog"
- CAA レコードが未設定の場合は、この手順は不要です
おすすめのドメイン構成
Section titled “おすすめのドメイン構成”status.example.comが最も一般的です- ルートドメイン(
example.com)は CNAME に設定できないプロバイダーがあるため、サブドメインを推奨します
カスタムドメインの解除
Section titled “カスタムドメインの解除”編集画面の「ドメインを削除」ボタンからカスタムドメインを解除できます。解除すると、スラッグベースの URL(status.manako.dev/{slug})でのみアクセス可能になります。
ステータスページには以下の情報が表示されます:
- 各モニターの現在のステータス(稼働中 / 障害中 / 劣化 / 不明)
- アップタイム履歴バー(過去 90 日間の日別稼働状況)
- アクティブなインシデント(そのステータスページに紐付けられた進行中・確認済みのインシデントのみ表示)
- 自動インシデント: モニターがステータスページに登録されている場合、そのモニターで検知されたインシデントが自動的に表示されます
- 手動インシデント: 作成時に表示先のステータスページを選択します(1つ以上必須)
アップタイム履歴バー
Section titled “アップタイム履歴バー”各モニターの下に、過去 90 日間の稼働状況がカラーバーで表示されます。
| 色 | 意味 |
|---|---|
| 緑 | 100% 稼働 |
| 薄緑 | 99% 以上稼働(軽微な問題あり) |
| 黄 | 95% 以上稼働(パフォーマンス劣化) |
| 赤 | 95% 未満(重大な障害) |
| グレー | データなし |
バーの右端に 90 日間の総合アップタイム率(%)が表示されます。
ステータスバッジ
Section titled “ステータスバッジ”README や外部サイトに埋め込める SVG ステータスバッジを提供しています。認証不要で、60 秒間キャッシュされます。
ページ全体のバッジ
Section titled “ページ全体のバッジ”ステータスページに紐づく全モニターの集約ステータスを表示します。
https://status.manako.dev/{slug}/badge.svg表示されるステータス:
| ステータス | 条件 |
|---|---|
| operational | 全モニターが稼働中 |
| partial outage | 一部のモニターが障害中 |
| degraded | 一部のモニターが劣化(障害なし) |
| unknown | モニター未登録またはステータス不明 |
個別モニターのバッジ
Section titled “個別モニターのバッジ”特定のモニターのステータスを表示します。ラベルにはモニター名が使用されます。
https://status.manako.dev/{slug}/monitors/{monitorId}/badge.svgカスタムドメインでの利用
Section titled “カスタムドメインでの利用”カスタムドメインを設定している場合は、スラッグなしでアクセスできます。
https://status.example.com/badge.svghttps://status.example.com/monitors/{monitorId}/badge.svgクエリパラメータ
Section titled “クエリパラメータ”バッジの見た目をカスタマイズできます。
| パラメータ | 説明 | デフォルト |
|---|---|---|
label | 左側のラベルテキスト | ページ名またはモニター名 |
style | flat または flat-square | flat |
color | 右側の背景色(hex、# なし) | ステータスに応じた色 |
labelColor | 左側の背景色(hex、# なし) | 555 |
例:
https://status.manako.dev/my-service/badge.svg?label=My+Service&style=flat-squareMarkdown:
HTML:
<img src="https://status.manako.dev/my-service/badge.svg" alt="Status">