Alchemist Apps
Alchemist Apps YOHEY's Apps Lab

本番時計 Stage Clock

Stage Clock 本番時計

ショーの「いま」と「あとどれくらい」を、一目で。開演までの残り、終演までの残り、全体の進み具合を、大きな数字とプログレスバーで表示します。 See where you are, and how much is left, at a glance.Time until curtain, time until the end, and overall progress — in large figures and a progress bar.

ブラウザでも使えますが、ホーム画面に追加すると使い勝手が大きく変わります。やり方はこちら ↓ It works in a browser, but adding it to your home screen changes how it feels.How to add it ↓

アプリを起動 Launch app

登録不要・無料。ブラウザだけで動きます。 Free, no sign-up. Runs entirely in your browser.

こんなときに What it is for

ステージの上で、演者が時計をじっくり見ることはできません。舞台袖のスタッフも、音響や照明を操作しながら細かい数字を追い続けることはできません。

「いま何時か」「開演まであとどれくらいか」「どのあたりまで進んだか」「終演まであとどれくらいか」。この4つを一瞬見ただけで分かる時計が欲しくて作りました。

たとえば19:00開演・19:30終演のショーなら、開演前は開演までの残りを、本番中は終演までの残りを、大きく表示します。残りが少なくなるとプログレスバーの色と太さが変わるので、数字を読まなくても状況が分かります。

On stage, a performer cannot stop to read a clock. In the wings, nobody can follow small numbers while running sound or lights.

Four questions matter: what time is it, how long until we start, how far in are we, how long until we finish. This is a clock that answers all four in a single glance.

For a show running 19:00 to 19:30, it shows the time until curtain beforehand and the time until the end during the show. As the remaining time shrinks, the progress bar changes colour and thickness — so you can read the situation without reading the numbers.

タイマーではなく、予定に向かう時計 Not a timer. A clock that walks toward a time

よくあるステージ用タイマーは、スタートボタンを押して持ち時間を数えるものです。実際の時刻とは関係なく動きます。

本番時計は違います。実際の時刻を基準に、予定された開始時刻・終了時刻との関係を表示します。開始ボタンはありません。押し忘れて壊れることもありません。

バーが満ちたら、その時刻が来る。

When the bar fills, the moment arrives.

開始へ向かって満ち、リセットされ、終了へ向かってまた満ちる。覚えるルールはこれだけです。

It fills toward the start, resets, then fills toward the end. That is the only rule to learn.

Most stage timers count down a duration once you press start. They have no idea what time it actually is.

This one does. It reads the real clock and shows you where you stand against your scheduled start and end. There is no start button, so there is nothing to forget to press.

使い方 How to use it

  1. STEP 1

    開始と終了の時刻を入れる Enter the start and end times

    右上の歯車から。入力すると「30分」のように長さが大きく出るので、入れ間違いに気づけます。 From the gear at the top right. The length appears in large type — "30m" — so a mistyped time is obvious.

  2. STEP 2

    見やすいように整える Set it up to suit the place

    文字の色、明るさ、バーの太さを選べます。舞台袖なら細く暗く、足元に置くなら太く。 Choose the text colour, brightness and bar thickness. Thin and dim for the wings, thick for the floor.

  3. STEP 3

    置いておくだけ Then just leave it there

    開始の10分前になるとバーが現れます。残り5分で色が変わり、秒が出ます。あとは見るだけです。 The bar appears ten minutes before the start. At five minutes left it changes colour and the seconds appear. Nothing else to do.

  4. STEP 4

    終わったら「終了」 Tap Finish when you are done

    実演時間と予定との差が出ます。記録に残したいときはスクリーンショットを撮ってください。押さなくても構いません。 It shows how long you actually ran, and the difference from the plan. Take a screenshot if you want to keep it, or skip the whole thing.

画面の見かた What you will see

局面が変わると、大きい数字とバーが切り替わります。現在時刻はいつでも左上の同じ場所にあります。 The large figure and the bar change with each phase. The current time always stays in the same place, top left.

現在時刻 19:00:00 開始予定 19:00:00 → 終了予定 19:30:00　｜　全体 30分 開始まで −00:01

