画面ギャラリー

すぐ使える画面を、1 行で。

どの画面も、このサイトにある Web ページです。URL を ssp に渡すと、あなたの PC の数値で表示されます（ページはデーモンから読み取り専用のトークンを受け取ります）。ブラウザで開くと、例の数値で表示されます。

ssp 0.5.1 以降が必要です（それより前の版では、インターネット上のページの数値が表示されません）。

システム

時刻と、CPU・メモリ・ディスクのリング、直近 1 分の通信量のグラフ。

読む数値: GET /system

ssp web https://subscreen.dev/screens/system/

ブラウザで開く ↗ソース ↗

Claude Code

今の 5 時間枠のトークン数と終わる時刻、今日の合計、直近 1 時間の 1 分ごとの量。Claude Code の手元のログから読み、外部には何も送りません。

読む数値: GET /metrics/claude-code

ssp web https://subscreen.dev/screens/claude-code/

ブラウザで開く ↗ソース ↗

メトリクス

スクリプトから送った数値（ssp metric set）を、グラフ付きのタイルで最大 8 つ。?ids= で選んで並べ替えられます。

読む数値: GET /metrics

ssp web https://subscreen.dev/screens/metrics/

ssp web "https://subscreen.dev/screens/metrics/?ids=ci,deploy,queue"

ブラウザで開く ↗ソース ↗

天気

いまの天気と、この先 24 時間・数日の予報。Open-Meteo（無料・キー不要）から読みます。場所は ?lat=・?lon=・?name= で指定し（省略すると東京）、?f で華氏になります。Open-Meteo に送るのは場所だけです。

読む数値: デーモンの数値は使いません

ssp web https://subscreen.dev/screens/weather/

ssp web "https://subscreen.dev/screens/weather/?lat=34.69&lon=135.50&name=Osaka"

ブラウザで開く ↗ソース ↗

1 日

時刻と日付、1 日のうちどれだけ過ぎたか。デーモンの数値は使いません。

読む数値: デーモンの数値は使いません

ssp web https://subscreen.dev/screens/day/

ブラウザで開く ↗ソース ↗

カレンダー

時刻と日付に、今月と来月のカレンダー（今日に印）と、年の何週目か。週は日曜始まりで、?monday で月曜始まりになります。

読む数値: デーモンの数値は使いません

ssp web https://subscreen.dev/screens/calendar/

ssp web "https://subscreen.dev/screens/calendar/?monday"

ブラウザで開く ↗ソース ↗

世界時計

最大 6 か所の時刻と日付、手元の時刻との差、昼か夜か。タイムゾーンは ?zones= で指定し（省略すると東京・ロンドン・ニューヨーク・ロサンゼルス）、?labels= で表示名を付けられます。

読む数値: デーモンの数値は使いません

ssp web https://subscreen.dev/screens/world-clock/

ssp web "https://subscreen.dev/screens/world-clock/?zones=Asia/Tokyo,Asia/Singapore,Europe/Berlin&labels=Tokyo,Singapore,Berlin"

ブラウザで開く ↗ソース ↗

カウントダウン

ある時刻までの日数・時間・分と、過ぎてからはその経過時間。時刻は ?to=（2026-12-24T18:00 のように手元の時刻で）、名前は ?label= で指定します。省略すると新年までを数えます。

読む数値: デーモンの数値は使いません

ssp web https://subscreen.dev/screens/countdown/

ssp web "https://subscreen.dev/screens/countdown/?to=2026-12-24T18:00&label=Party"

ブラウザで開く ↗ソース ↗

自分で作る

011920×462 のページを書く。 HTML・CSS・JavaScript で自由に。ここの画面（ソース）から始めると簡単です。
02数値を読む。 window.ssp に API のアドレスと読み取り専用のトークンが入っています。API ガイドの「ssp web で表示するページ」を見てください。
03ディスプレイで試す。 ssp web page.html で、手元のファイルを同じトークン付きで表示できます。
04共有する。 public/screens/<名前>/ と画像（site/scripts/shoot-screens.sh）を足すプルリクエストを送ってください。

API ガイド →