開始まで。残り10分を切るとバーが現れ、そろそろだと分かります。残り1分を切ると秒が大きくなり、カウントダウンが読めます。 Before the start. The bar appears in the last ten minutes, so you know it is close. Inside the final minute the seconds grow so you can count down.

現在時刻 19:00:00 終了予定 19:30:00　｜　全体 30分 経　過 07:30

本番中。バーの伸び具合で、全体のどのあたりにいるかが数字を読まなくても分かります。分は大きく、秒は小さく。 During the show. The bar tells you how far through you are without reading anything. Minutes large, seconds small.

現在時刻 19:00:00 終了予定 19:30:00　｜　全体 30分 超　過 +00:28

超過。予定を過ぎると + が付き、バーが満ちて色が変わります。どれだけ押しているかが、ひと目で分かります。 Over. Past the planned end a + appears, the bar fills and changes colour. How far over you are, at a glance.

※ 画面の色や文字色は設定で変えられます。上の図は初期設定のものです。 Colours and text colour are configurable. The images above show the defaults.

舞台での置き場所 Where it goes

舞台のために作りましたが、舞台だけの時計ではありません Built for the stage. Not only for the stage

「決めた時刻までに終わらせたい」場面なら、そのまま使えます。

Anywhere you need to be finished by a certain time, this works as it is.

  • 18:00には会社を出たい → 終了を18:00に設定して、仕事をしながら残りを見る
  • あと30分だけ集中したい → 「今から開始」＋「+30分」で2タップ
  • 出発時間を忘れたくない → 机に置いて、出発までの進行を出しておく
  • 編集やデザインを区切りたい → Macのブラウザを小さく開いて画面の隅に
  • 勉強を21:00までに終える → 時計を見続けなくても、バーの変化で分かる
  • 会議を予定内に収めたい → 終了予定までの進行を全員で共有する
  • Leaving the office at 18:00 — set the end time and keep working
  • Thirty focused minutes — "Start now" then "+30m", two taps
  • Not missing a departure — leave it on the desk
  • Boxing in an editing session — a small browser window in the corner of your Mac
  • Finishing study by 21:00 — the bar tells you without you watching the clock
  • Keeping a meeting to time — everyone can see the same progress

「あと30分」ではなく、「17:30には終わっていないといけない」。そういう場面のための時計です。

Not "thirty minutes from now", but "this has to be done by 17:30". That is the case this is built for.

舞台向けに考えたからこその作り Decisions that came from the stage

  • 黒い画面。舞台袖で光ると客席から見えるため、明るくしない
  • 音を鳴らさない。客席に聞こえるため
  • 繰り返し点滅しない。視界を乱すため。局面が変わる瞬間だけ、一度動く
  • 遠くからでも読める大きな表示。桁数が変わっても画面に収まる
  • 残り5分を切るまで、秒は表示しません。残り25分のときに秒が動いていると落ち着かないからです。秒が現れること自体が合図になります
  • 残り時間に応じて色と太さが変わるプログレスバー
  • 画面が消えないようにする（Wake Lock）。外れたときは知らせる
  • 通信しない。電波の悪い舞台裏でも動く
  • ホーム画面に追加すれば、アプリのように1タップで開ける
  • A black screen. Light in the wings is visible from the audience
  • No sound. The audience would hear it
  • No repeating flash. It disturbs your vision. Things move once, when the phase changes
  • Large figures, readable from a distance, resized to fit however many digits there are
  • No seconds until the last five minutes. A seconds figure ticking away with twenty-five minutes to go is just noise. The seconds appearing is itself the signal
  • A progress bar that changes colour and thickness as time runs down
  • Keeps the screen awake, and tells you if that stops working
  • No network. It works backstage where the signal does not
  • Add it to your home screen and it opens in one tap

舞台袖で余計な光と音を出さないことを優先した結果ですが、その素っ気なさが、日常の時間管理でもそのまま使いやすさになっています。

All of this came from keeping light and noise out of the wings. The same plainness turns out to be what makes it easy to live with at a desk.

使う前に知っておいてほしいこと Before you rely on it

時刻はお使いの端末の時計から取っています。ネットには問い合わせません。端末の時計がずれていれば、そのままずれて表示されます。設定画面に現在時刻を大きく出しているので、本番前に見比べてください。

開始が遅れたかどうかは分かりません。このアプリは予定の時刻だけを見ています。そのため「超過」の表示も、あくまで予定に対しての超過です。強く警告しないのは、遅れの事情をアプリが知らないからです。

画面を消させない機能は、環境によって効きません。効いていないときは画面の左上に小さく知らせます。その場合は端末側で自動ロックをオフにしてください。iOSは16.4以降で対応しています（低電力モードでは効きません）。画面を点けたままにするので、本番前に充電しておいてください。

The time comes from your own device. Nothing is fetched over the network. If your device clock is off, so is this. The settings screen shows the current time in large type — compare it before you start.

It does not know whether you actually started on time. It only reads the schedule. "OVER" therefore means over the planned end, nothing more. It stays quiet about it because it has no idea why you are late.

Keeping the screen awake does not work everywhere. When it fails, a small note appears in the top-left corner — turn off auto-lock on the device itself. iOS supports it from 16.4 (not in Low Power Mode). The screen stays lit, so charge the device beforehand.

データの扱い Your data

このアプリが外部に送信するもの ― 何もありません。アカウント登録は不要です。 What this app sends out — nothing at all. No account needed.

設定した時刻は、お使いの端末の中だけに保存されます。サーバーへ送信しておらず、当方が知ることはできません。時刻の取得も端末の時計から行うため、起動したあとは通信を一切しません。機内モードでも動きます。

当サイトでは、アプリごとに何を扱っているかを一覧で公開しています → プライバシーポリシー

The times you set stay on your own device. Nothing is sent to a server, and we have no way to see it. The clock is read from the device itself, so once it has loaded, it makes no network requests at all. It works in airplane mode.

We publish what every app handles, app by app → Privacy Policy

ホーム画面に追加して使ってください Add it to your home screen

ブラウザのままでも使えますが、ホーム画面に追加すると別物になります。インストールは不要で、審査もアカウントもありません。追加してもデータは端末の中だけです。 It works in a browser, but adding it to your home screen turns it into something else. No install, no app store, no account. Everything still stays on your device.

先に「アプリを起動」を押してください Tap “Launch app” first この説明ページのまま追加すると、説明ページのほうがホーム画面に登録されます。アプリの画面を開いた状態で、下の手順を行ってください。 If you add from this page, you will get this page on your home screen instead. Open the app itself first, then follow the steps below.

iPhone / iPad — Safari

  1. アプリを起動する
  2. 画面下の共有ボタン（）を押す
  3. 少し下にスクロールして「ホーム画面に追加」を選ぶ
  4. 右上の「追加」を押す
  1. Launch the app
  2. Tap the share button () at the bottom
  3. Scroll down and choose Add to Home Screen
  4. Tap Add at the top right

Safari で開いてください。Chrome など他のブラウザからは追加できません。 Use Safari. Other browsers on iOS cannot add to the home screen.

Android — Chrome

  1. アプリを起動する
  2. 右上のメニュー（）を押す
  3. 「アプリをインストール」または「ホーム画面に追加」を選ぶ
  4. 「インストール」を押す
  1. Launch the app
  2. Tap the menu () at the top right
  3. Choose Install app or Add to Home screen
  4. Tap Install

画面下に案内が自動で出ることもあります。その場合はそれを押すだけです。 A prompt may appear at the bottom on its own — if it does, just tap it.

パソコンでも使えます。Chrome や Edge なら、アドレスバー右端のインストールボタンからアプリとして追加できます。 It works on a computer too. In Chrome or Edge, use the install button at the right of the address bar.

料金 Price

無料です。自分が現場で欲しかったものを作っただけなので、同じように「時間を一目で把握したい」人に、自由に使ってもらえればと思っています。

Free. This was built because I wanted it at my own gigs. If you want the same thing — the time, at a glance — please use it.

アプリを起動 Launch app

スマホなら「ホーム画面に追加」でアプリのように使えます。 On a phone, use "Add to Home Screen" to run it like an app.